From 928fa3682fcd0bcb59e3ca3da8770ecbb06cf315 Mon Sep 17 00:00:00 2001 From: wu <731351411@qq.com> Date: 星期五, 02 八月 2024 10:32:21 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- UI-Project/src/views/PurchaseReturn/purchaseStorage.vue | 51 ++++++++++++++++++++++++++++++--------------------- 1 files changed, 30 insertions(+), 21 deletions(-) diff --git a/UI-Project/src/views/PurchaseReturn/purchaseStorage.vue b/UI-Project/src/views/PurchaseReturn/purchaseStorage.vue index 742ba24..5164c6a 100644 --- a/UI-Project/src/views/PurchaseReturn/purchaseStorage.vue +++ b/UI-Project/src/views/PurchaseReturn/purchaseStorage.vue @@ -5,7 +5,7 @@ import { ElMessage, ElMessageBox } from 'element-plus' import request from "@/utils/request" -import { ref, onMounted, onBeforeUnmount } from 'vue'; +import { ref, onMounted, onBeforeUnmount,onUnmounted } from 'vue'; import { WebSocketHost ,host} from '@/utils/constants' import { initializeWebSocket, closeWebSocket } from '@/utils/WebSocketService'; const adjustedRects = ref([]); @@ -29,27 +29,34 @@ } } } - +let socket = null; const socketUrl = `ws://${WebSocketHost}:${host}/api/temperingGlass/api/talk/temperingGlass`; // 瀹氫箟娑堟伅澶勭悊鍑芥暟锛屾洿鏂� receivedData 鍙橀噺 const handleMessage = (data) => { // 鏇存柊 tableData 鐨勬暟鎹� if(data.overGlass!=null){ adjustedRects.value = data.overGlass[0].map(rect => { - let adjustedWidth, adjustedHeight, adjustedWidtha, adjustedHeighta; + let adjustedWidth, adjustedHeight, adjustedWidtha, adjustedHeighta,widtha,heighta; 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); + if (rect.width < rect.height) { + widtha = rect.height; + heighta = rect.width; + }else { + widtha = rect.width; + heighta = rect.height; + } + if (rect.angle === 0) { + adjustedWidth = widtha * 0.24; + adjustedHeight = heighta * 0.16; + adjustedWidtha = widtha; + adjustedHeighta = heighta; + // 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); + adjustedWidth = heighta * 0.24; + adjustedHeight = widtha * 0.16; + adjustedWidtha = heighta; + adjustedHeighta = widtha; + // newX = 5190 - (rect.yCoordinate + rect.height); } return { ...rect, @@ -71,11 +78,11 @@ }); } function getRectColora(state) { - switch (state) { + switch (state) { case 3: - return '#f8e3c5'; + return '#eebe77'; case 4: - return '#F0F8FF'; + return '#CD6090'; case 5: return '#911005'; } @@ -110,11 +117,13 @@ } } onMounted(() => { - // fetchFlowCardId(); - // fetchTableData(); // 鑾峰彇鏁版嵁 - initializeWebSocket(socketUrl, handleMessage); + socket = initializeWebSocket(socketUrl, handleMessage); }); - + onUnmounted(() => { + if (socket) { + closeWebSocket(socket); + } + }); onBeforeUnmount(() => { console.log("鍏抽棴浜�") closeWebSocket(); -- Gitblit v1.8.0