Ver código fonte

优化样式

xiongxing 3 semanas atrás
pai
commit
0bb5bb681a
1 arquivos alterados com 7 adições e 2 exclusões
  1. 7 2
      src/views/Home/home.vue

+ 7 - 2
src/views/Home/home.vue

@@ -235,7 +235,7 @@
         <div class="status-info">
           <span
             >系统状态:
-            <span class="status-online">{{
+            <span :class="hasAlerts ? 'status-warning' : 'status-online'">{{
               largeScreenStatsData.systemStatus || '未知状态'
             }}</span></span
           >
@@ -1152,6 +1152,7 @@ const getElderList = async () => {
     // 默认选择第一个老人
     if (elderlyList.value.length) {
       selectedElderly.value.id = elderlyList.value[0].id
+      selectedElderly.value.name = elderlyList.value[0].name
       getElderDeviceMessage(selectedElderly.value.id)
       warningFlags.value = []
     }
@@ -2135,7 +2136,7 @@ $transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   padding: 15px;
   overflow-y: auto;
   flex: 1;
-  max-height: 500px;
+  max-height: 700px;
 }
 
 .elderly-grid-large {
@@ -2543,6 +2544,10 @@ $transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     font-weight: 600;
     color: $success-color;
   }
+  .status-warning {
+    font-weight: 600;
+    color: $warning-color;
+  }
 }
 
 .alert-indicator {