# 实现方案-2026-05-24-17-29-17

## 实现方案文档路径

`工程分析/实现方案-2026-05-24-17-29-17.md`

## 修改目标

- 为逆向分割映射视图增加可见 STL 构件加载进度条。
- 修正 DICOM/映射画布滚轮缩放和触摸操作中的 passive event listener 警告。
- 同步 Docker 部署说明与本次交互修正。

## 涉及路径

- `WebSite/src/components/ReverseWorkspace.tsx`
- `WebSite/src/components/ProjectLibrary.tsx`
- `Docker部署/README.md`
- `工程分析/经验记录.md`

## 技术路线

- 在逆向分割映射视图中新增 overlay 加载状态，记录 `loading/loaded/total/phase`。
- 可见构件列表变化时清空旧预览并按构件逐个更新加载进度；加载完成后再绘制最新 overlay。
- 将需要阻止页面滚动的 `wheel` 缩放改为原生 `addEventListener('wheel', ..., { passive: false })`，避免 React 合成事件被浏览器按 passive 处理时产生告警。
- 移除按钮触摸开始阶段不必要的 `event.preventDefault()`，用 `touch-action` 类维持操作稳定性。

## 执行步骤

1. 定位 `preventDefault` 和 `onWheel/onTouchStart` 使用点。
2. 为项目库 DICOM 画布和逆向映射画布改造 wheel 事件监听。
3. 为逆向映射视图增加加载进度状态和 UI。
4. 更新 Docker 部署说明。
5. 执行类型检查、构建、部署和访问验证。
6. 提交并推送到 Gitea。

## 兼容性与回滚方案

- 新增进度条只依赖现有 STL preview API，不改变接口契约。
- 如 wheel 原生监听出现兼容问题，可回退到 React `onWheel` 但必须移除 `preventDefault` 或继续保持非被动监听。
- 回滚时可撤销本次 commit，重新构建并部署上一版本。

## 预计文件变更

- 2 个前端组件文件。
- 1 个 Docker 部署说明文件。
- 3 个工程分析当次文档。
- 1 个经验记录追加。

## 提交与部署策略

- Commit message 使用 `2026-05-24-17-29-17 增加构件加载进度并修正滚轮事件`。
- 构建通过后重启 `tmux` 会话 `revoxelseg-dicom`，使用生产模式启动服务。
- 验证本机和公网入口可访问。