~zhoushihao/YiWuProject.git

			@@ -3,6 +3,7 @@
			<div>
			<svg width="500" height="500" xmlns="http://www.w3.org/2000/svg">
			<g stroke="null" id="Layer_1">
			<!-- 使用 v-for 循环渲染数据 -->
			<g v-for="(rack, index) in racks" :key="index">
			<rect
			:x="rack.x"
			@@ -33,15 +34,16 @@
			<script setup>
			import Swal from 'sweetalert2'
			import request from "@/utils/request";

			// 初始化数据
			let racks = [
			const racks = [
			{ x: 50, y: 100, height: 100, width: 60, fillColor: '#6a6da9', item: { height: 90, width: 10, fillColor: 'yellow', content: 'NG123456' } },

			{ x: 280, y: 100, height: 100, width: 60, fillColor: '#6a6da9', item: { height: 30, width: 20, fillColor: 'yellow', content: 'NG12345678' } },

			{ x: 140, y: 420, height: 60, width: 110, fillColor: '#6a6da9', item: { height: 30, width: 100, fillColor: 'yellow', content: 'NG1234561454' } }

			];

			// 计算元素位置的函数

			const calculateItemXPosition = (rack, item, index) => {
			if (index === 0) {
			return rack.x;
			@@ -62,11 +64,14 @@
			}
			};

			// 获取数据并更新 racks 数组

			const fetchFlowCardId = async () => {
			try {
			const response = await request.get('unLoadGlass/downWorkStation/getwo');
			console.log(response)
			if (response.code === 200) {
			console.log(response.data);
			// 遍历响应数据并替换racks数组中的item属性
			response.data.forEach((itemData, index) => {
			if (index < racks.length) {
			const rack = racks[index];
			@@ -76,10 +81,12 @@
			width: itemData.item.width / 10000,
			height: itemData.item.height / 10000
			};
			// 更新 racks 数组
			Vue.set(racks, index, { ...rack, item: newItem });
			rack.item == newItem;

			}
			});

			console.log(racks); // 查看更新后的racks数组
			} else {
			ElMessage.error(response.msg);
			}
			@@ -88,10 +95,11 @@
			}
			};

			// 获取数据并更新 racks 数组
			fetchFlowCardId();
			fetchFlowCardId()
			// setTimeout(fetchFlowCardId(),1000);

			// 显示自定义警报


			const showCustomAlert = (content) => {
			var str = "架号 : 111\n" +
			"长 : 111\n" +
			@@ -109,11 +117,11 @@
			});
			};

			// 显示元素信息
			const showRectInfo = (rectInfo) => {
			const content = rectInfo.item.content;
			showCustomAlert(content);
			};

			</script>

			<style scoped>