LA24030-LuLI_PackageLine.git

			@@ -1,6 +1,6 @@
			<template>
			<div>
			<el-card shadow="hover" :body-style="{ paddingBottom: '0' }">
			<!-- <el-card shadow="hover" :body-style="{ paddingBottom: '0' }">
			<el-form :model="formModel" ref="queryForm" labelWidth="90">
			<el-row>
			<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10">
			@@ -36,39 +36,6 @@
			</el-form-item>
			</el-col>

			<!-- 隐藏的筛选条件 -->
			<!-- <template>
			<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10">
			<el-form-item label="锁定状态:">
			<el-select v-model="formModel.isLocked" clearable placeholder="请选择锁定状态">
			<el-option v-for="item in isAutoEnum" :key="item.value" :label="item.title" :value="item.value" />
			</el-select>
			</el-form-item>
			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10">

			<el-form-item label="巷道:">
			<el-select v-model="formModel.Lane" clearable placeholder="请选择巷道">
			<el-option v-for="item in LangEnum" :key="item.value" :label="item.title" :value="item.value" />
			</el-select>
			</el-form-item>
			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10">
			<el-form-item label="所属排:">
			<el-select v-model="formModel.Row" clearable placeholder="请选择所属排">
			<el-option v-for="(item, index) in strorageRowEnum" :key="item" :label="`第${index + 1}排`"
			:value="index + 1" />
			</el-select>
			</el-form-item>
			</el-col>
			</template> -->
			<!-- <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10">
			<el-form-item label-width="20px">
			<el-button type="primary" icon="el-icon-search" @click="getLocationPage(2)">查询</el-button>
			<el-button icon="ele-Refresh" @click="() => formModel = {}"> 重置 </el-button>
			</el-form-item>
			</el-col> -->

			<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" class="mb10">
			<el-form-item>
			<el-button-group style="display: flex; align-items: center">
			@@ -81,7 +48,7 @@
			</el-col>
			</el-row>
			</el-form>
			</el-card>
			</el-card> -->

			<el-card class="full-table" shadow="hover" style="margin-top: 5px">
			<div class="msi-content" style="height: calc(100vh - 200px)">
			@@ -91,25 +58,25 @@
			<div class="storage-grid">
			<div class="row rowMy0">
			<div class="cell" v-for="(cell, cellIndex) in item.data" :key="cellIndex" v-show="cellIndex < 20">
			<span class="textK"

			:style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }"
			>
			{{ cell.laneNo }}{{ cell.layerNo }}{{ cell.columnNo }}
			<span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }">
			<!-- {{ cell.laneNo }} -->
			{{ cell.layerNo }}{{ cell.columnNo }}
			</span>
			</div>
			</div>
			<div class="row rowMy1">
			<div class="cell" v-for="(cell, cellIndex) in item.data" :key="cellIndex" v-show="cellIndex >= 20 && cellIndex < 40">
			<span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }">
			{{ cell.laneNo }}{{ cell.layerNo }}{{ cell.columnNo }}
			<span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }">
			<!-- {{ cell.laneNo }} -->
			{{ cell.layerNo }}{{ cell.columnNo }}
			</span>
			</div>
			</div>
			<div class="row rowMy2">
			<div class="cell" v-for="(cell, cellIndex) in item.data" :key="cellIndex" v-show="cellIndex >= 40 && cellIndex <= 60">
			<span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }">
			{{ cell.laneNo }}{{ cell.layerNo }}{{ cell.columnNo }}
			<span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }">
			<!-- {{ cell.laneNo }} -->
			{{ cell.layerNo }}{{ cell.columnNo }}
			</span>
			</div>
			</div>
			@@ -131,7 +98,7 @@
			</div> -->

			<!-- 统计区域 -->
			<!-- <count-view :countData="countList"></count-view> -->
			<!-- <count-view :countData="countList"></count-view> -->
			<!-- 库位展示 -->
			<!-- <content-view :contentData="dataList"></content-view> -->
			</div>
			@@ -158,7 +125,7 @@
			let color = '';
			switch (type) {
			case 1:
			color = '#F18201'; //橘色正常
			color = '#F6C285'; //橘色正常#F18201
			break;
			case 2:
			color = '#2BA6FF'; //蓝色封存
			@@ -305,7 +272,7 @@
			// return
			// }
			//设置背景


			var res = await getStorageView(Object.assign(formModel.value, {}));
			if (res.data.code == 200) {
			const { data } = res;
			@@ -433,7 +400,7 @@
			.storage-grid {
			display: flex;
			flex-direction: column; /* 垂直排列每一排 */
			width: 610px;
			width: 510px;
			// border: 1px solid red;
			}

			@@ -447,7 +414,7 @@
			display: inline-block;
			justify-content: center;
			align-items: center; /* 居中显示内容 */
			width: 30px;
			width: 25px;
			}

			.rowMy0 {
			@@ -479,14 +446,16 @@
			}
			.t1 {
			margin: 10px 0 2px 0;
			font-size: 16px !important;
			padding-bottom:10px
			}
			.textK {
			display: flex; /* 使用 Flexbox 布局 */
			flex-direction: column;
			font-size: 12px;
			text-align: center;
			width: 100%;
			height: 100%;
			color: white;
			width: 100%;
			height: 100%;
			color: white;
			}
			</style>