From def1eb8623e1444164ae4bce9179d011a89b8c5e Mon Sep 17 00:00:00 2001 From: 严智鑫 <test> Date: 星期二, 03 十二月 2024 09:15:27 +0800 Subject: [PATCH] 现场对接批量更新 --- UI-Project/src/views/Marking/marking.vue | 27 ++++++++++++++++++++------- 1 files changed, 20 insertions(+), 7 deletions(-) diff --git a/UI-Project/src/views/Marking/marking.vue b/UI-Project/src/views/Marking/marking.vue index 8ebac0c..ff5e1ee 100644 --- a/UI-Project/src/views/Marking/marking.vue +++ b/UI-Project/src/views/Marking/marking.vue @@ -15,7 +15,8 @@ }); const loadData = ref([]); const findMachine = ref([]); -const machineId=11;//褰撳墠椤甸潰鐨勮澶嘔D +const sendRecords = ref([]); +const machineId=12;//褰撳墠椤甸潰鐨勮澶嘔D //浣跨敤WebSocket鏂瑰紡灞曠ず鏁版嵁 let socket = null; const socketUrl = `ws://${WebSocketHost}:${host}/api/deviceInteraction/api/talk/marking`; @@ -24,6 +25,7 @@ // 鏇存柊 tableData 鐨勬暟鎹� loadData.value = data.taskingList[0]; findMachine.value = data.machine[0]; + sendRecords.value = data.sendRecords[0]; }; onUnmounted(() => { if (socket) { @@ -199,9 +201,9 @@ <el-button type="primary" id="searchButton" @click="workStatus('鐮存崯')">鐮存崯</el-button> <el-button type="primary" id="searchButton" @click="workStatus('瀹屽伐')">瀹屽伐</el-button> --> </div> - <div id="main-body" style="min-height:240px;"> + <div id="main-body"> <!-- 琛ㄦ牸鍐呭 --> - <el-table :data="loadData" stripe + <el-table :data="loadData" stripe style="height:260px" :header-cell-style="{ background: '#F2F3F5 ', color: '#1D2129', textAlign: 'center' }" :cell-style="{ textAlign: 'center' }"> <!-- <el-table-column type="selection" min-width="30" /> --> @@ -210,6 +212,7 @@ <el-table-column prop="batchNumber" :label="$t('glassInfo.batchNumber')"/> <el-table-column prop="taskType" :label="$t('glassInfo.taskType')"/> <el-table-column prop="glassId" :label="$t('glassInfo.glassId')"/> + <el-table-column prop="scanId" :label="$t('glassInfo.scanId')" /> <el-table-column prop="length" :label="$t('glassInfo.length')"/> <el-table-column prop="width" :label="$t('glassInfo.width')"/> <el-table-column prop="thickness" :label="$t('glassInfo.thickness')"/> @@ -225,11 +228,21 @@ </el-table> </div> - <div id="main-body" - style="width: 100%; height: 460px;background-image: url(../../src/assets/鑷姩鎵撴爣鏈�.png) ;background-size: 100% 100%;"> - <!-- 鐢诲浘鍐呭 --> - <div style="width: 100px; height: 100px; background-color: red; position: relative; top: 171px; left: 218px"> + <div id="main-body" style="width: 100%; height: 460px;min-width: 1200px;"> + <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;;"> + <!-- <div style="text-align: center;height: 30px;line-height: 30px;font-size: 20px;padding: 20px;">鏁版嵁浜や簰璁板綍</div> --> + <el-table :data="sendRecords" stripe :header-cell-style="{ background: '#F2F3F5 ', color: '#1D2129', textAlign: 'center',height:'30px'}" :cell-style="{ textAlign: 'center' }"> + <el-table-column prop="sendContent" :label="$t('glassInfo.sendContent')"/> + </el-table> </div> + <div style="clear锛歜oth"></div> + <!-- 鐢诲浘鍐呭 + <div style="width: 100px; height: 100px; background-color: red; position: relative; top: 171px; left: 218px"> + </div>--> </div> </div> </template> -- Gitblit v1.8.0