From b9dfa6dcc2defcfd2d570ad8b6808c14906c5c16 Mon Sep 17 00:00:00 2001
From: wangfei <3597712270@qq.com>
Date: 星期五, 09 八月 2024 08:54:00 +0800
Subject: [PATCH] 下片台下方图片颜色增加新状态

---
 UI-Project/src/views/UnLoadGlass/Landingindicationtwo.vue |   35 +++++------------------------------
 1 files changed, 5 insertions(+), 30 deletions(-)

diff --git a/UI-Project/src/views/UnLoadGlass/Landingindicationtwo.vue b/UI-Project/src/views/UnLoadGlass/Landingindicationtwo.vue
index 9d4fb7a..a9139da 100644
--- a/UI-Project/src/views/UnLoadGlass/Landingindicationtwo.vue
+++ b/UI-Project/src/views/UnLoadGlass/Landingindicationtwo.vue
@@ -30,10 +30,8 @@
     </div>
   </div>
 </template>
-
 <script setup>
 import { ref, watchEffect ,onMounted,onUnmounted} from 'vue';
-
 import { useI18n } from 'vue-i18n'
   const { t } = useI18n()
   let language = ref(localStorage.getItem('lang') || 'zh')
@@ -49,7 +47,6 @@
   { x: 140, y: 280, height: 60, width: 110, fillColor: '#6a6da9', item: { height: 20, width: 100, fillColor: 'yellow', content: 'NG1234561454' } }
   
 ]);
-
 watchEffect(() => {
   // 瑙﹀彂鏁版嵁鍙樺寲鏃堕噸鏂版覆鏌�
 });
@@ -63,7 +60,6 @@
     return rack.x + (rack.width - item.width) / 2;
   }
 };
-
 const calculateItemYPosition = (rack, item, index) => {
   if (index === 0) {
     return rack.y + (rack.height - item.height) / 2;
@@ -73,40 +69,31 @@
     return rack.y + rack.height - item.height;
   }
 };
-
-
 const fetchFlowCardId = async () => {
   try {
     const response = await request.get('unLoadGlass/downWorkStation/getwo2');
-    
     if (response.code === 200) {
       console.log(response); 
       // 閬嶅巻鍝嶅簲鏁版嵁骞舵浛鎹acks鏁扮粍涓殑item灞炴��
       response.data.forEach((itemData, index) => {
   if (index < racks.value.length) {
     const rack = racks.value[index];
-    const newItem = {
+      rack.fillColor = itemData.item.fullCardColor === 'red' ? '#911005' : '#6a6da9';
+      const newItem = {
       content: itemData.item.content,
       fillColor: itemData.item.fillColor,
       width: itemData.item.width === 0 ? "" : 10,
       height: itemData.item.height === 0 ? "" : 90
     };
-
+    console.log(itemData.item.fullCardColor);
     if (index === 2 && itemData.item.width > 0) {
       newItem.width = 100;
       newItem.height = 20;
     }
-
     rack.item = newItem;
-
     console.log(racks.value); // 鎵撳嵃鏇存柊鍚庣殑 racks 鍊�
   }
 });
-
-
-
-      
-     
     } else {
       ElMessage.error(response.msg);
     }
@@ -114,32 +101,27 @@
     console.error(error);
   }
 };
-
 let socket = null;
 const socketUrl = `ws://${WebSocketHost}:${host}/api/unLoadGlass/api/talk/unloadglass3`;
 // 瀹氫箟娑堟伅澶勭悊鍑芥暟锛屾洿鏂� receivedData 鍙橀噺
 const handleMessage = (data) => {
-
   // 鏇存柊 tableData 鐨勬暟鎹�
-
   data.glassinfo2[0].forEach((itemData, index) => {
   if (index < racks.value.length) {
     const rack = racks.value[index];
-    const newItem = {
+      rack.fillColor = itemData.item.fullCardColor === 'red' ? '#911005' : '#6a6da9';
+      const newItem = {
       content: itemData.item.content,
       fillColor: itemData.item.fillColor,
       width: itemData.item.width === 0 ? "" : 10,
       height: itemData.item.height === 0 ? "" : 90,
       downGlassInfoList:itemData.item.downGlassInfoList
     };
-
     if (index === 2 && itemData.item.width > 0) {
       newItem.width = 100;
       newItem.height = 20;
     }
-
     rack.item = newItem;
-
     //console.log("鏄剧ず鍥�2",racks.value); // 鎵撳嵃鏇存柊鍚庣殑 racks 鍊�
   }
 });
@@ -166,9 +148,7 @@
       <td>${info.height}</td>
     </tr>`;
   });
-
   tableContent += '</table>';
-
   Swal.fire({
     title: t('reportWork.glassinformation'),
     // title: '鐜荤拑淇℃伅',
@@ -178,8 +158,6 @@
     }
   });
 };
-
-
     const showRectInfo = (rack) => {
       const content = rack.item.content;
       console.log(rack.item.downGlassInfoList[0].flowCardId)
@@ -188,12 +166,9 @@
     const downGlassInfoList = rack.item.downGlassInfoList;
       console.log(downGlassInfoList)
       showCustomAlert(downGlassInfoList);
-
    }
- 
     };
 </script>
-
 <style scoped>
 .glass-rack {
   /* margin-left: 20px; */

--
Gitblit v1.8.0