From 6977fb42d5067f6c938ef3de559a6ad19b542a0b Mon Sep 17 00:00:00 2001 From: 严智鑫 <test> Date: 星期五, 14 六月 2024 11:29:09 +0800 Subject: [PATCH] Merge branch 'master' of http://10.153.19.25:10101/r/HangZhouMes --- UI-Project/src/views/UnLoadGlass/Landingindication.vue | 55 +++++++++++++++++++++++++++++++++++++------------------ 1 files changed, 37 insertions(+), 18 deletions(-) diff --git a/UI-Project/src/views/UnLoadGlass/Landingindication.vue b/UI-Project/src/views/UnLoadGlass/Landingindication.vue index a55acb0..2424c68 100644 --- a/UI-Project/src/views/UnLoadGlass/Landingindication.vue +++ b/UI-Project/src/views/UnLoadGlass/Landingindication.vue @@ -39,11 +39,11 @@ import { initializeWebSocket } from '@/utils/WebSocketService'; import { WebSocketHost } from '@/utils/constants'; const racks = ref([ - { x: 50, y: 100, height: 100, width: 60, fillColor: '#6a6da9', item: { height: 90, width: 10, fillColor: 'yellow', content: 'NG123456' } }, + { x: 50, y: 100, height: 100, width: 60, fillColor: '#6a6da9', item: { height: 90, width: 10, fillColor: 'yellow', content: 'NG123456',downGlassInfoList:"" } }, - { x: 280, y: 100, height: 100, width: 60, fillColor: '#6a6da9', item: { height: 90, width: 10, fillColor: 'yellow', content: 'NG12345678' } }, + { x: 280, y: 100, height: 100, width: 60, fillColor: '#6a6da9', item: { height: 90, width: 10, fillColor: 'yellow', content: 'NG12345678',downGlassInfoList:"" } }, - { x: 140, y: 420, height: 60, width: 110, fillColor: '#6a6da9', item: { height: 20, width: 100, fillColor: 'yellow', content: 'NG1234561454' } } + { x: 140, y: 420, height: 60, width: 110, fillColor: '#6a6da9', item: { height: 20, width: 100, fillColor: 'yellow', content: 'NG1234561454' ,downGlassInfoList:""} } ]); @@ -87,7 +87,8 @@ content: itemData.item.content, fillColor: itemData.item.fillColor, width: itemData.item.width === 0 ? "" : 10, - height: itemData.item.height === 0 ? "" : 90 + height: itemData.item.height === 0 ? "" : 90, + downGlassInfoList:itemData.item.downGlassInfoList }; if (index === 2 && itemData.item.width > 0) { @@ -112,8 +113,8 @@ console.error(error); } }; - const socketUrl = `ws://${WebSocketHost}:8085/api/talk/unloadglass2`; +//const socketUrl = `ws://${WebSocketHost}:88/api/unLoadGlass/api/talk/unloadglass2`; // 瀹氫箟娑堟伅澶勭悊鍑芥暟锛屾洿鏂� receivedData 鍙橀噺 const handleMessage = (data) => { @@ -126,7 +127,8 @@ content: itemData.item.content, fillColor: itemData.item.fillColor, width: itemData.item.width === 0 ? "" : 10, - height: itemData.item.height === 0 ? "" : 90 + height: itemData.item.height === 0 ? "" : 90, + downGlassInfoList:itemData.item.downGlassInfoList }; if (index === 2 && itemData.item.width > 0) { @@ -135,6 +137,7 @@ } rack.item = newItem; + // console.log("鏄剧ず鍥�1",racks.value); // 鎵撳嵃鏇存柊鍚庣殑 racks 鍊� } @@ -147,29 +150,45 @@ fetchFlowCardId(); // 鑾峰彇鏁版嵁 initializeWebSocket(socketUrl, handleMessage); }); +const showCustomAlert = (downGlassInfoList) => { + let tableContent = '<table border="1" style="border-collapse: collapse; width: 100%;">'; + tableContent += '<tr><th style="background-color: #f2f2f2;">鐜荤拑ID</th><th style="background-color: #f2f2f2;">鑶滅郴</th><th style="background-color: #f2f2f2;">鍘氬害</th><th style="background-color: #f2f2f2;">瀹藉害</th><th style="background-color: #f2f2f2;">楂樺害</th></tr>'; + downGlassInfoList.forEach(info => { + tableContent += `<tr> + <td>${info.glassId}</td> + <td>${info.Filmsid}</td> + <td>${info.thickness}</td> + <td>${info.width}</td> + <td>${info.height}</td> + </tr>`; + }); -const showCustomAlert = (content) => { - var str="鏋跺彿 : 111\n" + - "闀� : 111\n" + - "瀹� : 111\n" + - "鍘� : 111\n"+ - "鐜荤拑ID : 111\n"+ - "鑶滅郴 : 111\n"; + tableContent += '</table>'; Swal.fire({ title: '鐜荤拑淇℃伅', - html: '<pre>' + str + '</pre>', + html: tableContent, customClass: { popup: 'format-pre' } }); }; -const showRectInfo = (rectInfo) => { - const content = rectInfo.item.content; - showCustomAlert(content); -}; + + const showRectInfo = (rack) => { + const content = rack.item.content; + console.log(rack.item.downGlassInfoList[0].flowCardId) + console.log(content) + if(content==rack.item.downGlassInfoList[0].flowCardId){ + const downGlassInfoList = rack.item.downGlassInfoList; + console.log(downGlassInfoList) + showCustomAlert(downGlassInfoList); + + } + + }; + </script> -- Gitblit v1.8.0