From 4c882ac309c2ec01149ecfe58b76e0b108b10522 Mon Sep 17 00:00:00 2001
From: Ironsp <1522278303@qq.com>
Date: Thu, 18 Jun 2026 15:24:33 +0800
Subject: [PATCH] =?UTF-8?q?feat=20=E5=BC=B9=E7=AA=97=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9,=20=E5=8E=BB=E6=8E=89sse=E6=B6=88=E6=81=AF?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97,=20=E5=BD=93=E5=A2=9E=E5=8A=A0=E6=B6=88?=
 =?UTF-8?q?=E6=81=AF=E7=9A=84=E6=97=B6=E5=80=99,=20=E5=BC=B9=E5=87=BA?=
 =?UTF-8?q?=E8=AD=A6=E5=91=8A=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .eslintrc-auto-import.json       |  4 ++++
 src/layout/components/Navbar.vue | 24 ++++++++++++++++++++++--
 src/store/modules/notice.ts      |  3 ++-
 src/utils/sse.ts                 | 16 ++++++++++------
 src/views/WarningList/list.vue   |  2 +-
 5 files changed, 39 insertions(+), 10 deletions(-)

diff --git a/.eslintrc-auto-import.json b/.eslintrc-auto-import.json
index 2ca3adf..d979925 100644
--- a/.eslintrc-auto-import.json
+++ b/.eslintrc-auto-import.json
@@ -5,6 +5,10 @@
     "ComputedRef": true,
     "DirectiveBinding": true,
     "EffectScope": true,
+    "ElLoading": true,
+    "ElMessage": true,
+    "ElMessageBox": true,
+    "ElNotification": true,
     "ExtractDefaultPropTypes": true,
     "ExtractPropTypes": true,
     "ExtractPublicPropTypes": true,
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index c58569e..517065f 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -37,7 +37,14 @@
         <!-- 消息 -->
         <el-tooltip content="警报" effect="dark" placement="bottom">
           <div style="display: flex; align-items: center" class="mr-[30px]">
-            <el-popover placement="bottom" trigger="click" transition="el-zoom-in-top" :width="400" :persistent="false">
+            <el-popover
+              placement="bottom"
+              transition="el-zoom-in-top"
+              :width="400"
+              :persistent="false"
+              trigger="click"
+              v-model:visible="popoverVisible"
+            >
               <template #reference>
                 <el-badge :value="infoData" :max="999">
                   <div class="right-menu-item hover-effect" @click="goToWarningList">
@@ -124,6 +131,7 @@ const newNotice = ref(<number>0);
 const { warningList, warningListTotal } = storeToRefs(warningListStore);
 
 const infoData = ref(warningListStore.warningListTotal ?? 0);
+const popoverVisible = ref(false);
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
@@ -258,11 +266,23 @@ onMounted(() => {
 watch(
   () => warningListStore.warningListTotal,
   (newVal) => {
-    console.log('监听告警列表变化', newVal);
     infoData.value = newVal;
   },
   { deep: true }
 );
+// 告警数据变化时自动弹出弹窗
+let noticeFirstLoad = true;
+watch(
+  () => warningListStore.warningListTotal,
+  () => {
+    if (noticeFirstLoad) {
+      noticeFirstLoad = false;
+      return;
+    }
+    popoverVisible.value = true;
+  },
+  { deep: true }
+);
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/store/modules/notice.ts b/src/store/modules/notice.ts
index ff1e8d2..c824acb 100644
--- a/src/store/modules/notice.ts
+++ b/src/store/modules/notice.ts
@@ -10,7 +10,8 @@ interface NoticeItem {
 
 export const useNoticeStore = defineStore('notice', () => {
   const state = reactive({
-    notices: [] as NoticeItem[]
+    notices: [] as NoticeItem[],
+    isNotice: false as boolean
   });
 
   const addNotice = (notice: NoticeItem) => {
diff --git a/src/utils/sse.ts b/src/utils/sse.ts
index 174980e..b464be4 100644
--- a/src/utils/sse.ts
+++ b/src/utils/sse.ts
@@ -1,9 +1,12 @@
 import { getToken } from '@/utils/auth';
 import { ElNotification } from 'element-plus';
 import { useNoticeStore } from '@/store/modules/notice';
+import { toRefs } from 'vue';
 
 // 初始化
 export const initSSE = (url: any) => {
+  const noticeStore = useNoticeStore();
+  const { isNotice, notices } = toRefs(noticeStore.state);
   if (import.meta.env.VITE_APP_SSE === 'false') {
     return;
   }
@@ -40,12 +43,13 @@ export const initSSE = (url: any) => {
       time: new Date().toLocaleString()
     });
     const displayMessage = data.value.split('|')[0].trim();
-    ElNotification({
-      title: '消息',
-      message: displayMessage,
-      type: 'success',
-      duration: 3000
-    });
+    // ElNotification({
+    //   title: '消息',
+    //   message: displayMessage,
+    //   type: 'success',
+    //   duration: 3000
+    // });
+    noticeStore.state.isNotice = true;
     data.value = null;
   });
 };
diff --git a/src/views/WarningList/list.vue b/src/views/WarningList/list.vue
index 42bab0a..1e7c4bf 100644
--- a/src/views/WarningList/list.vue
+++ b/src/views/WarningList/list.vue
@@ -314,7 +314,7 @@ onMounted(() => {
 
 //监听数据源变化，自动刷新列表
 watch(warningListTotal, async (newVal) => {
-  console.log('监听到报警列表变化，自动刷新列表', newVal);
+  //console.log('监听到报警列表变化，自动刷新列表', newVal);
   //数据源不同， 接口复用，请求多了一遍（不属于bug）
   await getList();
 });