fix:容器状态

src/layouts/default.vue

@@ -130,6 +130,15 @@ const commandHandle = async (command: string, params?: unknown) => {
 }
 
 const editDateVisible = ref(false)
+
+const containerStatus = computed(() => {
+  const empty = systemStore.systemStatus.solutionModule.solutionContainer.find(item => item.empty)
+  if (empty) {
+    return 'empty'
+  }
+  return 'full'
+  // return 'empty'
+})
 </script>
 
 <template>
@@ -251,8 +260,8 @@ const editDateVisible = ref(false)
           >
             <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>
@@ -456,6 +465,9 @@ const editDateVisible = ref(false)
   }
   .footer-right {
     border-left: 10px solid #F6F6F6;
+    .status-error {
+      background: #F56C6C !important;
+    }
     .status {
       width: 15px;
       height: 15px;