增加websocket预警之后系统状态展示

src/views/Home/home.vue

@@ -703,8 +703,8 @@ const currentTime = ref('')
 const lastSyncTime = ref('')
 const timeInterval = ref<ReturnType<typeof setInterval> | null>(null)
 const largeScreenStatsData = ref<StatisticsVO>({
-  systemStatus: '',
-  lastTime: '',
+  systemStatus: '设备正常',
+  lastTime: new Date().toLocaleString(),
   isWarning: false
 })
 
@@ -1606,6 +1606,19 @@ const handleSOSAlert = (alertData) => {
         getElderDeviceMessage(alert.elderId)
       }
     }
+    largeScreenStatsData.value = {
+      systemStatus: '设备告警',
+      lastTime: new Date(alertData.timestamp).toLocaleString(),
+      isWarning: true
+    }
+    // 10s后恢复正常状态
+    setTimeout(() => {
+      largeScreenStatsData.value = {
+        systemStatus: '设备正常',
+        lastTime: new Date().toLocaleString(),
+        isWarning: false
+      }
+    }, 10000)
   } catch (error) {
     console.error('处理SOS告警错误:', error)
   }
@@ -1650,6 +1663,19 @@ const handleHealthAlert = (healthAlert) => {
       getElderDeviceMessage(healthAlertData.elderId)
     }
   }
+  largeScreenStatsData.value = {
+    systemStatus: '健康告警',
+    lastTime: new Date(healthAlertData.timestamp).toLocaleString(),
+    isWarning: true
+  }
+  // 10s后恢复正常状态
+  setTimeout(() => {
+    largeScreenStatsData.value = {
+      systemStatus: '设备正常',
+      lastTime: new Date().toLocaleString(),
+      isWarning: false
+    }
+  }, 10000)
 }
 
 // 添加一个方法来处理闪烁效果