| | |
| | | <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 label="区域">{{ tableData[currentIndex].region }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="设备状态"> |
| | | <el-tag>{{ tableData[currentIndex].jarStatus }}</el-tag> |
| | | <el-descriptions-item label="代号">{{ tableData[currentIndex].jarCode }} |
| | | </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].leftDoor }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="右门">{{ tableData[currentIndex].rightDoor }} |
| | |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="右门可关">{{ tableData[currentIndex].rightOutEnable }} |
| | | </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>--> |
| | | <!-- <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].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 }} |
| | |
| | | ], |
| | | 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) |
| | | } |
| | | }); |
| | | }, |