~admin/HangZhouMes.git

			@@ -4,6 +4,7 @@
			import {useRouter} from "vue-router"
			const router = useRouter()
			const adda = ref(false)
			import { WebSocketHost ,host} from '@/utils/constants'

			import request from "@/utils/request"
			import { ref, onMounted , onBeforeUnmount} from "vue";
			@@ -12,10 +13,12 @@
			import { ElMessage, ElMessageBox } from 'element-plus'
			// import LanguageMixin from './lang/LanguageMixin'

			import { useI18n } from 'vue-i18n'
			const { t } = useI18n()
			let language = ref(localStorage.getItem('lang') \|\| 'zh')
			const tableData = ref([])
			const slot = ref('')
			const adjustedRects = ref([]);

			onMounted(async () => {
			try {
			const response = await request.post('/cacheGlass/edgStorageCage/selectEdgStorageCage'); // 替换为你的API端点
			@@ -37,7 +40,7 @@
			}
			});
			const toggleEnableState = async (row) => {
			const newState = row.enable_state === 1 ? 0 : 1;
			const newState = row.enable_state === 1 ? 0 : 1;
			// 发送请求到后端更新状态（这里省略了实际的请求逻辑）
			const response = await request.post('/cacheGlass/edgStorageCage/updateEdgStorageCage', { id: row.id, enablestate: newState });
			if (response.code === 200) {
			@@ -47,19 +50,18 @@
			}
			row.enable_state = newState;
			};
			const open = async(row) => {
			try {
			const open = async(row) => {
			try {
			const confirmResult = await ElMessageBox.confirm(
			'是否报缺该条信息?',
			'提示',
			t('sorter.information'),
			t('sorter.prompt'),
			{
			confirmButtonText: '是',
			cancelButtonText: '取消',
			confirmButtonText: t('sorter.yes'),
			cancelButtonText: t('sorter.cancel'),
			type: 'warning',
			}
			}
			);
			if (confirmResult === 'confirm') {
			// 用户点击了“是”，现在调用删除接口
			var url="/cacheGlass/edgStorageCage/edgStorageCageGlass?edgStorageCageId="+row.id;
			console.log(url);
			const response = await request.post(url, {
			@@ -68,17 +70,14 @@
			if (response.code === 200) {
			ElMessage.success(response.message);
			} else {
			// 删除失败，您可以处理错误或显示错误信息给用户
			ElMessage.error(response.msg);
			// alert('删除失败：' + deleteResponse.message);
			}
			}
			} catch (error) {
			// 处理可能出现的错误，比如 ElMessageBox 抛出的异常等
			console.error('发生错误:', error);
			}
			};
			const socketUrl = `ws://10.153.19.150:88/api/cacheGlass/api/talk/cacheGlass`;
			const socketUrl = `ws://${WebSocketHost}:${host}/api/cacheGlass/api/talk/cacheGlass`;
			// 定义消息处理函数，更新 receivedData 变量
			const handleMessage = (data) => {
			// 更新 tableData 的数据
			@@ -111,13 +110,13 @@
			<el-table height="240" ref="table"
			@selection-change="handleSelectionChange"
			:data="tableData" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
			<el-table-column prop="slot" align="center" label="栅格号" min-width="80" />
			<el-table-column prop="glass_id" align="center" label="玻璃编号" min-width="80" />
			<el-table-column prop="width" align="center" label="宽" min-width="120" />
			<el-table-column prop="height" align="center" label="高" min-width="120" />
			<el-table-column prop="slot" align="center" :label="$t('sorter.gridnumber')" min-width="80" />
			<el-table-column prop="glass_id" align="center" :label="$t('sorter.glassnumber')" min-width="80" />
			<el-table-column prop="width" align="center" :label="$t('sorter.width')" min-width="120" />
			<el-table-column prop="height" align="center" :label="$t('sorter.height')" min-width="120" />
			<el-table-column
			align="center"
			label="启用状态"
			:label="$t('sorter.startstatus')"
			min-width="80"
			prop="enable_state"
			>
			@@ -126,17 +125,17 @@
			:type="scope.row.enable_state === 1 ? 'success' : 'danger'"
			@click="toggleEnableState(scope.row)"
			>
			{{ scope.row.enable_state === 1 ? '启用' : '禁用' }}
			{{ scope.row.enable_state === 1 ? $t('sorter.start') : $t('sorter.disable') }}
			</el-tag>
			</template>
			<!-- <template #default="scope">
			<el-tag type="success" >{{ scope.row.enable_state==1?"启用":"未启用" }}</el-tag>
			</template> -->
			</el-table-column>
			<el-table-column fixed="right" label="操作" align="center" width="200">
			<el-table-column fixed="right" :label="$t('sorter.operate')" align="center" width="200">
			<template #default="scope">
			<!-- <el-button size="mini" type="text" plain @click="handleBindRacka(scope.row)">报缺</el-button> -->
			<el-button size="mini" type="text" plain @click="open(scope.row)">报缺</el-button>
			<el-button size="mini" type="text" plain @click="open(scope.row)">{{ $t('sorter.deficiencieste') }}</el-button>
			</template>
			</el-table-column>
			</el-table>