|  |  | 
 |  |  |    <div id="app" style="display: flex;justify-content: center;flex-wrap: wrap;"> | 
 |  |  |       <div style="width: 100%;"> | 
 |  |  |          <el-table border ref="singleTable" :data="tableData" highlight-current-row @row-click="handleRowClick" | 
 |  |  |             max-height="350" style="width: 100%"> | 
 |  |  |             max-height="420" style="width: 100%"> | 
 |  |  |             <el-table-column property="jarNo" label="硫化罐"> | 
 |  |  |             </el-table-column> | 
 |  |  | <!--            <el-table-column property="workNo" label="工作号">--> | 
 |  |  | 
 |  |  |             </el-table-column> | 
 |  |  |             <el-table-column property="jarMode" label="模式"> | 
 |  |  |             </el-table-column> | 
 |  |  |             <el-table-column property="region" label="区域"> | 
 |  |  |             <el-table-column property="jarTemperature$" label="温度"> | 
 |  |  |             </el-table-column> | 
 |  |  |             <el-table-column property="jarCode" label="代号"> | 
 |  |  |             <el-table-column property="jarPressure$" label="压力"> | 
 |  |  |             </el-table-column> | 
 |  |  |             <el-table-column property="jarCount$" label="最大储量"> | 
 |  |  |             </el-table-column> | 
 |  |  |             <el-table-column property="jarErr" label="异常代码"> | 
 |  |  |             </el-table-column> | 
 |  |  |             <el-table-column label="操作"> | 
 |  |  |                <el-button style="" type="primary" plain size="medium" @click="updateJarCount()">修改</el-button> | 
 |  |  |             </el-table-column> | 
 |  |  |          </el-table> | 
 |  |  |       </div> | 
 |  |  | 
 |  |  |       <div style="width: 100%;display: flex;justify-content: center;margin-top: 10px;"> | 
 |  |  |          <div style="width: 55%;margin-right: 10px;"> | 
 |  |  |             <el-card class="box-card"> | 
 |  |  |                <div slot="header" class="clearfix"> | 
 |  |  |                <div slot="header" class="clearfix" style="display: flex;justify-content: space-between;align-items: center"> | 
 |  |  |                   <span>硫化库位</span> | 
 |  |  |                   <el-button style="" type="primary" plain size="medium" @click="historicalTasks()">历史任务</el-button> | 
 |  |  |                </div> | 
 |  |  |                <div v-if="currentIndex == null"> | 
 |  |  |                   <el-empty description="请选择设备"></el-empty> | 
 |  |  |                </div> | 
 |  |  |                <div v-else> | 
 |  |  |                   <el-table border :data="item" highlight-current-row max-height="350" style="width: 100%"> | 
 |  |  |                      <el-table-column property="jarId" label="硫化罐"> | 
 |  |  |                      </el-table-column> | 
 |  |  |                      <el-table-column property="jarWrkNo" label="工作号"> | 
 |  |  |                      </el-table-column> | 
 |  |  |                      <el-table-column property="status$" label="状态"> | 
 |  |  |                      </el-table-column> | 
 |  |  |                      <el-table-column property="matnr" label="物料码"> | 
 |  |  |                      </el-table-column> | 
 |  |  |                      <el-table-column property="maktx" label="物料名称"> | 
 |  |  |                      </el-table-column> | 
 |  |  |                      <el-table-column property="weight" label="重量"> | 
 |  |  |                      </el-table-column> | 
 |  |  |                   </el-table> | 
 |  |  |                </div> | 
 |  |  |  | 
 |  |  |             </el-card> | 
 |  |  | 
 |  |  |                   </div> | 
 |  |  |                   <div v-else> | 
 |  |  |                      <el-descriptions :title="currentTitle" direction="vertical" :column="4" border> | 
 |  |  |                         <el-descriptions-item label="RGV">{{ tableData[currentIndex].rgvNo }} | 
 |  |  |                         </el-descriptions-item> | 
 |  |  |                         <el-descriptions-item label="工作号"> | 
 |  |  |                            {{ tableData[currentIndex].workNo1 }} | 
 |  |  |                         </el-descriptions-item> | 
 |  |  | <!--                        <el-descriptions-item label="硫化罐">{{ tableData[currentIndex].jarNo }}--> | 
 |  |  | <!--                        </el-descriptions-item>--> | 
 |  |  |                         <el-descriptions-item label="模式"> | 
 |  |  |                            <el-tag>{{ tableData[currentIndex].statusType }}</el-tag> | 
 |  |  |                         </el-descriptions-item> | 
 |  |  |                         <el-descriptions-item label="任务状态"> | 
 |  |  |  | 
 |  |  |                               <el-tag>{{ tableData[currentIndex].status}}</el-tag> | 
 |  |  |  | 
 |  |  |                            <el-tag>{{ tableData[currentIndex].jarMode }}</el-tag> | 
 |  |  |                         </el-descriptions-item> | 
 |  |  |                         <el-descriptions-item label="设备状态"> | 
 |  |  |                            <el-tag>{{ tableData[currentIndex].walkPos }}</el-tag> | 
 |  |  |                            <el-tag>{{ tableData[currentIndex].jarStatus }}</el-tag> | 
 |  |  |                         </el-descriptions-item> | 
 |  |  |                         <el-descriptions-item label="故障代码">{{ tableData[currentIndex].warnCode }} | 
 |  |  |                         <el-descriptions-item label="区域">{{ tableData[currentIndex].region }} | 
 |  |  |                         </el-descriptions-item> | 
 |  |  |                         <el-descriptions-item label="故障描述">{{ tableData[currentIndex].alarm }} | 
 |  |  |                         <el-descriptions-item label="代号">{{ tableData[currentIndex].jarCode }} | 
 |  |  |                         </el-descriptions-item> | 
 |  |  | <!--                        <el-descriptions-item label="源站">{{ tableData[currentIndex].staNo }}--> | 
 |  |  | <!--                        </el-descriptions-item>--> | 
 |  |  | <!--                        <el-descriptions-item label="目标站">{{ tableData[currentIndex].sourceStaNo }}--> | 
 |  |  | <!--                        </el-descriptions-item>--> | 
 |  |  |                         <el-descriptions-item label="温度">{{ tableData[currentIndex].jarTemperature$ }} | 
 |  |  |                         </el-descriptions-item> | 
 |  |  |                         <el-descriptions-item label="压力">{{ tableData[currentIndex].jarPressure$ }} | 
 |  |  |                         </el-descriptions-item> | 
 |  |  |                         <el-descriptions-item label="最大储量">{{ tableData[currentIndex].jarCount$ }} | 
 |  |  |                         </el-descriptions-item> | 
 |  |  |                         <el-descriptions-item label="故障代码">{{ tableData[currentIndex].jarErr }} | 
 |  |  |                         </el-descriptions-item> | 
 |  |  |                         <el-descriptions-item label="最近一次保温时间">{{ tableData[currentIndex].holdingTime }} | 
 |  |  |                         </el-descriptions-item> | 
 |  |  |                         <el-descriptions-item label="最近一次开门时间">{{ tableData[currentIndex].openTime }} | 
 |  |  |                         </el-descriptions-item> | 
 |  |  |                         <el-descriptions-item label="最近一次关门时间">{{ tableData[currentIndex].closeTime }} | 
 |  |  |                         </el-descriptions-item> | 
 |  |  |                      </el-descriptions> | 
 |  |  |  | 
 |  |  |                   </div> | 
 |  |  | 
 |  |  |                } | 
 |  |  |             ], | 
 |  |  |             demo: 'X', | 
 |  |  |             rgvMode: 0 | 
 |  |  |             rgvMode: 0, | 
 |  |  |             item: [] | 
 |  |  |          }, | 
 |  |  |          created() { | 
 |  |  |             this.init() | 
 |  |  | 
 |  |  |  | 
 |  |  |          }, | 
 |  |  |          methods: { | 
 |  |  |             historicalTasks(){ | 
 |  |  |                let that = this | 
 |  |  |                if (that.currentIndex != null){ | 
 |  |  |                   $.ajax({ | 
 |  |  |                      url: baseUrl + "/basJarMastLog/historicalTasks/auth", | 
 |  |  |                      headers: { | 
 |  |  |                         'token': localStorage.getItem('token') | 
 |  |  |                      }, | 
 |  |  |                      data:{ | 
 |  |  |                         id: that.tableData[that.currentIndex].jarNo | 
 |  |  |                      }, | 
 |  |  |                      success: function (res) { | 
 |  |  |                         that.item = res.data | 
 |  |  |                         console.log(that.item) | 
 |  |  |                      } | 
 |  |  |                   }); | 
 |  |  |                } | 
 |  |  |  | 
 |  |  |             }, | 
 |  |  |             staTova(sta,end){ | 
 |  |  |                let that = this | 
 |  |  |                that.$confirm('此操作存在风险,是否继续','提示',{ | 
 |  |  | 
 |  |  |  | 
 |  |  |                setInterval(() => { | 
 |  |  |                   this.getTableData() | 
 |  |  |                   this.demoStatus() | 
 |  |  |                   // this.demoStatus() | 
 |  |  |                }, 1000) | 
 |  |  |             }, | 
 |  |  |             handleRowClick(row, col, event) { | 
 |  |  |                const index = this.tableData.indexOf(row) | 
 |  |  |                this.currentRow = row; | 
 |  |  |                this.currentIndex = index | 
 |  |  |                this.currentTitle = row.jarNo + "号硫化罐" | 
 |  |  |                this.formParam.rgvNo = row.rgvNo | 
 |  |  |                this.enableIn = row.inEnable == "Y" ? true : false | 
 |  |  |                this.enableOut = row.outEnable == "Y" ? true : false | 
 |  |  |                var that = this | 
 |  |  |                const index = that.tableData.indexOf(row) | 
 |  |  |                that.currentRow = row; | 
 |  |  |                that.currentIndex = index | 
 |  |  |                that.currentTitle = row.jarNo + "号硫化罐" | 
 |  |  |                that.formParam.rgvNo = row.rgvNo | 
 |  |  |                that.enableIn = row.inEnable == "Y" ? true : false | 
 |  |  |                that.enableOut = row.outEnable == "Y" ? true : false | 
 |  |  |  | 
 |  |  |                $.ajax({ | 
 |  |  |                   url: baseUrl + "/basJarMast/JatId/auth", | 
 |  |  |                   headers: { | 
 |  |  |                      'token': localStorage.getItem('token') | 
 |  |  |                   }, | 
 |  |  |                   data: { | 
 |  |  |                      id: row.jarNo | 
 |  |  |                   }, | 
 |  |  |                   success: function (res) { | 
 |  |  |                      that.item = res.data | 
 |  |  |                      console.log(that.item) | 
 |  |  |                   } | 
 |  |  |                }); | 
 |  |  |             }, | 
 |  |  |             getTableData() { | 
 |  |  |                let that = this; |