2026-05-20-15-33-38 逆向映射导航外置与遮挡优化

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

@@ -0,0 +1,55 @@
+# 测试方案：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`。