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/purchaseReturn.vue | 174 +++++++++++++++++++++++++++++++++++++++------------------- 1 files changed, 117 insertions(+), 57 deletions(-) diff --git a/UI-Project/src/views/PurchaseReturn/purchaseReturn.vue b/UI-Project/src/views/PurchaseReturn/purchaseReturn.vue index 2d6988b..f0b25de 100644 --- a/UI-Project/src/views/PurchaseReturn/purchaseReturn.vue +++ b/UI-Project/src/views/PurchaseReturn/purchaseReturn.vue @@ -3,7 +3,7 @@ import {reactive} from "vue"; import {useRouter} from "vue-router" 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 { ElMessage, ElMessageBox } from 'element-plus' import { initializeWebSocket, closeWebSocket } from '@/utils/WebSocketService'; @@ -22,31 +22,52 @@ const adjustedRectsb = ref([]); const currentGlassId = ref(null); const currenttemperingFeedSequence = ref(null); +let socket = null; const socketUrl = `ws://${WebSocketHost}:${host}/api/temperingGlass/api/talk/temperingGlass`; const handleMessage = (data) => { // 杩涚倝涓� if(data.intoGlass!=null){ adjustedRects1.value = data.intoGlass[0].map(rect => { console.log( adjustedRects1.value); - let adjustedWidth, adjustedHeight, adjustedWidtha, adjustedHeighta; + let adjustedWidth, adjustedHeight, adjustedWidtha, adjustedHeighta,widtha,heighta;; let newX = rect.yCoordinate; - if (rect.angle === 0) { - adjustedWidth = rect.height * 0.12; - adjustedHeight = rect.width * 0.1; - adjustedWidtha = rect.height; - adjustedHeighta = rect.width; - newX = 5087 - (rect.xCoordinate + rect.height); - } else { - adjustedWidth = rect.width * 0.12; - adjustedHeight = rect.height * 0.1; - adjustedWidtha = rect.width; - adjustedHeighta = rect.height; - newX = 5087 - (rect.xCoordinate + 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.12; + adjustedHeight = heighta * 0.1; + adjustedWidtha = widtha; + adjustedHeighta = heighta; + newX = 5087 - (rect.yCoordinate + widtha); + } else { + adjustedWidth = heighta * 0.12; + adjustedHeight = widtha * 0.1; + adjustedWidtha = heighta; + adjustedHeighta = widtha; + newX = 5087 - (rect.yCoordinate + heighta); + } + // if (rect.angle === 0) { + // adjustedWidth = heighta * 0.12; + // adjustedHeight = widtha * 0.1; + // adjustedWidtha = heighta; + // adjustedHeighta = widtha; + // newX = 5087 - (rect.xCoordinate + heighta); + // } else { + // adjustedWidth = widtha * 0.12; + // adjustedHeight = heighta * 0.1; + // adjustedWidtha = widtha; + // adjustedHeighta = heighta; + // newX = 5087 - (rect.xCoordinate + widtha); + // } return { ...rect, xcoordinate: newX * 0.12, - ycoordinate: rect.yCoordinate * 0.1, + ycoordinate: rect.xCoordinate * 0.1, width: adjustedWidth, height: adjustedHeight, widtha: adjustedWidtha, @@ -59,25 +80,45 @@ if(data.intoGlass2!=null){ adjustedRects2.value = data.intoGlass2[0].map(rect => { console.log( adjustedRects2.value); - let adjustedWidth, adjustedHeight, adjustedWidtha, adjustedHeighta; + let adjustedWidth, adjustedHeight, adjustedWidtha, adjustedHeighta,widtha,heighta;; let newX = rect.yCoordinate; + if (rect.width < rect.height) { + widtha = rect.height; + heighta = rect.width; + }else { + widtha = rect.width; + heighta = rect.height; + } if (rect.angle === 0) { - adjustedWidth = rect.height * 0.12; - adjustedHeight = rect.width * 0.1; - adjustedWidtha = rect.height; - adjustedHeighta = rect.width; - newX = 5087 - (rect.xCoordinate + rect.height); - } else { - adjustedWidth = rect.width * 0.12; - adjustedHeight = rect.height * 0.1; - adjustedWidtha = rect.width; - adjustedHeighta = rect.height; - newX = 5087 - (rect.xCoordinate + rect.width); + adjustedWidth = widtha * 0.12; + adjustedHeight = heighta * 0.1; + adjustedWidtha = widtha; + adjustedHeighta = heighta; + newX = 5087 - (rect.yCoordinate + widtha); + } else { + adjustedWidth = heighta * 0.12; + adjustedHeight = widtha * 0.1; + adjustedWidtha = heighta; + adjustedHeighta = widtha; + newX = 5087 - (rect.yCoordinate + heighta); } + // if (rect.angle === 0) { + // adjustedWidth = heighta * 0.12; + // adjustedHeight = widtha * 0.1; + // adjustedWidtha = heighta; + // adjustedHeighta = widtha; + // newX = 5087 - (rect.xCoordinate + heighta); + // } else { + // adjustedWidth = widtha * 0.12; + // adjustedHeight = heighta * 0.1; + // adjustedWidtha = widtha; + // adjustedHeighta = heighta; + // newX = 5087 - (rect.xCoordinate + widtha); + // } return { ...rect, xcoordinate: newX * 0.12, - ycoordinate: rect.yCoordinate * 0.1, + ycoordinate: rect.xCoordinate * 0.1, width: adjustedWidth, height: adjustedHeight, widtha: adjustedWidtha, @@ -90,20 +131,27 @@ // 杩涚倝鍓� if(data.waitingGlass!=null){ adjustedRectsa.value = data.waitingGlass[0].map(rect => { - let adjustedWidth, adjustedHeight, adjustedWidtha, adjustedHeighta; + let adjustedWidth, adjustedHeight, adjustedWidtha, adjustedHeighta,widtha,heighta;; let newX = rect.yCoordinate; + if (rect.width < rect.height) { + widtha = rect.height; + heighta = rect.width; + }else { + widtha = rect.width; + heighta = rect.height; + } 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); + adjustedWidth = widtha * 0.24; + adjustedHeight = heighta * 0.16; + adjustedWidtha = widtha; + adjustedHeighta = heighta; + newX = 5190 - (rect.yCoordinate + widtha); } 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 + heighta); } return { ...rect, @@ -121,20 +169,27 @@ // 宸插嚭鐐� if(data.outGlass!=null){ adjustedRectsb.value = data.outGlass[0].map(rect => { - let adjustedWidth, adjustedHeight, adjustedWidtha, adjustedHeighta; + let adjustedWidth, adjustedHeight, adjustedWidtha, adjustedHeighta,widtha,heighta;; let newX = rect.yCoordinate; + if (rect.width < rect.height) { + widtha = rect.height; + heighta = rect.width; + }else { + widtha = rect.width; + heighta = rect.height; + } 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); + adjustedWidth = widtha * 0.24; + adjustedHeight = heighta * 0.16; + adjustedWidtha = widtha; + adjustedHeighta = heighta; + // newX = 5190 - (rect.yCoordinate + widtha); } 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 + heighta); } return { ...rect, // 澶嶅埗鍘熷瀵硅薄鐨勫叾浠栧睘鎬� @@ -151,8 +206,13 @@ } }; onMounted(() => { - initializeWebSocket(socketUrl, handleMessage); + socket = initializeWebSocket(socketUrl, handleMessage); }); + onUnmounted(() => { + if (socket) { + closeWebSocket(socket); + } + }); function updateRectColors() { adjustedRectsa.value.forEach(rect => { if (rect.glassId === glassId) { @@ -163,11 +223,11 @@ function getRectColora(state) { switch (state) { case 0: - return '#d1edc4'; + return '#7AC5CD'; case 1: - return '#E6E6FA'; + return '#95d475'; case -1: - return '#dedfe0'; + return '#CDAF95'; case 5: return '#911005'; } @@ -175,9 +235,9 @@ function getRectColorb(state) { switch (state) { case 3: - return '#f8e3c5'; + return '#eebe77'; case 4: - return '#F0F8FF'; + return '#CD6090'; case 5: return '#911005'; } -- Gitblit v1.8.0