1

src/views/PBL/TVScreen/index.vue

@@ -12,7 +12,7 @@
       <el-row>
         <el-col :span="6" v-for="(item, index) in dataList" :key="index">
           <div class="item-box" @click="closeLight(item)">
-            <el-card :class="`card `">
+            <el-card :class="`card  ${getStatusBoxClass(item)}`">
               <div :class="`card-header`">
                 <span>料架号: {{ item.rackCode }}</span>
               </div>
@@ -24,7 +24,7 @@
                     <div class="card-left-text">{{ item2.layerNum === 1 ? '上层' : '中层' }}</div>
                   </el-col>
                   <!-- 右侧物料 -->
-                  <el-col :span="20" :class="`border ${getStatusClass(item)}`">
+                  <el-col :span="20" :class="`border ${getStatusClass(item2)}`">
                     <el-row>
                       <el-col :span="6" v-for="(item3, index3) in item2.maxCapacity" :key="index2">
                         <div :class="`box ${boxSelectClass(item2.packageNum, index3)}`"></div>
@@ -96,7 +96,9 @@ function closeLight(item) {
 function getStatusClass(item) {
   return item.isLight ? 'light' : ''
 }
-
+function getStatusBoxClass(item) {
+  return item.isLight ? 'box-light' : ''
+}
 // 空箱
 function boxSelectClass(num, index) {
   let _index = index + 1
@@ -159,7 +161,7 @@ const createSearchTimer = () => {
   clearSearchTimer()
   timer = setInterval(() => {
     getTimerData()
-  }, 5000)
+  }, 1000)
 }
 onMounted(() => {
   getTimerData()
@@ -252,6 +254,9 @@ onUnmounted(() => {
   background-color: #f9f871 !important;
   color: #000000 !important;
 }
+.box-light {
+  border: 5px solid #eedd78 !important;
+}
 .screen .body {
   width: 100%;
 }