调整socket对应的浏览器通知处理逻辑

src/hooks/useEventNotifications.js

@@ -60,30 +60,47 @@ export const useEventNotifications = (options = {}) => {
         // 连接状态监听
         const handleConnect = () => {
             console.log('[useEventNotifications DEBUG] ✓ WebSocket 已连接');
+            logger.info('useEventNotifications', 'WebSocket connected');
             setIsConnected(true);
             setError(null);
         };
 
         const handleDisconnect = () => {
             console.log('[useEventNotifications DEBUG] ⚠️ WebSocket 已断开');
+            logger.warn('useEventNotifications', 'WebSocket disconnected');
             setIsConnected(false);
         };
 
         const handleConnectError = (err) => {
             console.error('[useEventNotifications ERROR] WebSocket 连接错误:', err);
+            logger.error('useEventNotifications', 'WebSocket connect error', err);
             setError(err);
             setIsConnected(false);
         };
 
-        // 连接 WebSocket
-        console.log('[useEventNotifications DEBUG] 准备连接 WebSocket...');
-        socketService.connect();
-
-        // 监听连接事件
+        // 监听连接事件（必须在connect之前设置，否则可能错过事件）
         socketService.on('connect', handleConnect);
         socketService.on('disconnect', handleDisconnect);
         socketService.on('connect_error', handleConnectError);
 
+        // 连接 WebSocket
+        console.log('[useEventNotifications DEBUG] 准备连接 WebSocket...');
+        logger.info('useEventNotifications', 'Initializing WebSocket connection');
+
+        // 先检查是否已经连接
+        const alreadyConnected = socketService.isConnected();
+        console.log('[useEventNotifications DEBUG] 当前连接状态:', alreadyConnected);
+        logger.info('useEventNotifications', 'Pre-connection check', { isConnected: alreadyConnected });
+
+        if (alreadyConnected) {
+            // 如果已经连接，直接更新状态
+            console.log('[useEventNotifications DEBUG] Socket已连接，直接更新状态');
+            setIsConnected(true);
+        } else {
+            // 否则建立新连接
+            socketService.connect();
+        }
+
         // 新事件处理函数 - 使用 ref 中的回调
         const handleNewEvent = (eventData) => {
             console.log('\n[useEventNotifications DEBUG] ========== Hook 收到新事件 ==========');