REVOXELSEG_DICOM/工程分析/需求分析-2026-05-08-03-03-52.md

需求分析：修正 DICOM 切片范围控件

时间戳：2026-05-08-03-03-52

原始需求

用户反馈页面仍然显示“起点”“终点”两个独立进度条，并指出当前截图中的 DOM：

• 起点 <input type="range" ...>
• 终点 <input type="range" ...>

要求将其改成一个范围控件，而不是上下两条进度条。

业务目标

• 在逆向体素化工作区的“DICOM 切片范围”中，用一个范围条承载起点和终点两个端点。
• 起点、终点仍能独立拖动，并允许调整顺序。
• 显示范围仍使用 M - N / 总数，不改变 DICOM/STL 数据加载逻辑。

影响范围

• 页面路径：逆向体素化/影像与模型融合视角。
• 主要文件：WebSite/src/components/ReverseWorkspace.tsx。
• 样式文件：WebSite/src/index.css。

约束

• 必须保留现有 sliceStart、sliceEnd 状态和 displayStart/displayEnd 归一化逻辑。
• 只修复当前控件形态，不改动模型切割、Mask 生成和数据 API。
• 本次是对上次误改错误项目的纠正，必须确认真实渲染文件来自 ReVoxelSeg_DICOM。

风险点

• 双滑块叠在同一个轨道上时，端点相同的情况下可能难以拖动。
• 原生 range 轨道默认样式可能在浏览器中显示为两条蓝线，需用 CSS 隐藏原生轨道并自绘单条轨道。
• Vite 开发服务需要重新部署到当前项目实际端口 4000。

待确认事项

• 用户已在历史工作流中确认后续直接执行；本次不再停等人工二次确认。