From 848f471ef121a389d47d57b38589ae5d0a7b02c9 Mon Sep 17 00:00:00 2001
From: fengerli <528575642@qq.com>
Date: Mon, 29 Sep 2025 11:27:36 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E6=97=B6=E6=8A=A5=E8=AD=A6=EF=BC=8C?=
 =?UTF-8?q?=E7=BB=86=E8=8A=82=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../homeIndex/components/RealTimeAlarm.vue    | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/views/homeIndex/components/RealTimeAlarm.vue b/src/views/homeIndex/components/RealTimeAlarm.vue
index 8e134ae..0705556 100644
--- a/src/views/homeIndex/components/RealTimeAlarm.vue
+++ b/src/views/homeIndex/components/RealTimeAlarm.vue
@@ -29,7 +29,7 @@
 </template>
 <script setup>
 import { getRealtimeAlarm } from '@/api/homeIndex/index';
-
+let alarmTimer = null;
 // 模拟报警数据
 const alarmData = ref([
 ]);
@@ -38,17 +38,32 @@ const getRealtimeAlarmData = () => {
         alarmData.value = res.data;
     });
 }
-
+const startAlarmTimer = () => {
+    if (alarmTimer) {
+        clearInterval(alarmTimer);
+    }
+    getRealtimeAlarmData();
+    alarmTimer = setInterval(getRealtimeAlarmData, 40 * 1000);
+};
+const clearAlarmTimer = () => {
+    if (alarmTimer) {
+        clearInterval(alarmTimer);
+        alarmTimer = null;
+    }
+};
 const tableBody = ref(null);
 
 onMounted(() => {
-    getRealtimeAlarmData()
+    startAlarmTimer();
     // 启动滚动动画
     if (tableBody.value) {
         tableBody.value.style.animationName = 'scroll';
         tableBody.value.style.animationIterationCount = 'infinite';
     }
 });
+onUnmounted(() => {
+    clearAlarmTimer(); // 组件销毁时清除定时器
+})
 </script>
 <style scoped lang="scss">
 .alarm-table-container {