[P0] 查重优化: 前端查重结果展示适配 #1662

Closed
opened 2026-09-03 18:45:16 +08:00 by xiaoxia · 0 comments
Owner

背景

后端查重结果新增 duplicate_rate、duplicate_segments 等字段,前端需要适配展示。

任务

1. 查重详情页更新

  • apps/web/src/pages/duplication/components/ResultCard.tsx: 显示查重率百分比 + 风险等级颜色
    • <15% 绿色(安全), 15-30% 黄色(注意), >30% 红色(危险)
  • apps/web/src/pages/duplication/DuplicationDetail.tsx: 新增重复片段时间轴展示
    • 每个片段显示"第X秒~第Y秒,相似度Z%"
    • 可视化时间条,标注匹配区间

2. 成品库查重率展示

  • apps/web/src/pages/products/components/ProductInfoPanel.tsx: 后端补全 duplicate_rate 后确保正确显示
  • 格式: "查重率 12.3%",带风险等级颜色标签

3. API 类型更新

  • apps/web/src/api/duplication/types.ts: 更新 DuplicateSegment 和 DuplicationRecord 类型,匹配后端新字段

优先级

P0

依赖

Issue #1660, #1661(后端查重优化完成)

技术债务约束(铁律)

  • 新代码必须有单元测试覆盖(每个新增/修改函数都要有测试)
  • API 向后兼容:旧字段保留不删,新字段是扩展不是替换
  • 旧逻辑代码改造完成后直接替换,不留 if/else 分支兼容新旧两套
  • staging 先验证通过再上生产
## 背景 后端查重结果新增 duplicate_rate、duplicate_segments 等字段,前端需要适配展示。 ## 任务 ### 1. 查重详情页更新 - `apps/web/src/pages/duplication/components/ResultCard.tsx`: 显示查重率百分比 + 风险等级颜色 - <15% 绿色(安全), 15-30% 黄色(注意), >30% 红色(危险) - `apps/web/src/pages/duplication/DuplicationDetail.tsx`: 新增重复片段时间轴展示 - 每个片段显示"第X秒~第Y秒,相似度Z%" - 可视化时间条,标注匹配区间 ### 2. 成品库查重率展示 - `apps/web/src/pages/products/components/ProductInfoPanel.tsx`: 后端补全 duplicate_rate 后确保正确显示 - 格式: "查重率 12.3%",带风险等级颜色标签 ### 3. API 类型更新 - `apps/web/src/api/duplication/types.ts`: 更新 DuplicateSegment 和 DuplicationRecord 类型,匹配后端新字段 ## 优先级 P0 ## 依赖 Issue #1660, #1661(后端查重优化完成) ## 技术债务约束(铁律) - 新代码必须有单元测试覆盖(每个新增/修改函数都要有测试) - API 向后兼容:旧字段保留不删,新字段是扩展不是替换 - 旧逻辑代码改造完成后直接替换,不留 if/else 分支兼容新旧两套 - staging 先验证通过再上生产
xiaoxia added this to the 技术债务与优化 milestone 2026-09-03 18:45:16 +08:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#1662