From 3b1167057d8f132086817f36e200703541c298f0 Mon Sep 17 00:00:00 2001
From: guoapeng <GuoAnPeng@163.com>
Date: Fri, 13 Jun 2025 19:46:51 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=AE=B9=E5=99=A8=E4=BD=99=E9=87=8F?=
 =?UTF-8?q?=E6=A3=80=E6=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/default.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index 71fcded..cc68c2c 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -92,6 +92,15 @@ const statusMap = {
     name: '指令执行异常',
   },
 }
+
+const containerStatus = computed(() => {
+  const empty = systemStore.systemStatus.solutionModule.solutionContainer.find(item => item.empty)
+  if (empty) {
+    return 'empty'
+  }
+  return 'full'
+  // return 'empty'
+})
 </script>
 
 <template>
@@ -202,8 +211,8 @@ const statusMap = {
           >
             <template #reference>
               <div class="footer-right">
-                <div class="status" />
-                <span class="text">溶液容器余量正常</span>
+                <div class="status" :class="{ 'status-error': containerStatus === 'empty' }" />
+                <span class="text">{{ containerStatus === 'empty' ? '容器溶液余量有空置' : '容器溶液余量正常' }}</span>
               </div>
             </template>
             <template #default>
@@ -404,6 +413,9 @@ const statusMap = {
   }
   .footer-right {
     border-left: 10px solid #F6F6F6;
+    .status-error {
+      background: #F56C6C !important;
+    }
     .status {
       width: 15px;
       height: 15px;