YiWuProject.git

			@@ -37,7 +37,7 @@
			import Swal from 'sweetalert2'
			import request from "@/utils/request";
			import { initializeWebSocket } from '@/utils/WebSocketService';
			import { WebSocketHost } from '@/utils/constants';
			import { WebSocketHost ,host} 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' } },

			@@ -112,7 +112,7 @@
			}
			};

			const socketUrl = `ws://${WebSocketHost}:8085/api/talk/unloadglass3`;
			const socketUrl = `ws://${WebSocketHost}:${host}/api/unLoadGlass/api/talk/unloadglass3`;
			// 定义消息处理函数，更新 receivedData 变量
			const handleMessage = (data) => {

			@@ -125,7 +125,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) {
			@@ -146,30 +147,44 @@
			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>',
			// customClass: {
			// popup: 'format-pre'
			// }
			// });
			// };

			const showRectInfo = (rectInfo) => {
			const content = rectInfo.item.content;
			showCustomAlert(content);
			Swal.fire({
			title: '玻璃信息',
			html: tableContent,
			customClass: {
			popup: 'format-pre'
			}
			});
			};


			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>

			<style scoped>