大屏

liuying

2024-11-26 5e537d1686dc273ca069431e4b241c3db1ea2ebf

 LA24030_LuLiPackageLine_Web/src/views/main/ReportCenter/storageView/index.vue

@@ -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)">
@@ -95,21 +62,24 @@

                  :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }"
                  >
                              {{ cell.laneNo }}{{ cell.layerNo }}{{ cell.columnNo }}
                              <!-- {{ 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 }}
                              <!-- {{ 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 }}
                              <!-- {{ cell.laneNo }} -->
                              {{ cell.layerNo }}{{ cell.columnNo }}
                           </span>
                        </div>
                     </div>
@@ -158,7 +128,7 @@
   let color = '';
   switch (type) {
      case 1:
         color = '#F18201'; //橘色  正常
         color = '#F6C285'; //橘色  正常#F18201
         break;
      case 2:
         color = '#2BA6FF'; //蓝色 封存
@@ -433,7 +403,7 @@
.storage-grid {
   display: flex;
   flex-direction: column; /* 垂直排列每一排 */
   width: 610px;
   width: 510px;
   // border: 1px solid red;
}

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

.rowMy0 {
@@ -478,7 +448,7 @@
   }
}
.t1 {
   margin: 10px 0 2px 0;
   margin: 10px 0 2px 0;font-size: 16px !important;
}
.textK {
   display: flex; /* 使用 Flexbox 布局 */