From e59347ea827f25f600ca06ff25e5650320695d50 Mon Sep 17 00:00:00 2001
From: "Ray.Hao" <1490493387@qq.com>
Date: Tue, 24 Mar 2026 10:16:11 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BC=98=E5=8C=96=20SSE=20?=
 =?UTF-8?q?=E8=BF=9E=E6=8E=A5=E5=8F=8A=E5=9C=A8=E7=BA=BF=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/system/user.ts        |  3 ---
 src/composables/sse/useSse.ts |  7 +++++++
 src/views/dashboard/index.vue | 11 ++++-------
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/api/system/user.ts b/src/api/system/user.ts
index b4eaf605..10858b37 100644
--- a/src/api/system/user.ts
+++ b/src/api/system/user.ts
@@ -11,9 +11,6 @@ import type {
   MobileUpdateForm,
   EmailUpdateForm,
   OptionItem,
-  UserEventQueryParams,
-  UserEventItem,
-  LoginDeviceItem,
 } from "@/types/api";
 
 const USER_BASE_URL = "/api/v1/users";
diff --git a/src/composables/sse/useSse.ts b/src/composables/sse/useSse.ts
index dd2d0935..657b8472 100644
--- a/src/composables/sse/useSse.ts
+++ b/src/composables/sse/useSse.ts
@@ -135,6 +135,13 @@ function createSseConnection(options: UseSseOptions = {}) {
     eventSource.onerror = handleError;
     eventSource.onmessage = handleMessage;
 
+    // 注册所有已订阅的事件处理器
+    eventHandlers.forEach((_, eventName) => {
+      if (eventName !== "message") {
+        eventSource!.addEventListener(eventName, handleCustomEvent(eventName) as EventListener);
+      }
+    });
+
     log("正在建立 SSE 连接...");
   };
 
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 316ec1e9..cd1c1102 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -131,16 +131,13 @@
             <div class="flex-x-between">
               <span class="text-xs font-medium text-[--el-text-color-secondary]">在线用户</span>
               <el-tag
+                size="small"
                 :type="
                   isConnected ? 'success' : connectionState === 'CONNECTING' ? 'warning' : 'danger'
                 "
-                size="small"
+                effect="plain"
+                class="inline-flex"
               >
-                <el-icon class="mr-1">
-                  <Loading v-if="!isConnected && connectionState === 'CONNECTING'" />
-                  <CircleCheck v-else-if="isConnected" />
-                  <CircleClose v-else />
-                </el-icon>
                 SSE {{ sseStatusText }}
               </el-tag>
             </div>
@@ -390,7 +387,7 @@ import type { VisitStatsDetail, VisitTrendDetail } from "@/types/api";
 import { useUserStore } from "@/store/modules/user";
 import { formatGrowthRate } from "@/utils";
 import { useTransition, useDateFormat } from "@vueuse/core";
-import { CircleCheck, CircleClose, Loading, Clock, Menu } from "@element-plus/icons-vue";
+import { Clock, Menu } from "@element-plus/icons-vue";
 import { useOnlineCount, useRecentMenus } from "@/composables";
 
 const router = useRouter();