事件中心ui

src/services/browserNotificationService.js

@@ -30,6 +30,14 @@ class BrowserNotificationService {
         return Notification.permission;
     }
 
+    /**
+     * 检查是否有通知权限
+     * @returns {boolean}
+     */
+    hasPermission() {
+        return this.isSupported() && Notification.permission === 'granted';
+    }
+
     /**
      * 请求通知权限
      * @returns {Promise<string>} 权限状态
@@ -77,57 +85,99 @@ class BrowserNotificationService {
         data = {},
         autoClose = 0,
     }) {
+        // 详细日志：检查支持状态
         if (!this.isSupported()) {
             logger.warn('browserNotificationService', 'Notifications not supported');
+            console.warn('[browserNotificationService] ❌ 浏览器不支持通知 API');
             return null;
         }
 
-        if (this.permission !== 'granted') {
-            logger.warn('browserNotificationService', 'Permission not granted');
+        // 详细日志：检查权限状态
+        const currentPermission = Notification.permission;
+        console.log('[browserNotificationService] 当前权限状态:', currentPermission);
+
+        if (currentPermission !== 'granted') {
+            logger.warn('browserNotificationService', 'Permission not granted', { permission: currentPermission });
+            console.warn(`[browserNotificationService] ❌ 权限未授予: ${currentPermission}`);
             return null;
         }
 
+        console.log('[browserNotificationService] ✅ 准备发送通知:', { title, body, tag, requireInteraction, autoClose });
+
         try {
             // 关闭相同 tag 的旧通知
             if (tag && this.activeNotifications.has(tag)) {
                 const oldNotification = this.activeNotifications.get(tag);
                 oldNotification.close();
+                console.log('[browserNotificationService] 关闭旧通知:', tag);
             }
 
             // 创建通知
+            const finalTag = tag || `notification_${Date.now()}`;
+            console.log('[browserNotificationService] 创建通知对象...');
+
             const notification = new Notification(title, {
                 body,
                 icon,
                 badge: '/badge.png',
-                tag: tag || `notification_${Date.now()}`,
+                tag: finalTag,
                 requireInteraction,
                 data,
                 silent: false, // 允许声音
             });
 
+            console.log('[browserNotificationService] ✅ 通知对象已创建:', notification);
+
             // 存储通知引用
             if (tag) {
                 this.activeNotifications.set(tag, notification);
+                console.log('[browserNotificationService] 通知已存储到活跃列表');
             }
 
             // 自动关闭
             if (autoClose > 0 && !requireInteraction) {
+                console.log(`[browserNotificationService] 设置自动关闭: ${autoClose}ms`);
                 setTimeout(() => {
                     notification.close();
+                    console.log('[browserNotificationService] 通知已自动关闭');
                 }, autoClose);
             }
 
             // 通知关闭时清理引用
             notification.onclose = () => {
+                console.log('[browserNotificationService] 通知被关闭:', finalTag);
                 if (tag) {
                     this.activeNotifications.delete(tag);
                 }
             };
 
-            logger.info('browserNotificationService', 'Notification sent', { title, tag });
+            // 通知点击事件
+            notification.onclick = (event) => {
+                console.log('[browserNotificationService] 通知被点击:', finalTag, data);
+            };
+
+            // 通知显示事件
+            notification.onshow = () => {
+                console.log('[browserNotificationService] ✅ 通知已显示:', finalTag);
+            };
+
+            // 通知错误事件
+            notification.onerror = (error) => {
+                console.error('[browserNotificationService] ❌ 通知显示错误:', error);
+            };
+
+            logger.info('browserNotificationService', 'Notification sent', { title, tag: finalTag });
+            console.log('[browserNotificationService] ✅ 通知发送成功!');
+
             return notification;
         } catch (error) {
             logger.error('browserNotificationService', 'sendNotification', error);
+            console.error('[browserNotificationService] ❌ 发送通知时发生错误:', error);
+            console.error('[browserNotificationService] 错误详情:', {
+                name: error.name,
+                message: error.message,
+                stack: error.stack
+            });
             return null;
         }
     }