REVOXELSEG_DICOM/工程分析/需求分析-2026-05-20-15-33-38.md

需求分析：逆向映射视图切片导航外置与遮挡优化

开始时间：2026-05-20-15-33-38

原始需求摘要

用户要求修改逆向工作区：

1. 将逆向工作区中 Slice Navigator 的格式与“DICOM 切片范围”的格式统一，不要放在图片里面。
2. Slice Navigator 调整为竖向滚动条，放在图片右侧。
3. Overlay Label Map 部分不要遮挡 DICOM 影像。

业务目标

• 让二维逆向分割映射视图的切片浏览控件不压住医学影像主体。
• 保持切片导航与中部工具栏内“DICOM 切片范围”控件在视觉语义上统一。
• 避免状态说明、构件统计面板遮挡 DICOM 原始影像和分割叠加区域，提升临床审查可读性。

输入与输出

输入：

• WebSite/src/components/ReverseWorkspace.tsx
• 复用该组件的 WebSite/src/components/ProjectLibrary.tsx

输出：

• VoxelizationMappingView 的切片导航从底部内嵌区域改为右侧竖向导航栏。
• 右侧导航栏显示当前层数、竖向 range 控件和上下切片按钮。
• 构件统计面板移出影像画布覆盖层，作为影像下方独立信息区展示。

影响范围

• 逆向工作区“逆向分割映射视图”。
• 项目库中复用的“逆向分割映射视图”。
• 相关 Tailwind 样式和 TypeScript 类型检查。

关键约束

• 不改动 STL/DICOM 映射算法，只调整控件布局和遮挡关系。
• 影像主体区域仍需保持 Base DICOM 与 Overlay Label Map 的标签提示。
• 竖向切片条需要可拖动、可点击上下按钮、可通过键盘/辅助技术识别。
• 不能把无关工作区历史删除和软著材料纳入提交。

风险点

• 原生 range 竖向显示在不同浏览器上需要兼容写法。
• 切片导航移出底部后，需要保证容器高度和图片区域不会被挤压到不可用。
• 项目库复用同一组件，布局变化会同步影响项目库，需要保持宽窄视口可用。

默认假设

• 用户所说“Overlay Label Map 部分”主要指当前切片构件统计和状态面板遮挡 DICOM 影像，而不是取消分割掩码本身；分割掩码仍应叠加显示。