fix: 容器余量检查

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;