~admin/HangZhouMes.git

			@@ -1,6 +1,6 @@
			<script setup>
			import {Search} from "@element-plus/icons-vue";
			import {reactive, onMounted, onBeforeUnmount} from "vue";
			import {reactive, onMounted, onBeforeUnmount,onUnmounted} from "vue";
			import {useRouter} from "vue-router"
			const router = useRouter()
			import { useI18n } from 'vue-i18n'
			@@ -106,7 +106,7 @@
			console.log('清除成功');
			ElMessage.success(response.message);
			dialogFormVisiblea2.value = false;
			} else if (response.code === 400) {
			} else if (response.code === 500) {
			// 清除失败的逻辑
			console.log('清除失败');
			console.log(response.message); // 打印服务器返回的错误信息
			@@ -139,6 +139,7 @@
			ElMessage.error('获取表格数据失败，请重试');
			}
			};
			let socket = null;
			const socketUrl = `ws://${WebSocketHost}:${host}/api/unLoadGlass/api/talk/unloadglass`;
			// 定义消息处理函数，更新 receivedData 变量
			const handleMessage = (data) => {
			@@ -150,32 +151,77 @@
			onMounted(() => {
			fetchFlowCardId();
			fetchTableData(); // 获取数据
			initializeWebSocket(socketUrl, handleMessage);
			socket = initializeWebSocket(socketUrl, handleMessage);
			});
			onUnmounted(() => {
			if (socket) {
			closeWebSocket(socket);
			}
			});
			onBeforeUnmount(() => {
			console.log("关闭了")
			closeWebSocket();
			});


			const getTagType =(status) => {
			return status === 1 ? 'success' : 'danger';
			// 根据状态值决定标签类型，这里假设状态为1时为成功（绿色），否则为失败（红色）
			}

			const toggleStatus = (row) => {
			// 切换料架状态的逻辑
			row.enableState = 1 - row.enableState; // Toggle between 0 and 1
			// 此处可以添加保存状态的逻辑，比如调用 API 更新数据
			updateRowStatus(row);
			};

			const updateRowStatus = async (row) => {
			try {
			// 假设你的后端 API 接收 PUT 请求，并且需要传递 row.id 和 row.enableState 参数


			const response = await request.post('unLoadGlass/downWorkStation/updateDownWorkstation', {
			enableState: row.enableState,
			id: row.id


			});
			console.log('Updated row status:', response.data);
			// 可以根据后端返回的数据进行进一步处理，比如更新本地状态等
			} catch (error) {
			console.error('Error updating row status:', error);
			// 处理错误情况，比如提示用户更新失败
			}
			};







			// beforeUnmount(() => {
			// closeWebSocket();
			// });
			// setInterval(fetchTableData, 2000)
			</script>
			<template>
			<div style="height: 500px;">
			<el-card style="flex: 1;margin-left: 10px;margin-top: 20px;" v-loading="loading">
			<div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;max-height: 200px;">
			<el-table height="100%" ref="table"
			<div>
			<el-card style="flex: 1;" v-loading="loading">
			<el-card style="flex: 1;margin-left: 4px;margin-top: 1px;" v-loading="loading">
			<div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;">
			<el-table height="200px" ref="table"
			@selection-change="handleSelectionChange"
			:data="tableData" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
			<el-table-column prop="workstationId" align="center" :label="$t('reportWork.lowerbit')" min-width="80" />
			<el-table-column prop="workstationId" align="center" :label="$t('reportWork.shelfnumber')" min-width="120" />
			<el-table-column prop="flowCardId" align="center" :label="$t('reportWork.cardnumber')" min-width="150" />
			<el-table-column prop="totalquantity" align="center" :label="$t('reportWork.totalquantity')" min-width="120" />
			<el-table-column prop="racksnumber" align="center" :label="$t('reportWork.beendropped')" min-width="120" />
			<el-table-column prop="totalQuantity" align="center" :label="$t('reportWork.totalquantity')" min-width="120" />
			<el-table-column prop="racksNumber" align="center" :label="$t('reportWork.beendropped')" min-width="120" />
			<el-table-column prop="layer" align="center" label="层数" min-width="120" />
			<el-table-column prop="artificialnumber" align="center" label="人工下片数" min-width="120" />
			<el-table-column prop="work_state" align="center" :label="$t('reportWork.state')" min-width="120" />
			<el-table-column prop="otherNumber" align="center" label="人工下片数" min-width="120" />
			<!-- <el-table-column prop="work_state" align="center" :label="$t('reportWork.state')" min-width="120" /> -->
			<el-table-column prop="deviceId" align="center" :label="$t('reportWork.devicenumber')" min-width="120" />
			<el-table-column
			align="center"
			@@ -184,7 +230,10 @@
			prop="enableState"
			>
			<template #default="scope">
			<el-tag type="success" >{{ scope.row.enableState==1? $t('reportWork.enable') : $t('reportWork.unenable')}}</el-tag>

			<el-tag :type="getTagType(scope.row.enableState)" @click="toggleStatus(scope.row)">
			{{ scope.row.enableState === 1 ? $t('reportWork.enable') : $t('reportWork.unenable') }}
			</el-tag>
			</template>
			</el-table-column>
			<el-table-column fixed="right" :label="$t('reportWork.operate')" align="center" width="200">
			@@ -196,7 +245,6 @@
			</el-table>
			</div>
			</el-card>

			<!-- workstationId: '1',
			workstationId: '1005',
			flowCardId: '183.6',
			@@ -211,6 +259,7 @@
			<Landingindicationtwo></Landingindicationtwo>
			</div>
			</div>
			</el-card>
			</div>

			<el-dialog v-model="dialogFormVisiblea" top="21vh" width="40%" :title="$t('reportWork.bindingshelves')">