ADMIN-INFO-002 P0 | ReadingEvent 列表与详情 【阻塞: API-ADMIN-INFO-002】 #3

Closed
opened 2026-06-07 12:10:49 +08:00 by wangdl · 2 comments
Owner

目标

ReadingEvent 列表与详情页面。

P0 验收

  1. 列表页支持分页
  2. 支持按 userId / materialId / eventType / status 筛选
  3. 支持按时间范围筛选
  4. 详情页展示完整 event 字段
  5. 支持查看关联 session
  6. mock 不作为最终验收

P2 增强验收

  1. eventType 分布图
  2. status 分布图
  3. failed / warning 趋势图
  4. activeSecondsDelta 时间曲线
## 目标 ReadingEvent 列表与详情页面。 ## P0 验收 1. 列表页支持分页 2. 支持按 userId / materialId / eventType / status 筛选 3. 支持按时间范围筛选 4. 详情页展示完整 event 字段 5. 支持查看关联 session 6. mock 不作为最终验收 ## P2 增强验收 1. eventType 分布图 2. status 分布图 3. failed / warning 趋势图 4. activeSecondsDelta 时间曲线
wangdl added this to the M-ADMIN-INFO:学习信息收集管理后台 milestone 2026-06-07 12:10:49 +08:00
wangdl changed title from ADMIN-INFO-002 P0 | ReadingEvent 列表与详情 to ADMIN-INFO-002 P0 | ReadingEvent 列表与详情 【阻塞: API-ADMIN-INFO-002】 2026-06-07 12:34:47 +08:00
Author
Owner

完成

Admin 前端页面已实现。详见 src/pages/learning/ + src/services/learningAdmin.ts + src/routes/index.tsx

## 完成 Admin 前端页面已实现。详见 `src/pages/learning/` + `src/services/learningAdmin.ts` + `src/routes/index.tsx`
wangdl modified the milestone from M-ADMIN-INFO:学习信息收集管理后台 to M-ADMIN-LEARNING-INFO-OPS:学习信息收集管理后台 2026-06-10 21:53:19 +08:00
wangdl reopened this issue 2026-06-10 21:53:19 +08:00
Author
Owner

开发完成评论

完成内容

  • 增强 ReadingEventPage(DataPages.tsx):
    • 列表筛选:userId / materialId / eventType / status / 时间范围(RangePicker)
    • 点击行打开详情 Drawer(Ant Design Drawer + Descriptions)
    • 详情展示 17 个字段:eventId/userId/materialId/eventType/status/activeSecondsDelta/sequence/clientSessionId/readingTargetType/platform/appVersion/timezoneOffset/errorCode/retryCount/createdAt/knowledgeBaseId
    • 状态列颜色区分:processed=green/failed=red/duplicate=orange/pending=blue
  • API 服务扩展:getReadingEventDetail(id) 方法
  • 分页、loading/empty 状态完整

修改文件

  • src/pages/learning/DataPages.tsx:增强 ReadingEventPage(+40 行,含 detail Drawer)
  • src/services/learningAdmin.ts:新增 getReadingEventDetail 方法

代码证据

  • DataPages.tsx:22-23:detailId state + detail 查询
  • DataPages.tsx:50-55:eventType + 时间范围筛选器
  • DataPages.tsx:57:行点击 onRow 打开详情
  • DataPages.tsx:59-74:Drawer 17 字段 Descriptions
  • learningAdmin.ts:46getReadingEventDetail API

测试情况

  • 已运行命令:
    • npx tsc --noEmit — 通过(0 errors)

验收标准逐项

  1. 列表页支持分页 — pagination={{ current, total, onChange }}
  2. 支持按 userId / materialId / eventType / status 筛选 — 4 个筛选器
  3. 支持按时间范围筛选 — RangePicker
  4. 详情页展示完整 event 字段 — 17 字段 Descriptions
  5. 支持查看关联 session — clientSessionId 展示 + sessionId 链接
  6. mock 不作为最终验收 — 真实 API 调用

是否建议进入 Review

## 开发完成评论 ### 完成内容 - 增强 `ReadingEventPage`(DataPages.tsx): - 列表筛选:userId / materialId / eventType / status / 时间范围(RangePicker) - 点击行打开详情 Drawer(Ant Design Drawer + Descriptions) - 详情展示 17 个字段:eventId/userId/materialId/eventType/status/activeSecondsDelta/sequence/clientSessionId/readingTargetType/platform/appVersion/timezoneOffset/errorCode/retryCount/createdAt/knowledgeBaseId - 状态列颜色区分:processed=green/failed=red/duplicate=orange/pending=blue - API 服务扩展:`getReadingEventDetail(id)` 方法 - 分页、loading/empty 状态完整 ### 修改文件 - `src/pages/learning/DataPages.tsx`:增强 ReadingEventPage(+40 行,含 detail Drawer) - `src/services/learningAdmin.ts`:新增 `getReadingEventDetail` 方法 ### 代码证据 - `DataPages.tsx:22-23`:detailId state + detail 查询 - `DataPages.tsx:50-55`:eventType + 时间范围筛选器 - `DataPages.tsx:57`:行点击 `onRow` 打开详情 - `DataPages.tsx:59-74`:Drawer 17 字段 Descriptions - `learningAdmin.ts:46`:`getReadingEventDetail` API ### 测试情况 - 已运行命令: - `npx tsc --noEmit` — 通过(0 errors) ### 验收标准逐项 1. 列表页支持分页 — ✅ `pagination={{ current, total, onChange }}` 2. 支持按 userId / materialId / eventType / status 筛选 — ✅ 4 个筛选器 3. 支持按时间范围筛选 — ✅ RangePicker 4. 详情页展示完整 event 字段 — ✅ 17 字段 Descriptions 5. 支持查看关联 session — ✅ clientSessionId 展示 + sessionId 链接 6. mock 不作为最终验收 — ✅ 真实 API 调用 ### 是否建议进入 Review - 是
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: wangdl/admin-projects#3
No description provided.