| | |
| | | const downLineTask = ref([]); |
| | | |
| | | const userInfo=JSON.parse(window.localStorage.getItem('userInfo')); |
| | | const pageParams=userInfo.user.menus[0].pages[2].params; |
| | | const pageParams=userInfo.user.menus[0].pages[12].params; |
| | | const pageParamsJson=JSON.parse(pageParams); |
| | | console.log(userInfo.user); |
| | | |
| | | const machineId = pageParamsJson.machineId;//当前页面的设备ID |
| | | console.log(machineId); |
| | | //使用WebSocket方式展示数据 |
| | |
| | | |
| | | loadData.value = dataJson.taskingList[0]; |
| | | findMachine.value = dataJson.machine[0]; |
| | | |
| | | sendRecords.value = dataJson.sendRecords[0].reverse(); |
| | | |
| | | }; |
| | |
| | | </div> |
| | | <div id="main-body"> |
| | | <!-- 表格内容 --> |
| | | <el-table :data="loadData" stripe style="height:260px" |
| | | <el-table :data="loadData" stripe style="height:560px" |
| | | :header-cell-style="{ background: '#F2F3F5 ', color: '#1D2129', textAlign: 'center' }" |
| | | :cell-style="{ textAlign: 'center' }"> |
| | | <!-- <el-table-column type="selection" min-width="30" /> --> |
| | |
| | | </el-table> |
| | | </div> |
| | | |
| | | <div id="main-body" style="width: 100%; height: 460px;min-width: 1200px;"> |
| | | <!-- <div id="main-body" style="width: 100%; height: 460px;min-width: 1200px;"> |
| | | <img style="width: 70%;min-width: 900px; height: 460px;float: left;" src="../../assets/翻片台.png"> |
| | | <!-- <el-image style="width: 70%;min-width: 900px; height: 460px;float: left;" src="../../src/assets/翻片台.png"></el-image> --> |
| | | <!-- <div style="width: 70%;min-width: 900px; height: 460px;background-image: url(../../src/assets/翻片台.png) ;background-size: 100% 100%;float: left;"> |
| | | |
| | | </div> --> |
| | | |
| | | <div style="width: 30%;min-width: 300px; height: 460px;float: left;padding: 20px;;"> |
| | | <el-table :data="sendRecords" stripe |
| | | :header-cell-style="{ background: '#F2F3F5 ', color: '#1D2129', textAlign: 'center', height: '30px' }" |
| | |
| | | </div> |
| | | <div style="clear:both"></div> |
| | | |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </template> |
| | | |