From c531149478942c18ccf99c2533b7b5fd8edc91b9 Mon Sep 17 00:00:00 2001 From: wuyouming666 <2265557248@qq.com> Date: 星期三, 24 七月 2024 12:36:33 +0800 Subject: [PATCH] Merge branch 'master' of http://10.153.19.25:10101/r/HangZhouMes --- UI-Project/src/views/PurchaseReturn/purchaseStorage.vue | 61 +++++++++++++++++++++--------- 1 files changed, 43 insertions(+), 18 deletions(-) diff --git a/UI-Project/src/views/PurchaseReturn/purchaseStorage.vue b/UI-Project/src/views/PurchaseReturn/purchaseStorage.vue index 5c0133f..4e372e6 100644 --- a/UI-Project/src/views/PurchaseReturn/purchaseStorage.vue +++ b/UI-Project/src/views/PurchaseReturn/purchaseStorage.vue @@ -25,20 +25,38 @@ } } -const socketUrl = `ws://${WebSocketHost}:${host}/api/temperingGlass/api/talk/temperingGlass`; +const socketUrl = `ws://${WebSocketHost}:${host}/api/temperingGlass/api/talk/temperingGlass`; // 瀹氫箟娑堟伅澶勭悊鍑芥暟锛屾洿鏂� receivedData 鍙橀噺 const handleMessage = (data) => { // 鏇存柊 tableData 鐨勬暟鎹� - adjustedRects.value = data.overGlass[0].map(rect => ({ - ...rect, // 澶嶅埗鍘熷瀵硅薄鐨勫叾浠栧睘鎬� - xcoordinate: rect.xCoordinate * 0.5, // 灏唜鍊奸櫎浠�3 - ycoordinate: rect.ycoordinate * 0.5, - width: rect.width * 0.4, - height: rect.height * 0.4, - widtha: rect.width, - heighta: rect.height, - })); - console.log(adjustedRects.value); + if(data.overGlass!=null){ + adjustedRects.value = data.overGlass[0].map(rect => { + let adjustedWidth, adjustedHeight, adjustedWidtha, adjustedHeighta; + let newX = rect.yCoordinate; + if (rect.angle === 0) { + adjustedWidth = rect.width * 0.24; + adjustedHeight = rect.height * 0.16; + adjustedWidtha = rect.width; + adjustedHeighta = rect.height; + newX = 5190 - (rect.yCoordinate + rect.width); + } else { + adjustedWidth = rect.height * 0.24; + adjustedHeight = rect.width * 0.16; + adjustedWidtha = rect.height; + adjustedHeighta = rect.width; + newX = 5190 - (rect.yCoordinate + rect.height); + } + return { + ...rect, + xcoordinate: newX * 0.24, + ycoordinate: rect.xCoordinate * 0.16, + width: adjustedWidth, + height: adjustedHeight, + widtha: adjustedWidtha, + heighta: adjustedHeighta, + }; +}); + } }; onMounted(() => { // fetchFlowCardId(); @@ -55,9 +73,12 @@ <template> <div style="margin-top: 10px;"> <div> - <el-card style="margin-left: 10px;margin-top: 10px;margin-right: 10px;" v-loading="loading"> - <el-scrollbar height="600px"> - <div style="position: relative;width: 1400px;"> + <el-card style="flex: 1;margin-left: 10px;margin-top: 10px;margin-right: 10px;height: 600px;" v-loading="loading"> + <!-- <el-card style="margin-left: 10px;margin-top: 10px;margin-right: 10px;" v-loading="loading"> --> + <div v-if="adjustedRects.length > 0"> + <div style="text-align: center;">鐐夊彿锛歿{ adjustedRects[0].engineerId }}-{{ adjustedRects[0].temperingLayoutId }}</div> + <el-scrollbar height="550px" width="1200px" style="background-color: #e9e9eb;"> + <div style="position: relative;"> <div v-for="(rect, index) in adjustedRects" :key="index" @@ -66,12 +87,15 @@ width: `${rect.width}px`, height: `${rect.height}px`, backgroundColor: rect.state === 4 ? '#d1edc4' : '#f8e3c5' }"> <div class="centered-text"> - <div >{{ rect.flowcardId }}</div> - <div style="text-align: center;">{{ rect.widtha }}*{{ rect.heighta }}</div> + <div >{{ rect.glassId }}</div> + <div >{{ rect.flowCardId }}</div> + <div>{{ rect.widtha }}*{{ rect.heighta }}</div> + <!-- <div style="margin-top: 25px;margin-left: -60px;">{{ rect.widtha }}*{{ rect.heighta }}</div> --> </div> </div> </div> </el-scrollbar> + </div> </el-card> </div> </div> @@ -94,9 +118,10 @@ } .centered-text { /* 璁剧疆鏂囧瓧灞呬腑鏍峰紡 */ - display: flex; + /* display: flex; */ justify-content: center; - align-items: center; + align-items: center; height: 100%; /* 纭繚div鍗犳嵁鏁翠釜鐭╁舰鐨勯珮搴� */ + font-size: small; } </style> \ No newline at end of file -- Gitblit v1.8.0