feat(phase2): 查重功能前端页面 #75

2026-06-28T15:21:01+08:00

xiaoxia commented

2026-06-28 15:21:01 +08:00

Phase 2: 查重功能前端页面

变更内容

查重 API 模块（api/duplication.ts）：mock 数据驱动，含上传、记录列表、详情、删除、重试接口，后端就绪后切换 USE_MOCK = false 即可
上传查重页（DuplicationUpload）：拖拽上传、文件格式/大小校验、上传进度展示
查重结果列表页（DuplicationResults）：表格展示全部查重记录，状态标签、查重率进度条、批量删除、重新查重
重复视频对比详情页（DuplicationDetail）：重复片段时间线可视化、相似度评分、原始视频与匹配视频对比
路由：新增 /duplication、/duplication/results、/duplication/:id
导航：Header 新增「查重」入口（ScanOutlined 图标）

技术要点

全部使用 mock 数据，不依赖后端 API
遵循项目既有模式（React Query + Ant Design + TypeScript）
TypeScript 严格模式检查通过
响应式布局（Ant Design Grid）

文件清单

文件	操作
`src/api/duplication.ts`	新增
`src/pages/duplication/DuplicationUpload.tsx`	新增
`src/pages/duplication/DuplicationResults.tsx`	新增
`src/pages/duplication/DuplicationDetail.tsx`	新增
`src/router/index.tsx`	修改
`src/components/layout/Header.tsx`	修改

🤖 Generated with Claude Code

## Phase 2: 查重功能前端页面 ### 变更内容 - **查重 API 模块**（`api/duplication.ts`）：mock 数据驱动，含上传、记录列表、详情、删除、重试接口，后端就绪后切换 `USE_MOCK = false` 即可 - **上传查重页**（`DuplicationUpload`）：拖拽上传、文件格式/大小校验、上传进度展示 - **查重结果列表页**（`DuplicationResults`）：表格展示全部查重记录，状态标签、查重率进度条、批量删除、重新查重 - **重复视频对比详情页**（`DuplicationDetail`）：重复片段时间线可视化、相似度评分、原始视频与匹配视频对比 - **路由**：新增 `/duplication`、`/duplication/results`、`/duplication/:id` - **导航**：Header 新增「查重」入口（ScanOutlined 图标） ### 技术要点 - 全部使用 mock 数据，不依赖后端 API - 遵循项目既有模式（React Query + Ant Design + TypeScript） - TypeScript 严格模式检查通过 - 响应式布局（Ant Design Grid） ### 文件清单 | 文件 | 操作 | |------|------| | `src/api/duplication.ts` | 新增 | | `src/pages/duplication/DuplicationUpload.tsx` | 新增 | | `src/pages/duplication/DuplicationResults.tsx` | 新增 | | `src/pages/duplication/DuplicationDetail.tsx` | 新增 | | `src/router/index.tsx` | 修改 | | `src/components/layout/Header.tsx` | 修改 | 🤖 Generated with [Claude Code](https://claude.com/claude-code)

xiaoxia added 1 commit 2026-06-28 15:21:02 +08:00

feat(phase2): 查重功能前端页面

CI/CD Pipeline / Validate Code Quality And Tests (pull_request) Has been cancelled

Details

CI/CD Pipeline / Frontend Lint (pull_request) Has been cancelled

Details

92bf5d6cfa

- 新增查重 API 模块（mock 数据），含上传、记录列表、详情、删除、重试接口
- 新增上传查重页（DuplicationUpload）：拖拽上传、格式校验、上传进度
- 新增查重结果列表页（DuplicationResults）：表格展示、状态标签、查重率进度条、批量删除
- 新增重复视频对比详情页（DuplicationDetail）：片段时间线可视化、相似度展示
- 路由新增 /duplication、/duplication/results、/duplication/:id
- Header 导航新增「查重」入口

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

xiaoxia added 1 commit 2026-06-28 15:41:18 +08:00

fix(phase2): 修复 PR#75 代码审计 P1 问题

CI/CD Pipeline / Validate Code Quality And Tests (pull_request) Has been cancelled

Details

CI/CD Pipeline / Frontend Lint (pull_request) Has been cancelled

Details

49c8440fe1

P1-1: DuplicationUpload 使用 navigate 替代 window.location.href，避免整页刷新
P1-2: DuplicationResults 批量删除使用 Promise.allSettled，部分失败时正确反馈结果

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

xiaoxia merged commit 090fb20a99 into develop

2026-06-28 15:50:57 +08:00

xiaoxia referenced this issue from a commit

2026-06-28 15:50:58 +08:00

Merge pull request 'feat(phase2): 查重功能前端页面' (#75) from feat/phase2-duplication-ui into develop

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#75