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