54 lines
2.1 KiB
Markdown
54 lines
2.1 KiB
Markdown
# 需求分析：逆向映射视图切片导航外置与遮挡优化
|
|
|
|
开始时间：`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 影像，而不是取消分割掩码本身；分割掩码仍应叠加显示。
|