# 实现方案:复用逆向工作区真实视图与拆分密码编辑 实现方案文档路径:`工程分析/实现方案-2026-05-20-15-20-15.md` ## 修改目标 让项目库逆向分割结果页直接复用逆向工作区的三维融合和二维映射视图,实现显示效果一致;同时细化用户编辑弹窗,分离资料编辑和密码修改。 ## 涉及路径 - `WebSite/src/components/ProjectLibrary.tsx` - `WebSite/src/components/ReverseWorkspace.tsx` - `WebSite/src/components/UserManagement.tsx` - `工程分析/需求分析-2026-05-20-15-20-15.md` - `工程分析/实现方案-2026-05-20-15-20-15.md` - `工程分析/测试方案-2026-05-20-15-20-15.md` - `工程分析/经验记录.md` ## 技术路线 1. 将逆向工作区内部 `FusionThreeView`、`VoxelizationMappingView`、`displayOptions`、`dicomOpacityOptions` 导出为可复用对象。 2. 项目库逆向结果页新增 fusion volume 状态和加载逻辑,按保存结果的切片范围请求 `api.getDicomFusionVolume`。 3. 项目库结果页替换简化 `NativeStlViewer` 和静态 DICOM Canvas,改为直接渲染 `FusionThreeView` 与 `VoxelizationMappingView`。 4. 保留项目库二维映射视图的 DICOM 模式、旋转和 Slice Navigator 控制,将状态传入复用组件。 5. 用户管理表单增加字段标签;编辑模式移除密码输入框;密码模式使用新密码/确认新密码双输入校验。 6. 运行类型检查、构建、部署和接口验证。 ## 执行步骤 - 阅读当前项目库和逆向工作区视图组件。 - 调整逆向工作区组件导出。 - 更新项目库视图导入、fusion volume 加载和 JSX 结构。 - 更新用户管理弹窗表单和校验。 - 更新测试记录、经验记录。 - 精确暂存、提交并推送 Gitea。 ## 兼容性与回滚方案 - 如果项目库 fusion volume 加载失败,复用组件仍显示原有错误/空状态。 - 逆向工作区原组件调用方式保持不变,只增加导出能力。 - 用户密码后端接口保持不变,前端只增加确认密码约束。 ## 预计文件变更 - `WebSite/src/components/ProjectLibrary.tsx` - `WebSite/src/components/ReverseWorkspace.tsx` - `WebSite/src/components/UserManagement.tsx` - 本轮工程分析文档与 `工程分析/经验记录.md` ## 提交与部署策略 - 暂存本轮相关代码和工程分析文档。 - 不提交软著材料、历史删除状态、运行态导出文件。 - commit message 包含 `2026-05-20-15-20-15`。 - 构建通过后重启 `tmux` 会话 `revoxelseg-dicom` 并验证服务。