From de46cb80b7c4d1fb74a4b72d8fc4406e7e3144e7 Mon Sep 17 00:00:00 2001 From: 严智鑫 <test> Date: 星期一, 19 八月 2024 08:49:41 +0800 Subject: [PATCH] Merge branch 'master' of http://10.153.19.25:10101/r/HangZhouMes --- UI-Project/src/views/PurchaseReturn/purchaseReturn.vue | 136 +++++++++++++++++--------------------------- 1 files changed, 53 insertions(+), 83 deletions(-) diff --git a/UI-Project/src/views/PurchaseReturn/purchaseReturn.vue b/UI-Project/src/views/PurchaseReturn/purchaseReturn.vue index f0b25de..1b332f2 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,onUnmounted } from 'vue'; +import { ref, onMounted, onBeforeUnmount } from 'vue'; import { WebSocketHost ,host} from '@/utils/constants' import { ElMessage, ElMessageBox } from 'element-plus' import { initializeWebSocket, closeWebSocket } from '@/utils/WebSocketService'; @@ -22,13 +22,12 @@ 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); + const scaleFactor = 794.67/5087; let adjustedWidth, adjustedHeight, adjustedWidtha, adjustedHeighta,widtha,heighta;; let newX = rect.yCoordinate; if (rect.width < rect.height) { @@ -39,39 +38,26 @@ heighta = rect.height; } if (rect.angle === 0) { - adjustedWidth = widtha * 0.12; + adjustedWidth = widtha * scaleFactor; adjustedHeight = heighta * 0.1; - adjustedWidtha = widtha; - adjustedHeighta = heighta; + // adjustedWidtha = widtha; + // adjustedHeighta = heighta; newX = 5087 - (rect.yCoordinate + widtha); } else { - adjustedWidth = heighta * 0.12; + adjustedWidth = heighta * scaleFactor; 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); - // } + // adjustedWidtha = widtha; + // adjustedHeighta = heighta; + newX = 5087 - (rect.yCoordinate + heighta); + } return { ...rect, - xcoordinate: newX * 0.12, + xcoordinate: newX * scaleFactor, ycoordinate: rect.xCoordinate * 0.1, width: adjustedWidth, height: adjustedHeight, - widtha: adjustedWidtha, - heighta: adjustedHeighta, + widtha: rect.width, + heighta: rect.height, }; }); }else{ @@ -79,7 +65,7 @@ } if(data.intoGlass2!=null){ adjustedRects2.value = data.intoGlass2[0].map(rect => { - console.log( adjustedRects2.value); + const scaleFactor = 794.67/5087; let adjustedWidth, adjustedHeight, adjustedWidtha, adjustedHeighta,widtha,heighta;; let newX = rect.yCoordinate; if (rect.width < rect.height) { @@ -90,39 +76,26 @@ heighta = rect.height; } if (rect.angle === 0) { - adjustedWidth = widtha * 0.12; + adjustedWidth = widtha * scaleFactor; adjustedHeight = heighta * 0.1; - adjustedWidtha = widtha; - adjustedHeighta = heighta; + // adjustedWidtha = widtha; + // adjustedHeighta = heighta; newX = 5087 - (rect.yCoordinate + widtha); } else { - adjustedWidth = heighta * 0.12; + adjustedWidth = heighta * scaleFactor; adjustedHeight = widtha * 0.1; - adjustedWidtha = heighta; - adjustedHeighta = widtha; + // adjustedWidtha = widtha; + // adjustedHeighta = heighta; 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, + xcoordinate: newX * scaleFactor, ycoordinate: rect.xCoordinate * 0.1, width: adjustedWidth, height: adjustedHeight, - widtha: adjustedWidtha, - heighta: adjustedHeighta, + widtha: rect.width, + heighta: rect.height, }; }); }else{ @@ -131,6 +104,7 @@ // 杩涚倝鍓� if(data.waitingGlass!=null){ adjustedRectsa.value = data.waitingGlass[0].map(rect => { + const scaleFactor = 1621.78/5190; let adjustedWidth, adjustedHeight, adjustedWidtha, adjustedHeighta,widtha,heighta;; let newX = rect.yCoordinate; if (rect.width < rect.height) { @@ -141,26 +115,26 @@ heighta = rect.height; } if (rect.angle === 0) { - adjustedWidth = widtha * 0.24; + adjustedWidth = widtha * scaleFactor; adjustedHeight = heighta * 0.16; - adjustedWidtha = widtha; - adjustedHeighta = heighta; + // adjustedWidtha = widtha; + // adjustedHeighta = heighta; newX = 5190 - (rect.yCoordinate + widtha); } else { - adjustedWidth = heighta * 0.24; + adjustedWidth = heighta * scaleFactor; adjustedHeight = widtha * 0.16; - adjustedWidtha = heighta; - adjustedHeighta = widtha; + // adjustedWidtha = widtha; + // adjustedHeighta = heighta; newX = 5190 - (rect.yCoordinate + heighta); } return { ...rect, - x: newX * 0.24, + x: newX * scaleFactor, y: rect.xCoordinate * 0.16, width: adjustedWidth, height: adjustedHeight, - widtha: adjustedWidtha, - heighta: adjustedHeighta, + widtha: rect.width, + heighta: rect.height, }; }); }else{ @@ -169,7 +143,8 @@ // 宸插嚭鐐� if(data.outGlass!=null){ adjustedRectsb.value = data.outGlass[0].map(rect => { - let adjustedWidth, adjustedHeight, adjustedWidtha, adjustedHeighta,widtha,heighta;; + const scaleFactor = 1621.78/5190; + let adjustedWidth, adjustedHeight, adjustedWidtha, adjustedHeighta,widtha,heighta;; let newX = rect.yCoordinate; if (rect.width < rect.height) { widtha = rect.height; @@ -179,26 +154,26 @@ heighta = rect.height; } if (rect.angle === 0) { - adjustedWidth = widtha * 0.24; + adjustedWidth = widtha * scaleFactor; adjustedHeight = heighta * 0.16; - adjustedWidtha = widtha; - adjustedHeighta = heighta; + // adjustedWidtha = widtha; + // adjustedHeighta = heighta; // newX = 5190 - (rect.yCoordinate + widtha); } else { - adjustedWidth = heighta * 0.24; + adjustedWidth = heighta * scaleFactor; adjustedHeight = widtha * 0.16; - adjustedWidtha = heighta; - adjustedHeighta = widtha; + // adjustedWidtha = heighta; + // adjustedHeighta = widtha; // newX = 5190 - (rect.yCoordinate + heighta); } return { ...rect, // 澶嶅埗鍘熷瀵硅薄鐨勫叾浠栧睘鎬� - x: newX * 0.24, + x: newX * scaleFactor, y: rect.xCoordinate * 0.16, width: adjustedWidth, height: adjustedHeight, - widtha: adjustedWidtha, - heighta: adjustedHeighta, + widtha: rect.width, + heighta: rect.height, }; }); }else{ @@ -206,13 +181,8 @@ } }; onMounted(() => { - socket = initializeWebSocket(socketUrl, handleMessage); + initializeWebSocket(socketUrl, handleMessage); }); - onUnmounted(() => { - if (socket) { - closeWebSocket(socket); - } - }); function updateRectColors() { adjustedRectsa.value.forEach(rect => { if (rect.glassId === glassId) { @@ -408,7 +378,7 @@ </div> </el-card> </div> - + <el-dialog v-model="blind" top="30vh" width="15%" style="text-align: center;"> <el-button type="warning" plain :icon="Delete" @click="handleDamage" style="width: 140px;margin-left: 10px;"> {{ $t('order.dilapidation') }} @@ -422,8 +392,8 @@ background-color: #529b2e; text-align: center; display: inline-block; - /* align-items:center; */ - /* justify-content:center; */ + /* align-items:center; */ + /* justify-content:center; */ margin-left: 20px; } #boxb{ @@ -432,16 +402,16 @@ /* display:flex; */ text-align: center; display: inline-block; - align-items:center; - justify-content:center; + align-items:center; + justify-content:center; margin-left: 20px; } #box{ border: 1px solid black; background-color: #337ecc; display:flex; - align-items:center; - justify-content:center; + align-items:center; + justify-content:center; } #home-card { width: 100%; -- Gitblit v1.8.0