# 需求分析：修正 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`。

## 待确认事项

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