From b55b4ad49d8148b40c0aa0316acdba61a80abcb2 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Fri, 19 Sep 2025 15:38:45 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=B4=BB=E5=8A=A8?=
 =?UTF-8?q?=E5=91=8A=E8=AD=A6=E8=87=AA=E5=8A=A8=E5=88=B7=E6=96=B0=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/BasicLayout.vue                  |  6 ++++
 src/views/faultManage/active-alarm/index.vue | 34 ++++++++++++++++----
 2 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/src/layouts/BasicLayout.vue b/src/layouts/BasicLayout.vue
index f3dbbbf3..757f4f5d 100644
--- a/src/layouts/BasicLayout.vue
+++ b/src/layouts/BasicLayout.vue
@@ -208,6 +208,7 @@ let serverTime = reactive({
   zone: 'UTC', // 时区 UTC
   interval: null as any, // 定时器
 });
+let activeAlarmRefresh = 0;
 
 // 获取服务器时间
 function fnGetServerTime() {
@@ -221,6 +222,7 @@ function fnGetServerTime() {
       serverTime.timestamp = parseInt(res.data.timestamp);
       serverTime.interval = setInterval(() => {
         serverTime.timestamp += 1000;
+        activeAlarmRefresh += 1;
         // serverTimeStr.value = parseDateToStr(serverTime.timestamp);
         // 用DOM直接修改
         if (serverTimeDom) {
@@ -229,6 +231,10 @@ function fnGetServerTime() {
             YYYY_MM_DD_HH_MM_SSZ
           );
         }
+        if (activeAlarmRefresh === 5) {
+          useAlarmStore().fnGetActiveAlarmInfo();
+          activeAlarmRefresh = 0;
+        }
       }, 1000);
     }
   });
diff --git a/src/views/faultManage/active-alarm/index.vue b/src/views/faultManage/active-alarm/index.vue
index ba320443..0119f4af 100644
--- a/src/views/faultManage/active-alarm/index.vue
+++ b/src/views/faultManage/active-alarm/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { reactive, ref, onMounted, toRaw } from 'vue';
+import { reactive, ref, onMounted, toRaw, onUnmounted } from 'vue';
 import { PageContainer } from 'antdv-pro-layout';
 import { ProModal } from 'antdv-pro-modal';
 import { message, Modal } from 'ant-design-vue/es';
@@ -748,6 +748,22 @@ function fnGetList(pageNum?: number) {
   });
 }
 
+let interval: any = null;
+/**自动刷新 */
+function AutoRefresh() {
+  interval = setInterval(() => {
+    listAct(toRaw(queryParams), '').then((res: any) => {
+      if (res.code === RESULT_CODE_SUCCESS) {
+        tablePagination.total = res.total;
+        tableState.data = res.rows;
+      } else {
+        tablePagination.total = 0;
+        tableState.data = [];
+      }
+    });
+  }, 5_000);
+}
+
 onMounted(() => {
   // 初始字典数据
   Promise.allSettled([
@@ -769,9 +785,12 @@ onMounted(() => {
       dict.activeAlarmSeverity = resArr[3].value;
     }
   });
-  // 获取网元网元列表
-  useNeInfoStore().fnNelist();
   fnGetList();
+  // 自动刷新
+  AutoRefresh();
+});
+onUnmounted(() => {
+  clearInterval(interval);
 });
 </script>
 
@@ -1201,7 +1220,7 @@ onMounted(() => {
             >
               {{ modalState.from.alarmType }}
             </a-form-item>
-          </a-col> 
+          </a-col>
         </a-row>
 
         <a-form-item
@@ -1211,7 +1230,7 @@ onMounted(() => {
         >
           {{ modalState.from.locationInfo }}
         </a-form-item>
- 
+
         <a-row>
           <a-col :lg="12" :md="12" :xs="24">
             <a-form-item
@@ -1261,7 +1280,10 @@ onMounted(() => {
               :label="t('views.faultManage.activeAlarm.ackState')"
               name="ackState"
             >
-            <DictTag :options="dict.activeAckState" :value="modalState.from.ackState" />
+              <DictTag
+                :options="dict.activeAckState"
+                :value="modalState.from.ackState"
+              />
             </a-form-item>
           </a-col>
         </a-row>