feat: Phase 2e-1 统一通知中心 + 我的 TabBar 聚合未读红点
后端(notify 模块) - 新增 notify 模块:DAO/Service/Pusher 接口/Controller/Router/CleanupTask - 数据库 DDL:notify_notifications 表 + 3 索引(user+created/user+is_read/user+category) - 11 种 type 枚举(好友/群聊 9 种 + meeting_* 2 种预留)+ 4 种 category - 跨模块集成:contact 3 处 Pusher(friend_request/accepted/rejected) - 跨模块集成:group 6 处 Pusher(invite/join_request/approved/rejected/kicked/role_changed) - WS handler 断线补偿:连接建立即推送 notify.unread.total - 5 REST API(4 用户 + 1 管理员广播)+ 2 WS 事件(notify.new / notify.unread.total) - 30 天已读通知定时清理(未读永久保留) - Provider/Wire 依赖注入(NotifyPusher、NotifyConnectHook、UserInfoResolver 接口) 前端 - 新增 notify 模块:API/Pinia Store(5 分类分页缓存 + 未读数 + WS 事件)/NotifyItem/通知中心主页 - profile 入口:铃铛 badge + 菜单项 badge + 数字显示 - App.vue/login 初始化 notifyStore WS 监听;logout 调用 notifyStore.reset() 清缓存 - 清理 contact.js/group.js 中散落 toast 与冗余 notify.friend.request/group.join.request 处理 - CustomTabBar 新增 hasDot() 聚合指示器:我的 Tab 显示纯红点(无数字), 当前聚合 notifyStore.unreadTotal,未来可扩展「资料待完善/安全提醒/新版本」等 文档 - 新增 Phase 2e 整体路线图 docs/plans/2026-04-20-phase2e-design.md - 新增 Phase 2e-1 专用设计 docs/plans/2026-04-20-phase2e-1-design.md(§6.4 TabBar 聚合红点) - 新增 Phase 2e-1 实施计划 docs/plans/2026-04-20-phase2e-1-implementation.plan.md - 新增 E2E 验证报告 test-report-phase2e-1-notification.md(含 Playwright MCP 2 个现场 Bug 修复记录) - 更新 docs/progress/CURRENT_STATUS.md、docs/api/README.md、docs/api/frontend/notify.md - 更新 .cursor/rules/project-context.mdc、docs/plans/2026-02-27-echochat-system-design.md 其他 - .gitignore 排除 .playwright-mcp/ MCP 临时快照 架构决策 - 单端 WS 连接:沿用现有 ws.Hub,多端已读同步推迟到 Phase 2f/二期 - 跨模块依赖:contact/group → notify 严格单向(接口注入模式) - 降级策略:Pusher 先入库后推送;WS 失败不回滚入库;入库失败仅 Warn 不影响业务 Playwright MCP 回归(4 类场景全通) - 实时推送(admin 广播 → 1s 内前端自动插入 + 角标 +1) - Deep-link 跳转(好友申请通知 → contact/request 页) - 批量清零(全部已读按钮) - TabBar 聚合红点(有未读亮/全部已读灭)与 notifyStore.unreadTotal 三层同步 Made-with: Cursor
This commit is contained in:
55
frontend/src/api/notify.js
Normal file
55
frontend/src/api/notify.js
Normal file
@@ -0,0 +1,55 @@
|
||||
/**
|
||||
* 通知中心 API
|
||||
*
|
||||
* 对应后端路由:/api/v1/notifications/*
|
||||
* 接口文档见:docs/api/frontend/notify.md
|
||||
*/
|
||||
|
||||
import { get, put } from '@/utils/request'
|
||||
|
||||
/**
|
||||
* 获取通知列表(游标分页)
|
||||
* @param {Object} [params]
|
||||
* @param {string} [params.category] - 分类过滤:all|friend|group|meeting|system
|
||||
* @param {boolean} [params.is_read] - 已读状态:true/false,不传代表全部
|
||||
* @param {number} [params.before_id] - 游标,返回 id 小于该值的通知
|
||||
* @param {number} [params.limit] - 页大小(默认 20,最大 100)
|
||||
*/
|
||||
const getNotifications = (params = {}) => {
|
||||
return get('/api/v1/notifications', params)
|
||||
}
|
||||
|
||||
/** 获取未读数统计(总数 + 分类统计) */
|
||||
const getUnreadCount = () => {
|
||||
return get('/api/v1/notifications/unread-count')
|
||||
}
|
||||
|
||||
/**
|
||||
* 标记单条通知已读
|
||||
* @param {number} id - 通知 ID
|
||||
*/
|
||||
const markRead = (id) => {
|
||||
return put(`/api/v1/notifications/${id}/read`)
|
||||
}
|
||||
|
||||
/**
|
||||
* 批量标记已读(可按分类过滤)
|
||||
*
|
||||
* 说明:后端通过 query 参数接收 category(`PUT /api/v1/notifications/read-all?category=friend`)
|
||||
* 为保持契约一致,此处将 category 拼接到 URL,避免放入 request body 导致后端读不到。
|
||||
*
|
||||
* @param {string} [category] - 分类过滤:friend|group|meeting|system,不传代表全部
|
||||
*/
|
||||
const markAllRead = (category) => {
|
||||
const url = category
|
||||
? `/api/v1/notifications/read-all?category=${encodeURIComponent(category)}`
|
||||
: '/api/v1/notifications/read-all'
|
||||
return put(url)
|
||||
}
|
||||
|
||||
export default {
|
||||
getNotifications,
|
||||
getUnreadCount,
|
||||
markRead,
|
||||
markAllRead
|
||||
}
|
||||
Reference in New Issue
Block a user