From 79e2eb9c41b187af4ce5ba29a4c8ab4e55a9ab88 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=AD=A3=E6=98=93?= <zhaozhengyi1b@126.com>
Date: Fri, 8 Nov 2024 17:55:25 +0800
Subject: [PATCH] 1

---
 src/views/PBL/TVScreen/index.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/views/PBL/TVScreen/index.vue b/src/views/PBL/TVScreen/index.vue
index f982e06..2493ebe 100644
--- a/src/views/PBL/TVScreen/index.vue
+++ b/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%;
 }