# 测试方案：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`。