From 8d8bb2b927f5d7ddf270b9edb5beaac49cd881fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Mon, 9 Jun 2025 10:14:21 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=9C=8B=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/App.vue b/src/App.vue
index a51f60a..559f1a6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,6 +9,7 @@
 <script>
 import ThemePicker from "@/components/ThemePicker";
 import AlmModal from "@/components/AlmModal";
+import {ElMessage} from 'element-ui'
 
 export default {
   name: "App",
@@ -23,6 +24,7 @@ export default {
   },
   data() {
     return {
+      isOnline: {},
       // WebSocket相关
       websocket: null,
       websocketUrl: 'ws://10.42.0.1:7181/ws',
@@ -109,6 +111,9 @@ export default {
         if (data.deviceParam) {
           // 通过事件总线转发设备数据到需要的组件
           this.$bus.$emit('websocket-device-data', data)
+
+          this.isOnline[data.deviceParam.monitorId] = new Date().getTime()
+          this.selectOffLineDevice()
         }
 
         if (data.isFlag === 1 && data.alarmRules && data.alarmContents) {
@@ -355,6 +360,18 @@ export default {
       this.alarmQueue = []
       this.isWebSocketConnected = false
       this.isProcessingAlarm = false
+    },
+    selectOffLineDevice() {
+      Object.keys(this.isOnline).forEach(key => {
+          if (this.isOnline[key] - new Date().getTime() > 1000 * 60 * 30) {
+            this.$message({
+              type: `error`,
+              message: `设备${key}已离线`
+            });
+            this.isOnline[key] = new Date().getTime()
+          }
+        }
+      )
     }
   }
 };