From a7e876f10bdb813483132e71b204d60a91fdd865 Mon Sep 17 00:00:00 2001 From: zhoushihao <zsh19950802@163.com> Date: 星期二, 23 七月 2024 10:28:20 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- UI-Project/src/views/PurchaseReturn/purchaseReturn.vue | 90 +++++++++++++++++++++++++------------------- 1 files changed, 51 insertions(+), 39 deletions(-) diff --git a/UI-Project/src/views/PurchaseReturn/purchaseReturn.vue b/UI-Project/src/views/PurchaseReturn/purchaseReturn.vue index 80847ed..202df31 100644 --- a/UI-Project/src/views/PurchaseReturn/purchaseReturn.vue +++ b/UI-Project/src/views/PurchaseReturn/purchaseReturn.vue @@ -12,6 +12,7 @@ const dialogFormVisible = ref(false) const dialogFormVisiblea = ref(true) const dialogFormVisibleb = ref(false) +const blind = ref(false) const width = ref(); const height = ref(); const adjustedRects = ref([]); @@ -24,21 +25,21 @@ if(data.intoGlass!=null){ adjustedRects.value = data.intoGlass[0].map(rect => { let adjustedWidth, adjustedHeight, adjustedWidtha, adjustedHeighta; - if (rect.angle === 90) { - adjustedWidth = rect.height * 0.3; - adjustedHeight = rect.width * 0.3; + if (rect.angle === 0) { + adjustedWidth = rect.height * 0.13; + adjustedHeight = rect.width * 0.1; adjustedWidtha = rect.height; adjustedHeighta = rect.width; } else { - adjustedWidth = rect.width * 0.3; - adjustedHeight = rect.height * 0.3; + adjustedWidth = rect.width * 0.13; + adjustedHeight = rect.height * 0.1; adjustedWidtha = rect.width; adjustedHeighta = rect.height; } return { ...rect, - xcoordinate: rect.xCoordinate * 0.3, - ycoordinate: rect.yCoordinate * 0.3, + xcoordinate: rect.xCoordinate * 0.13, + ycoordinate: rect.yCoordinate * 0.1, width: adjustedWidth, height: adjustedHeight, widtha: adjustedWidtha, @@ -49,21 +50,21 @@ if(data.intoGlass2!=null){ adjustedRects2.value = data.intoGlass2[0].map(rect => { let adjustedWidth, adjustedHeight, adjustedWidtha, adjustedHeighta; - if (rect.angle === 90) { - adjustedWidth = rect.height * 0.3; - adjustedHeight = rect.width * 0.3; + if (rect.angle === 0) { + adjustedWidth = rect.height * 0.13; + adjustedHeight = rect.width * 0.1; adjustedWidtha = rect.height; adjustedHeighta = rect.width; } else { - adjustedWidth = rect.width * 0.3; - adjustedHeight = rect.height * 0.3; + adjustedWidth = rect.width * 0.13; + adjustedHeight = rect.height * 0.1; adjustedWidtha = rect.width; adjustedHeighta = rect.height; } return { ...rect, - xcoordinate: rect.xCoordinate * 0.3, - ycoordinate: rect.yCoordinate * 0.3, + xcoordinate: rect.xCoordinate * 0.13, + ycoordinate: rect.yCoordinate * 0.1, width: adjustedWidth, height: adjustedHeight, widtha: adjustedWidtha, @@ -75,21 +76,21 @@ if(data.waitingGlass!=null){ adjustedRectsa.value = data.waitingGlass[0].map(rect => { let adjustedWidth, adjustedHeight, adjustedWidtha, adjustedHeighta; - if (rect.angle === 90) { - adjustedWidth = rect.width * 0.27; - adjustedHeight = rect.height * 0.2; + if (rect.angle === 0) { + adjustedWidth = rect.width * 0.25; + adjustedHeight = rect.height * 0.16; adjustedWidtha = rect.width; adjustedHeighta = rect.height; } else { - adjustedWidth = rect.height * 0.27; - adjustedHeight = rect.width * 0.2; + adjustedWidth = rect.height * 0.25; + adjustedHeight = rect.width * 0.16; adjustedWidtha = rect.height; adjustedHeighta = rect.width; } return { ...rect, - x: rect.yCoordinate * 0.27, - y: rect.xCoordinate * 0.2, + x: rect.yCoordinate * 0.25, + y: rect.xCoordinate * 0.16, width: adjustedWidth, height: adjustedHeight, widtha: adjustedWidtha, @@ -101,21 +102,21 @@ if(data.outGlass!=null){ adjustedRectsb.value = data.outGlass[0].map(rect => { let adjustedWidth, adjustedHeight, adjustedWidtha, adjustedHeighta; - if (rect.angle === 90) { - adjustedWidth = rect.width * 0.4; - adjustedHeight = rect.height * 0.4; + if (rect.angle === 0) { + adjustedWidth = rect.width * 0.25; + adjustedHeight = rect.height * 0.16; adjustedWidtha = rect.width; adjustedHeighta = rect.height; } else { - adjustedWidth = rect.height * 0.4; - adjustedHeight = rect.width * 0.4; + adjustedWidth = rect.height * 0.25; + adjustedHeight = rect.width * 0.16; adjustedWidtha = rect.height; adjustedHeighta = rect.width; } return { ...rect, // 澶嶅埗鍘熷瀵硅薄鐨勫叾浠栧睘鎬� - x: rect.yCoordinate * 0.4, - y: rect.xCoordinate * 0.4, + x: rect.yCoordinate * 0.25, + y: rect.xCoordinate * 0.16, width: adjustedWidth, height: adjustedHeight, widtha: adjustedWidtha, @@ -137,6 +138,9 @@ return '#dedfe0'; } } +function showDialog(row) { + blind.value = true; +} onBeforeUnmount(() => { console.log("鍏抽棴浜�") closeWebSocket(); @@ -153,7 +157,7 @@ <div v-if="adjustedRects.length > 0"> <div style="text-align: center;">娴佺▼鍗�: {{ adjustedRects[0].flowCardId }}</div> <el-scrollbar height="630px"> - <div style="position: relative;width: 1400px;"> + <div style="position: relative;max-width: 1400px;"> <div v-for="(rect, index) in adjustedRects" :key="index" @@ -162,7 +166,7 @@ > <div class="centered-text"> <div >{{ rect.glassId }}</div> - <div style="margin-top: 50px;margin-left: -85px;">{{ rect.widtha }}*{{ rect.heighta }}</div> + <div>{{ rect.widtha }}*{{ rect.heighta }}</div> </div> </div> </div> @@ -173,7 +177,7 @@ <div v-if="adjustedRects2.length > 0"> <div style="text-align: center;">娴佺▼鍗�: {{ adjustedRects2[0].flowCardId }}</div> <el-scrollbar height="550px"> - <div style="position: relative;width: 1400px;"> + <div style="position: relative;max-width: 1400px;"> <div v-for="(rect, index) in adjustedRects2" :key="index" @@ -182,7 +186,7 @@ > <div class="centered-text"> <div >{{ rect.glassId }}</div> - <div style="margin-top: 50px;margin-left: -85px;">{{ rect.widtha }}*{{ rect.heighta }}</div> + <div>{{ rect.widtha }}*{{ rect.heighta }}</div> </div> </div> </div> @@ -193,21 +197,22 @@ </div> <div v-if="dialogFormVisiblea"> <!-- 杩涚倝鍓� --> - <el-card style="flex: 1;margin-left: 10px;margin-top: 10px;margin-right: 10px;" v-loading="loading"> + <el-card style="flex: 1;margin-left: 10px;margin-top: 10px;margin-right: 10px;height: 600px;" v-loading="loading"> <div v-if="adjustedRectsa.length > 0"> <div style="text-align: center;">娴佺▼鍗�: {{ adjustedRectsa[0].flowCardId }}</div> <el-scrollbar height="550px"> - <div style="position: relative;width: 1400px;"> + <div style="position: relative;max-width: 1400px;"> <div v-for="(rect, index) in adjustedRectsa" :key="index" + @click="showDialog" class="rect" :style="{ position: 'absolute', top: `${rect.y}px`, left: `${rect.x}px`, width: `${rect.width}px`, height: `${rect.height}px`, backgroundColor: getRectColor(rect.state) }"> <div class="centered-text"> <div>{{ rect.glassId }}</div> - <div style="margin-top: 50px;margin-left: -85px;">{{ rect.widtha }}*{{ rect.heighta }}</div> + <div>{{ rect.widtha }}*{{ rect.heighta }}</div> </div> </div> </div> @@ -217,11 +222,11 @@ </div> <div v-if="dialogFormVisibleb"> <!-- 宸插嚭鐐� --> - <el-card style="flex: 1;margin-left: 10px;margin-top: 10px;margin-right: 10px;" v-loading="loading"> + <el-card style="flex: 1;margin-left: 10px;margin-top: 10px;margin-right: 10px;height: 600px;" v-loading="loading"> <div v-if="adjustedRectsb.length > 0"> <div style="text-align: center;">娴佺▼鍗�: {{ adjustedRectsb[0].flowCardId }}</div> <el-scrollbar height="550px"> - <div style="position: relative;width: 1400px;"> + <div style="position: relative;max-width: 1400px;"> <div v-for="(rect, index) in adjustedRectsb" :key="index" @@ -231,7 +236,7 @@ backgroundColor: rect.state === 4 ? '#911005' : '#f8e3c5' }"> <div class="centered-text"> <div >{{ rect.glassId }}</div> - <div style="margin-top: 50px;margin-left: -85px;">{{ rect.widtha }}*{{ rect.heighta }}</div> + <div>{{ rect.widtha }}*{{ rect.heighta }}</div> </div> </div> </div> @@ -239,6 +244,12 @@ </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(currentGlassId)" style="width: 140px;margin-left: 10px;"> + {{ $t('order.dilapidation') }} + </el-button> + </el-dialog> </div> </template> <style scoped> @@ -316,9 +327,10 @@ } .centered-text { /* 璁剧疆鏂囧瓧灞呬腑鏍峰紡 */ - display: flex; + /* display: flex; */ justify-content: center; align-items: center; height: 100%; /* 纭繚div鍗犳嵁鏁翠釜鐭╁舰鐨勯珮搴� */ + font-size: small; } </style> \ No newline at end of file -- Gitblit v1.8.0