|  |  |  | 
|---|
|  |  |  | <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="420" style="width: 100%"> | 
|---|
|  |  |  | max-height="350" style="width: 100%"> | 
|---|
|  |  |  | <el-table-column property="jarNo" label="硫化罐"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <!--            <el-table-column property="workNo" label="工作号">--> | 
|---|
|  |  |  | 
|---|
|  |  |  | @cancel="cancelEvent" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <template #reference> | 
|---|
|  |  |  | <el-button>修改</el-button> | 
|---|
|  |  |  | <el-button>修改最大储量</el-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-popconfirm> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | 
|---|
|  |  |  | <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 border :data="itemMast" highlight-current-row max-height="400" style="width: 100%"> | 
|---|
|  |  |  | <el-table-column property="id" label="序号"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column property="jarWrkNo" label="工作号"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-descriptions :title="currentTitle" direction="vertical" :column="4" border> | 
|---|
|  |  |  | <!--                        <el-descriptions-item label="硫化罐">{{ tableData[currentIndex].jarNo }}--> | 
|---|
|  |  |  | <!--                        </el-descriptions-item>--> | 
|---|
|  |  |  | <el-descriptions-item label="模式"> | 
|---|
|  |  |  | <el-tag>{{ tableData[currentIndex].jarMode }}</el-tag> | 
|---|
|  |  |  | </el-descriptions-item> | 
|---|
|  |  |  | <el-descriptions-item label="设备状态"> | 
|---|
|  |  |  | <el-tag>{{ tableData[currentIndex].jarStatus }}</el-tag> | 
|---|
|  |  |  | </el-descriptions-item> | 
|---|
|  |  |  | <el-descriptions-item label="区域">{{ tableData[currentIndex].region }} | 
|---|
|  |  |  | </el-descriptions-item> | 
|---|
|  |  |  | <el-descriptions-item label="代号">{{ tableData[currentIndex].jarCode }} | 
|---|
|  |  |  | </el-descriptions-item> | 
|---|
|  |  |  | <el-descriptions-item label="温度">{{ tableData[currentIndex].jarTemperature$ }} | 
|---|
|  |  |  | <!--                        <el-descriptions-item label="模式">--> | 
|---|
|  |  |  | <!--                           <el-tag>{{ tableData[currentIndex].jarMode }}</el-tag>--> | 
|---|
|  |  |  | <!--                        </el-descriptions-item>--> | 
|---|
|  |  |  | <!--                        <el-descriptions-item label="设备状态">--> | 
|---|
|  |  |  | <!--                           <el-tag>{{ tableData[currentIndex].jarStatus }}</el-tag>--> | 
|---|
|  |  |  | <!--                        </el-descriptions-item>--> | 
|---|
|  |  |  | <el-descriptions-item label="左门">{{ tableData[currentIndex].leftDoor }} | 
|---|
|  |  |  | </el-descriptions-item> | 
|---|
|  |  |  | <el-descriptions-item label="压力">{{ tableData[currentIndex].jarPressure$ }} | 
|---|
|  |  |  | <el-descriptions-item label="右门">{{ tableData[currentIndex].rightDoor }} | 
|---|
|  |  |  | </el-descriptions-item> | 
|---|
|  |  |  | <el-descriptions-item label="最大储量">{{ tableData[currentIndex].jarCount$ }} | 
|---|
|  |  |  | <el-descriptions-item label="左门可开">{{ tableData[currentIndex].leftInEnable }} | 
|---|
|  |  |  | </el-descriptions-item> | 
|---|
|  |  |  | <el-descriptions-item label="故障代码">{{ tableData[currentIndex].jarErr }} | 
|---|
|  |  |  | <el-descriptions-item label="右门可开">{{ tableData[currentIndex].leftOutEnable }} | 
|---|
|  |  |  | </el-descriptions-item> | 
|---|
|  |  |  | <el-descriptions-item label="左门可关">{{ tableData[currentIndex].rightInEnable }} | 
|---|
|  |  |  | </el-descriptions-item> | 
|---|
|  |  |  | <el-descriptions-item label="右门可关">{{ tableData[currentIndex].rightOutEnable }} | 
|---|
|  |  |  | </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].leftDoorOpen }} | 
|---|
|  |  |  | </el-descriptions-item> | 
|---|
|  |  |  | <el-descriptions-item label="左门关门状态">{{ tableData[currentIndex].leftDoorClose }} | 
|---|
|  |  |  | </el-descriptions-item> | 
|---|
|  |  |  | <el-descriptions-item label="右门开门状态">{{ tableData[currentIndex].rightDoorOpen }} | 
|---|
|  |  |  | </el-descriptions-item> | 
|---|
|  |  |  | <el-descriptions-item label="右门关门状态">{{ tableData[currentIndex].rightDoorClose }} | 
|---|
|  |  |  | </el-descriptions-item> | 
|---|
|  |  |  | <el-descriptions-item label="最近一次保温时间">{{ tableData[currentIndex].holdingTime }} | 
|---|
|  |  |  | </el-descriptions-item> | 
|---|
|  |  |  | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | demo: 'X', | 
|---|
|  |  |  | rgvMode: 0, | 
|---|
|  |  |  | item: [] | 
|---|
|  |  |  | itemMast: [] | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created() { | 
|---|
|  |  |  | this.init() | 
|---|
|  |  |  | 
|---|
|  |  |  | id: that.tableData[that.currentIndex].jarNo | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | success: function (res) { | 
|---|
|  |  |  | that.item = res.data | 
|---|
|  |  |  | console.log(that.item) | 
|---|
|  |  |  | that.itemMast = res.data | 
|---|
|  |  |  | // console.log(that.itemMast) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | id: row.jarNo | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | success: function (res) { | 
|---|
|  |  |  | that.item = res.data | 
|---|
|  |  |  | console.log(that.item) | 
|---|
|  |  |  | that.itemMast = res.data | 
|---|
|  |  |  | // console.log(that.itemMast) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|