REVOXELSEG_DICOM/工程分析/测试方案-2026-05-20-15-33-38.md

测试方案：Slice Navigator 竖向外置与 Overlay 遮挡检查

测试方案文档路径：工程分析/测试方案-2026-05-20-15-33-38.md

静态检查

• 确认 VoxelizationMappingView 的 Slice Navigator 不再位于影像画布底部内部。
• 确认切片导航栏位于影像右侧，并使用竖向 range。
• 确认构件统计面板不再用绝对定位覆盖 DICOM 影像。
• 确认 Base DICOM 和 Overlay Label Map 仅作为小标签显示，不遮挡主体区域。

构建检查

• 在 WebSite/ 执行 npm run lint。
• 在 WebSite/ 执行 npm run build。

关键业务场景验证

• 逆向工作区中拖动右侧竖向切片条可以切换当前 Z 层。
• 上下按钮仍可逐层切换。
• DICOM 原始影像和 Overlay Label Map 不被构件列表遮挡。
• 项目库中复用的逆向分割映射视图保持可用。

医学影像数据相关边界验证

• 不修改 DICOM/STL 原始数据。
• 不改变体素化、求交、光栅化和导出逻辑。
• 仅调整浏览控件与信息面板的位置，保证影像主体可审查。

部署验证

• 验证 http://127.0.0.1:4000/api/health。
• 验证 http://127.0.0.1:4000/ 返回 200。

Git/Gitea 备份验证

• commit message 包含 2026-05-20-15-33-38。
• 推送 Gitea 成功后记录 commit。
• 确认未暂存历史删除状态、软著材料和运行态文件。

风险与回归关注点

• 竖向 range 的浏览器兼容性。
• 小屏幕下右侧导航栏是否挤压影像宽度。
• 项目库复用组件后的宽度约束是否仍能正常显示。

执行结果

• npm run lint：通过，TypeScript 无报错。
• npm run build：通过，Vite 完成生产构建；仅保留当前项目已有的大 chunk 体积提示。
• 静态确认：VoxelizationMappingView 已移除底部横向 Slice Navigator，改为右侧竖向 mapping-slice-vertical-input。
• 静态确认：Overlay 构件统计面板已从影像绝对定位层移到影像下方独立区域，不再遮挡 DICOM 画布。
• 部署验证：已重建 tmux 会话 revoxelseg-dicom，执行 npm run serve -- --host 0.0.0.0 --port 4000。
• curl -fsS http://127.0.0.1:4000/api/health：通过，返回 {"ok":true,"service":"revoxelseg-dicom",...}。
• curl -I -fsS http://127.0.0.1:4000/：通过，返回 HTTP/1.1 200 OK。