YiWuProject.git

			@@ -1,10 +1,9 @@
			<script setup>
			import {Search} from "@element-plus/icons-vue";
			import {reactive} from "vue";
			import {useRouter} from "vue-router"
			const router = useRouter()
			const adda = ref(false)



			import { initializeWebSocket } from '@/utils/WebSocketService';
			import { WebSocketHost } from '@/utils/constants';
			import request from "@/utils/request"
			import { ref, onMounted } from "vue";
			// import { ref } from 'vue'
			@@ -14,8 +13,9 @@
			const tableData = ref([])
			const slot = ref('')


			request.get("/unLoadGlass/downStorage/selectStorageCage").then((res) => {
			const updatetable = async () => {

			await request.get("/unLoadGlass/downStorage/selectStorageCage").then((res) => {
			if (res.code == 200) {

			console.log(res.data);
			@@ -26,6 +26,9 @@

			}
			});


			}

			const open = async(row) => {
			try {
			@@ -40,7 +43,7 @@
			);
			if (confirmResult === 'confirm') {
			// 用户点击了“是”，现在调用删除接口
			var url="/cacheGlass/edgStorageCage/edgStorageCageGlass?edgStorageCageId="+row.id;
			var url="/unLoadGlass/downStorage/deleteDownStorageCage?downStorageCageId="+row.id;
			console.log(url);
			const response = await request.post(url, {
			esdId: row.esdId
			@@ -58,46 +61,23 @@
			console.error('发生错误:', error);
			}
			};
			const gridOptions = reactive({
			border: "full",//表格加边框
			keepSource: true,//保持源数据
			align: 'center',//文字居中
			stripe:true,//斑马纹
			rowConfig: {isCurrent: true, isHover: true,height: 50},//鼠标移动或选择高亮
			id: 'OrderList',
			showFooter: true,//显示脚
			printConfig: {},
			importConfig: {},
			exportConfig: {},
			scrollY:{ enabled: true },//开启虚拟滚动
			showOverflow:true,
			columnConfig: {
			resizable: true,
			useKey: true
			},
			filterConfig: { //筛选配置项
			remote: true
			},
			customConfig: {
			storage: true
			},
			editConfig: {
			trigger: 'click',
			mode: 'row',
			showStatus: true
			},
			data: [
			{
			'id': '1',
			'long': '5',
			'wide': '1005',
			'thick': '183.6',
			}
			]

			})

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

			// 更新 tableData 的数据
			// tableData.splice(0, tableData.length, ...data.params2[0]);
			tableData.value = data.params2[0]
			console.log("更新后数据", data.params2[0]);

			};


			onMounted(() => {
			updatetable()
			initializeWebSocket(socketUrl, handleMessage);
			});

			</script>