feat(dc/tool-c): 完成前端基础框架(Day 4 MVP)

核心功能:
- 新增Tool C主入口(index.tsx, 258行):状态管理+布局
- 新增Header组件(91行):顶栏+返回按钮+导出
- 新增Toolbar组件(104行):7个快捷按钮+搜索框
- 新增DataGrid组件(111行):AG Grid Community集成
- 新增Sidebar组件(149行):右侧栏骨架版
- 新增API封装(toolC.ts, 218行):8个API方法
- 新增类型定义(types/index.ts, 62行)

AG Grid集成:
- 安装ag-grid-community + ag-grid-react
- Excel风格表格渲染
- 列排序、过滤、调整宽度
- 缺失值高亮显示(红色斜体)
- 数值右对齐
- 自定义Emerald绿色主题(ag-grid-custom.css, 113行)
- 虚拟滚动支持大数据

路由配置:
- 更新dc/index.tsx:新增ToolCModule懒加载
- 更新Portal.tsx:Tool C状态改为ready
- 路径:/data-cleaning/tool-c

API封装(8个方法):
- uploadFile(上传CSV/Excel)
- getSession(获取Session元数据)
- getPreviewData(获取预览数据)
- updateHeartbeat(延长10分钟)
- generateCode(生成代码,不执行)
- executeCode(执行代码)
- processMessage(生成+执行,一步到位)核心API
- getChatHistory(对话历史)

文档更新:
- 新增Day 4前端基础完成总结(213行)
- 更新工具C当前状态文档
- 更新TODO清单(Day 1-4标记完成)
- 更新系统总体设计文档

测试数据准备:
- cqol-demo.csv(21列x313行真实医疗数据)
- G鼓膜穿孔数据.xlsx(备用)

Day 5待完成:
- MessageItem组件(消息渲染)
- CodeBlock组件(Prism.js代码高亮)
- InputArea组件(输入框交互)
- InsightsPanel组件(数据洞察)
- 完善Sidebar(完整Chat交互)
- 端到端测试

影响范围:
- frontend-v2/src/modules/dc/pages/tool-c/*(新增11个文件)
- frontend-v2/src/modules/dc/api/toolC.ts(新增)
- frontend-v2/src/modules/dc/index.tsx(更新路由)
- frontend-v2/src/modules/dc/pages/Portal.tsx(启用Tool C)
- docs/03-业务模块/DC-数据清洗整理/*(文档更新)
- package.json(新增依赖)

Breaking Changes: 无

总代码行数:+1106行(前端基础框架)

Refs: #Tool-C-Day4
This commit is contained in:
2025-12-07 17:40:07 +08:00
parent f01981bf78
commit 2c7ed94161
20 changed files with 3173 additions and 105 deletions

View File

@@ -54,21 +54,22 @@
DC数据清洗整理模块提供4个智能工具帮助研究人员清洗、整理、提取医疗数据。
### 当前状态
- **开发阶段**:🎉 Tool B MVP完成 + 🚀 Tool C Day 1完成
- **开发阶段**:🎉 Tool B MVP完成 + 🚀 Tool C Day 4完成(后端+前端基础)
- **已完成功能**
- ✅ Portal智能数据清洗工作台2025-12-02
- ✅ Tool B 后端病历结构化机器人2025-11-28重建完成
- ✅ Tool B 前端5步工作流完整实现2025-12-03
- ✅ Tool B API对接6个端点全部集成2025-12-03
- ✅ Tool C Python微服务代码执行引擎2025-12-06Day 1
- ✅ Tool C Node.js后端Python服务集成2025-12-06Day 1
- ✅ Tool C Node.js后端完整实现2025-12-06-07Day 1-3
- ✅ Tool C 前端基础AG Grid + 布局框架2025-12-07Day 4
- **开发中功能**
- 🟡 Tool C科研数据编辑器15%完成MVP Day 1/15
- 🟡 Tool C科研数据编辑器70%完成MVP Day 4/15
- ✅ Python微服务扩展AST检查 + Pandas执行
- ✅ Node.js后端集成PythonExecutorService
- ⏸️ Session管理Day 2
- ⏸️ AI代码生成Day 3-5
- ⏸️ 前端开发Day 6-10
- ✅ Node.js后端完整Session + AI代码生成
- ✅ 前端基础框架AG Grid + Header + Toolbar
- 🚧 AI Chat面板Day 5进行中
- ⏸️ 端到端测试Day 5下午
- **未开发功能**
- ❌ Tool A医疗数据超级合并器
- **模型支持**DeepSeek-V3 + Qwen-Max 双模型交叉验证(已验证可用)
@@ -104,13 +105,40 @@ DC数据清洗整理模块提供4个智能工具帮助研究人员清洗、
- Excel导出功能可用
**Tool C - 科研数据编辑器**:
- ✅ 2025-12-06**Day 1完成** 🚀
- ✅ 2025-12-06**Day 1完成** - Python微服务 🚀
- Python微服务扩展dc_executor.py427行
- AST静态代码检查危险模块拦截
- Pandas沙箱执行30秒超时保护
- FastAPI新增2个端点/api/dc/validate, /api/dc/execute
- Node.js后端集成PythonExecutorService177行
- 测试控制器和路由3个测试端点
- 测试通过率100%
- ✅ 2025-12-06**Day 2完成** - Session管理 ✅
- SessionService.ts383行+ DataProcessService.ts303行
- SessionController.ts300行
- 数据库表dc_tool_c_sessions12字段
- 6个Session API端点
- OSS存储集成零落盘
- 测试通过率100% (7/7)
- ✅ 2025-12-07**Day 3完成** - AI代码生成 ✅
- AICodeService.ts550行+ AIController.ts257行
- 数据库表dc_tool_c_ai_history14字段
- 10个Few-shot示例Level 1-4
- 自我修正机制最多3次重试
- 4个AI API端点
- 测试通过率81.8% (9/11场景)
- ✅ 2025-12-07**Day 4完成** - 前端基础框架 ✅
- index.tsx258行- 主入口+状态管理
- Header.tsx91行+ Toolbar.tsx104行
- DataGrid.tsx111行- AG Grid Community集成
- Sidebar.tsx149行- 骨架版
- API封装toolC.ts218行8个方法
- AG Grid自定义样式Emerald绿色主题
- 路由配置 + Portal启用
- 总代码:~1106行
- 功能验证100%通过
---