feat(dc): Complete Tool B frontend development with UI optimization
- Implement Tool B 5-step workflow (upload, schema, processing, verify, result) - Add back navigation button to Portal - Optimize Step 2 field list styling to match prototype - Fix step 3 label: 'dual-blind' to 'dual-model' - Create API service layer with 7 endpoints - Integrate Tool B route into DC module - Add comprehensive TypeScript types Components (~1100 lines): - index.tsx: Main Tool B entry with state management - Step1Upload.tsx: File upload and health check - Step2Schema.tsx: Smart template configuration - Step3Processing.tsx: Dual-model extraction progress - Step4Verify.tsx: Conflict verification workbench - Step5Result.tsx: Result display - StepIndicator.tsx: Step progress component - api/toolB.ts: API service layer Status: Frontend complete, ready for API integration
This commit is contained in:
270
docs/03-业务模块/DC-数据清洗整理/06-开发记录/待办事项-下一步工作.md
Normal file
270
docs/03-业务模块/DC-数据清洗整理/06-开发记录/待办事项-下一步工作.md
Normal file
@@ -0,0 +1,270 @@
|
||||
# 待办事项 - DC模块下一步工作
|
||||
|
||||
**更新日期**: 2025-12-03
|
||||
**当前状态**: Phase 2完成，等待测试
|
||||
|
||||
---
|
||||
|
||||
## ✅ 已完成
|
||||
|
||||
### Phase 1: Portal工作台（2025-12-02）
|
||||
- ✅ Portal页面设计与开发
|
||||
- ✅ ToolCard组件（3个工具卡片）
|
||||
- ✅ TaskList组件（最近任务列表）
|
||||
- ✅ AssetLibrary组件（数据资产库）
|
||||
- ✅ UI优化（100%对标原型图）
|
||||
|
||||
### Phase 2: Tool B 前端开发（2025-12-03）
|
||||
- ✅ Step 1: 文件上传与健康检查
|
||||
- ✅ Step 2: 智能模板配置
|
||||
- ✅ Step 3: 双盲提取进度
|
||||
- ✅ Step 4: 冲突验证工作台
|
||||
- ✅ Step 5: 结果展示
|
||||
- ✅ API服务层封装
|
||||
- ✅ 路由集成
|
||||
|
||||
---
|
||||
|
||||
## 🔄 进行中
|
||||
|
||||
### Phase 3: 测试与优化（进行中）
|
||||
- 🔄 浏览器功能测试
|
||||
- 🔄 完整流程验证
|
||||
- ⏳ Bug修复
|
||||
- ⏳ 性能优化
|
||||
|
||||
---
|
||||
|
||||
## 📋 待办任务
|
||||
|
||||
### 优先级1：核心功能（本周）
|
||||
|
||||
#### 1. 浏览器测试 ⏰ 预计1h
|
||||
- [ ] 启动前后端服务
|
||||
- [ ] 访问Tool B页面
|
||||
- [ ] 完整走通5个步骤
|
||||
- [ ] 记录所有Bug和体验问题
|
||||
- [ ] 填写测试报告
|
||||
|
||||
**负责人**: 开发团队
|
||||
**截止日期**: 2025-12-03
|
||||
|
||||
#### 2. Bug修复 ⏰ 预计2h
|
||||
- [ ] 修复测试中发现的所有Bug
|
||||
- [ ] 优化交互体验
|
||||
- [ ] 修复控制台错误（如有）
|
||||
- [ ] 重新测试验证
|
||||
|
||||
**负责人**: 开发团队
|
||||
**截止日期**: 2025-12-03
|
||||
|
||||
#### 3. API对接 ⏰ 预计2h
|
||||
- [ ] 替换Step 1的Mock健康检查API
|
||||
- [ ] 替换Step 2的Mock模板API
|
||||
- [ ] 集成真实的任务创建API
|
||||
- [ ] 集成真实的进度查询API
|
||||
- [ ] 集成真实的验证数据API
|
||||
- [ ] 处理API错误状态
|
||||
- [ ] 添加Loading状态
|
||||
|
||||
**负责人**: 开发团队
|
||||
**前置条件**: 后端API可用
|
||||
**截止日期**: 2025-12-04
|
||||
|
||||
#### 4. 文件上传Storage集成 ⏰ 预计1.5h
|
||||
- [ ] 阅读项目Storage模块文档
|
||||
- [ ] 集成Storage上传组件
|
||||
- [ ] 实现文件上传到Storage
|
||||
- [ ] 获取并保存fileKey
|
||||
- [ ] 错误处理（文件大小、格式）
|
||||
|
||||
**负责人**: 开发团队
|
||||
**截止日期**: 2025-12-04
|
||||
|
||||
---
|
||||
|
||||
### 优先级2：功能增强（本周）
|
||||
|
||||
#### 5. Step 4优化 ⏰ 预计1.5h
|
||||
- [ ] 添加批量操作
|
||||
- "全部采纳Model A"
|
||||
- "全部采纳Model B"
|
||||
- "智能采纳（优先长值）"
|
||||
- [ ] 添加快捷键
|
||||
- `←` 采纳左侧（DS）
|
||||
- `→` 采纳右侧（QW）
|
||||
- `↑/↓` 切换行
|
||||
- `Esc` 关闭侧边栏
|
||||
- [ ] 表格虚拟滚动（大数据优化）
|
||||
- [ ] 搜索/筛选功能
|
||||
- 按状态筛选（冲突/已解决）
|
||||
- 按字段筛选
|
||||
|
||||
**负责人**: 开发团队
|
||||
**截止日期**: 2025-12-05
|
||||
|
||||
#### 6. Step 5完善 ⏰ 预计1h
|
||||
- [ ] 实现Excel导出功能
|
||||
- [ ] 实现流转到Tool C
|
||||
- [ ] 添加下载进度条
|
||||
- [ ] 错误处理
|
||||
|
||||
**负责人**: 开发团队
|
||||
**截止日期**: 2025-12-05
|
||||
|
||||
#### 7. 错误处理与反馈 ⏰ 预计1h
|
||||
- [ ] 统一错误提示组件
|
||||
- [ ] API错误处理
|
||||
- [ ] 网络错误提示
|
||||
- [ ] 表单验证提示
|
||||
- [ ] Toast通知集成
|
||||
|
||||
**负责人**: 开发团队
|
||||
**截止日期**: 2025-12-05
|
||||
|
||||
---
|
||||
|
||||
### 优先级3：体验优化（下周）
|
||||
|
||||
#### 8. 响应式优化 ⏰ 预计1h
|
||||
- [ ] 适配1024px屏幕
|
||||
- [ ] 适配1366px屏幕
|
||||
- [ ] 适配1920px屏幕
|
||||
- [ ] 移动端降级提示
|
||||
|
||||
**负责人**: 开发团队
|
||||
**截止日期**: 2025-12-06
|
||||
|
||||
#### 9. 性能优化 ⏰ 预计1h
|
||||
- [ ] 组件懒加载优化
|
||||
- [ ] 大列表渲染优化
|
||||
- [ ] 图片/图标懒加载
|
||||
- [ ] 代码分割优化
|
||||
- [ ] 打包体积优化
|
||||
|
||||
**负责人**: 开发团队
|
||||
**截止日期**: 2025-12-06
|
||||
|
||||
#### 10. 无障碍优化 ⏰ 预计0.5h
|
||||
- [ ] 添加ARIA标签
|
||||
- [ ] 键盘导航优化
|
||||
- [ ] 焦点管理
|
||||
- [ ] 屏幕阅读器支持
|
||||
|
||||
**负责人**: 开发团队
|
||||
**截止日期**: 2025-12-06
|
||||
|
||||
---
|
||||
|
||||
### 优先级4：文档与测试（下周）
|
||||
|
||||
#### 11. 单元测试 ⏰ 预计2h
|
||||
- [ ] Step1Upload组件测试
|
||||
- [ ] Step2Schema组件测试
|
||||
- [ ] Step4Verify组件测试
|
||||
- [ ] API服务层测试
|
||||
- [ ] Hook测试
|
||||
|
||||
**负责人**: 开发团队
|
||||
**截止日期**: 2025-12-07
|
||||
|
||||
#### 12. E2E测试 ⏰ 预计2h
|
||||
- [ ] 完整流程测试脚本
|
||||
- [ ] 异常流程测试
|
||||
- [ ] 性能测试
|
||||
- [ ] 兼容性测试
|
||||
|
||||
**负责人**: 测试团队
|
||||
**截止日期**: 2025-12-07
|
||||
|
||||
#### 13. 用户文档 ⏰ 预计1h
|
||||
- [ ] Tool B使用指南
|
||||
- [ ] 常见问题FAQ
|
||||
- [ ] 视频教程（可选）
|
||||
- [ ] API文档更新
|
||||
|
||||
**负责人**: 产品/开发团队
|
||||
**截止日期**: 2025-12-08
|
||||
|
||||
---
|
||||
|
||||
## 🚀 未来规划
|
||||
|
||||
### Tool A - 超级合并器
|
||||
**状态**: 未开始
|
||||
**预计工时**: 20h
|
||||
**计划开始**: 2025-12-09
|
||||
|
||||
### Tool C - 科研数据编辑器
|
||||
**状态**: 未开始
|
||||
**预计工时**: 30h
|
||||
**计划开始**: 2025-12-16
|
||||
|
||||
### DC模块集成测试
|
||||
**状态**: 未开始
|
||||
**预计工时**: 8h
|
||||
**计划开始**: 2025-12-23
|
||||
|
||||
---
|
||||
|
||||
## 📊 进度跟踪
|
||||
|
||||
### 本周任务（2025-12-02 ~ 2025-12-08）
|
||||
| 任务 | 优先级 | 状态 | 进度 | 备注 |
|
||||
|------|--------|------|------|------|
|
||||
| Phase 1完成 | P0 | ✅ 完成 | 100% | 2025-12-02 |
|
||||
| Phase 2完成 | P0 | ✅ 完成 | 100% | 2025-12-03 |
|
||||
| 浏览器测试 | P1 | 🔄 进行中 | 50% | 等待用户启动服务 |
|
||||
| Bug修复 | P1 | ⏳ 待开始 | 0% | 测试后进行 |
|
||||
| API对接 | P1 | ⏳ 待开始 | 0% | - |
|
||||
| Storage集成 | P1 | ⏳ 待开始 | 0% | - |
|
||||
| Step 4优化 | P2 | ⏳ 待开始 | 0% | - |
|
||||
| Step 5完善 | P2 | ⏳ 待开始 | 0% | - |
|
||||
|
||||
### 下周任务（2025-12-09 ~ 2025-12-15）
|
||||
| 任务 | 优先级 | 预计工时 |
|
||||
|------|--------|----------|
|
||||
| 响应式优化 | P3 | 1h |
|
||||
| 性能优化 | P3 | 1h |
|
||||
| 单元测试 | P4 | 2h |
|
||||
| E2E测试 | P4 | 2h |
|
||||
| 用户文档 | P4 | 1h |
|
||||
| Tool A开发 | P0 | 20h |
|
||||
|
||||
---
|
||||
|
||||
## 🎯 里程碑
|
||||
|
||||
- ✅ **2025-12-02**: Phase 1完成 - Portal页面
|
||||
- ✅ **2025-12-03**: Phase 2完成 - Tool B前端
|
||||
- 🔄 **2025-12-03**: Phase 3开始 - 测试与优化
|
||||
- ⏳ **2025-12-05**: Tool B功能完整
|
||||
- ⏳ **2025-12-08**: Tool B上线就绪
|
||||
- ⏳ **2025-12-15**: Tool A开发完成
|
||||
- ⏳ **2025-12-25**: Tool C开发完成
|
||||
- ⏳ **2025-12-31**: DC模块全量上线
|
||||
|
||||
---
|
||||
|
||||
## 💡 备注
|
||||
|
||||
### 当前阻塞
|
||||
1. ⏳ **等待用户启动前后端服务** - 进行浏览器测试
|
||||
2. ⏳ **等待后端API就绪** - 进行API对接
|
||||
|
||||
### 风险提示
|
||||
1. ⚠️ **API接口可能不稳定** - 需要充分的错误处理
|
||||
2. ⚠️ **大数据量性能** - Step 4表格可能需要虚拟滚动
|
||||
3. ⚠️ **文件上传大小限制** - 需要明确限制并提示
|
||||
|
||||
### 优化建议
|
||||
1. 💡 考虑添加数据缓存（React Query）
|
||||
2. 💡 考虑添加操作历史（Undo/Redo）
|
||||
3. 💡 考虑添加自动保存功能
|
||||
4. 💡 考虑添加协作功能（多人同时裁决）
|
||||
|
||||
---
|
||||
|
||||
**更新人**: AI Assistant
|
||||
**下次更新**: 测试完成后
|
||||
|
||||
Reference in New Issue
Block a user