大屏

liuying

2024-11-30 3706fb22a858169204aa05a01b38ec1a4e04b5c7

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

@@ -58,10 +58,7 @@
                  <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) }"
                  >
                           <span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }">
                              <!-- {{ cell.laneNo }} -->
                              {{ cell.layerNo }}{{ cell.columnNo }}
                           </span>
@@ -69,7 +66,7 @@
                     </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) }">
                           <span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }">
                              <!-- {{ cell.laneNo }} -->
                              {{ cell.layerNo }}{{ cell.columnNo }}
                           </span>
@@ -77,7 +74,7 @@
                     </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) }">
                           <span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }">
                              <!-- {{ cell.laneNo }} -->
                              {{ cell.layerNo }}{{ cell.columnNo }}
                           </span>
@@ -101,7 +98,7 @@
            </div> -->

            <!-- 统计区域 -->
       <!-- <count-view :countData="countList"></count-view>  -->
            <!-- <count-view :countData="countList"></count-view>  -->
            <!-- 库位展示 -->
            <!-- <content-view :contentData="dataList"></content-view> -->
         </div>
@@ -275,7 +272,7 @@
   //   return
   // }
   //设置背景
	

   var res = await getStorageView(Object.assign(formModel.value, {}));
   if (res.data.code == 200) {
      const { data } = res;
@@ -448,15 +445,17 @@
   }
}
.t1 {
   margin: 10px 0 2px 0;font-size: 16px !important;
   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>