YiWuProject.git

			@@ -2,24 +2,15 @@
			<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;">
			<el-table height="240" ref="table"
			@selection-change="handleSelectionChange"
			:data="tableData" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
			<el-table height="340" ref="table" @selection-change="handleSelectionChange" :data="tableData"
			:header-cell-style="{ background: '#F2F3F5 ', color: '#1D2129' }">
			<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="$t('sorter.startstatus')"
			min-width="80"
			prop="enable_state"
			>
			<el-table-column align="center" :label="$t('sorter.startstatus')" min-width="80" prop="enable_state">
			<template #default="scope">
			<el-tag
			:type="scope.row.enable_state === 1 ? 'success' : 'danger'"
			@click="toggleEnableState(scope.row)"
			>
			<el-tag :type="scope.row.enable_state === 1 ? 'success' : 'danger'" @click="toggleEnableState(scope.row)">
			{{ scope.row.enable_state === 1 ? $t('sorter.start') : $t('sorter.disable') }}
			</el-tag>
			</template>
			@@ -29,7 +20,8 @@
			</el-table-column>
			<el-table-column fixed="right" :label="$t('sorter.operate')" align="center" width="200">
			<template #default="scope">
			<el-button size="mini" type="text" plain @click="open(scope.row)">{{ $t('sorter.deficiencieste') }}</el-button>
			<el-button size="mini" type="text" plain @click="open(scope.row)">{{ $t('sorter.deficiencieste')
			}}</el-button>
			<el-button size="mini" type="text" plain @click="opena(scope.row)">{{ $t('sorter.updown') }}</el-button>
			</template>
			</el-table-column>
			@@ -37,16 +29,14 @@
			</div>
			</el-card>
			<div class="awatch">
			<img src="../../assets/woshihuancun.png" alt="" style="width: 70%;height: 90%;margin-left: 200px;margin-top: 20px;position: relative;">
			<img src="../../assets/woshihuancun.png" alt=""
			style="width: 70%;height: 90%;margin-left: 200px;margin-top: 20px;position: relative;">
			<div style="position: relative; width: 500px;height: 95px;margin-top: -165px;margin-left: 450px;">
			<div
			v-for="(rect, index) in adjustedRects"
			:key="rect"
			:style="{ position: 'absolute',
			<div v-for="(rect, index) in adjustedRects" :key="rect" :style="{
			position: 'absolute',
			top: `${rect.id}px`, left: `10px`, width: `${rect.width}px`, height: `5px`,
			backgroundColor: '#409EFF'
			}"
			>
			}">
			</div>
			</div>
			</div>
			@@ -69,7 +59,7 @@
			import { useI18n } from 'vue-i18n'
			const { t } = useI18n()
			// import i18n from '@/i18n';
			const tableData = ref([])
			const tableData = reactive([]);
			const slot = ref('')
			const adjustedRects = ref([]);

			@@ -106,10 +96,13 @@
			);
			if (confirmResult === 'confirm') {
			// 用户点击了“是”，现在调用删除接口
			var url="/unLoadGlass/downStorage/deleteDownStorageCage?downStorageCageId="+row.id;
			var url = "/unLoadGlass/downStorage/deleteDownStorageCage";
			console.log(url);
			const response = await request.post(url, {
			esdId: row.esdId
			glassId: row.glass_id,
			state: 9,
			line: 1001,
			workingProcedure: '磨边前理片笼',
			})
			if (response.code === 200) {
			ElMessage.success(response.message);
			@@ -210,8 +203,7 @@
			// 定义消息处理函数，更新 receivedData 变量
			const handleMessage = (data) => {
			// 更新 tableData 的数据
			tableData.value = data.params2[0]
			// tableData.splice(0, tableData.length, ...data.params2[0]);
			tableData.splice(0, tableData.length, ...data.params2[0]);
			// tableData.value = data.params[0]
			// adjustedRects.value = data.EdgStorageCageinfos[0]
			adjustedRects.value = data.params2[0].map(rect => ({
			@@ -235,13 +227,25 @@
			});
			</script>
			<style scoped>
			#dt {
			display: block;
			float: left;
			line-height: 20px;
			margin-left: 100px;
			}

			#dt { display:block; float:left;line-height: 20px;margin-left: 100px;}
			#dta { display:block; float:left;line-height: 20px;margin-left: 80%;}
			#dta {
			display: block;
			float: left;
			line-height: 20px;
			margin-left: 80%;
			}

			#dialog-footer{
			text-align: center;
			margin-top: -15px;
			}

			#message{
			text-align: center;
			align-items: center;
			@@ -251,6 +255,7 @@
			background-color: #337ecc;
			margin-left: 28%;
			}

			.awatch{
			height: 460px;
			width: 1500px;