~zhoushihao/YiWuProject.git

			@@ -7,7 +7,7 @@
			const router = useRouter()
			import request from "@/utils/request"
			import { WebSocketHost ,host} from '@/utils/constants'
			import { ref, onMounted , onBeforeUnmount, reactive, computed } from "vue";
			import { ref, onMounted , onBeforeUnmount, reactive, computed,onUnmounted } from "vue";
			import { initializeWebSocket, closeWebSocket } from '@/utils/WebSocketService';
			import { ElMessage, ElMessageBox } from 'element-plus'
			import { tr } from "element-plus/es/locale";
			@@ -76,19 +76,7 @@
			const cell8=ref(true);
			const cell9=ref(true);
			const selectedRow = ref(null); // 存储选中的行数据

			onMounted(async () => {
			try {
			const response = await request.post('/cacheVerticalGlass/bigStorageCageDetails/selectTemperingGlass');
			if (response.code === 200) {
			tableDatagh.value = response.data
			} else {
			ElMessage.warning(response.msg)
			}
			} catch (error) {
			// console.error('Error fetching rects :', error);
			}
			});

			// 当前页码和每页显示的条数
			const currentPage = ref(1);
			const itemsPerPage = computed(() => {
			@@ -513,6 +501,40 @@
			dialoglea.value = true; // 打开绑定架子对话框
			fetchFlowCardId();
			};
			const handleganghua = () => {
			dialogFormVisiblec.value = true; // 打开绑定架子对话框
			fetchFlow();
			};
			// 钢化查询

			onMounted(async () => {
			try {
			const response = await request.post('/cacheVerticalGlass/bigStorageCageDetails/selectTemperingGlass');
			if (response.code === 200) {
			tableDatagh.value = response.data
			} else {
			ElMessage.warning(response.msg)
			}
			} catch (error) {
			// console.error('Error fetching rects :', error);
			}
			});
			const fetchFlow = async () => {
			try {
			const response = await request.post('/cacheVerticalGlass/bigStorageCageDetails/selectTemperingGlass')
			if (response.code == 200) {
			ElMessage.success(response.message);
			tableDatagh.value = response.data
			} else {
			ElMessage.error(response.message);
			}
			}
			catch (error) {
			// 处理错误
			console.error(error);
			}
			}
			// 值班信息
			const fetchFlowCardId = async () => {
			try {
			const response = await request.post('/cacheVerticalGlass/work_assignment/selectWorkAssignment',{
			@@ -523,7 +545,6 @@
			ElMessage.success(response.message);
			tableDatax.value = response.data;
			console.log(tableDatax.value);
			console
			} else {
			ElMessage.error(response.message);
			}
			@@ -566,6 +587,7 @@
			console.error(error);
			}
			}
			let socket = null;
			const socketUrl = `ws://${WebSocketHost}:${host}/api/cacheVerticalGlass/api/talk/slicecage`;
			// 定义消息处理函数，更新 receivedData 变量
			const handleMessage = (data) => {
			@@ -673,9 +695,14 @@
			// 初始化 WebSocket，并传递消息处理函数
			onMounted(() => {
			// fetchFlowCardId();
			initializeWebSocket(socketUrl, handleMessage);

			// initializeWebSocket(socketUrl, handleMessage);
			socket = initializeWebSocket(socketUrl, handleMessage);
			});
			onUnmounted(() => {
			if (socket) {
			closeWebSocket(socket);
			}
			});
			function getStatusType(enableState: number) {
			switch (enableState) {
			case 100:
			@@ -736,7 +763,7 @@
			<div style="height: 600px;">
			<el-button style="margin-top: 5px;margin-left: 10px;" id="searchButton" type="primary" @click="dialogFormVisiblea = true">{{ $t('searchOrder.cageinformation') }}</el-button>
			<el-button style="margin-top: 5px;margin-left: 10px;" id="searchButton" type="success" @click="dialogFormVisibleb = true">{{ $t('searchOrder.productionqueue') }}</el-button>
			<el-button style="margin-top: 5px;margin-left: 10px;" id="searchButton" type="warning" @click="dialogFormVisiblec = true">{{ $t('searchOrder.temperingqueries') }}</el-button>
			<el-button style="margin-top: 5px;margin-left: 10px;" id="searchButton" type="warning" @click="handleganghua">{{ $t('searchOrder.temperingqueries') }}</el-button>
			<el-button style="margin-top: 5px;margin-left: 10px;" id="searchButton" type="info" @click="handlezhiban">{{ $t('searchOrder.dutyinformation') }}</el-button>
			<el-switch style="margin-top: 5px;margin-left: 10px;" v-model="ganghua" class="mb-2" :inactive-text="$t('searchOrder.temperedswitch')" @change="handleChange" />
			<el-card style="flex: 1;margin-left: 10px;margin-top: 5px;" v-loading="loading">