2026-05-18-19-37-10 调整原始视频与结果同级分栏

工程分析/实现方案-2026-05-18-19-37-10.md

@@ -0,0 +1,26 @@
+# 实现方案
+
+开始时间：2026-05-18-19-37-10
+
+## 修改内容
+
+1. `frontend/index.html`
+   - 将 `viewer` 内部改为 `viewer-split`。
+   - 左侧新增 `workspace-pane source-pane`，标题为“查看原始视频”。
+   - 右侧新增 `workspace-pane result-pane`，标题为“预览与结果”。
+   - 原始媒体预览控件移动到左侧面板。
+   - 进度、摘要、结果帧移动到右侧面板。
+
+2. `frontend/app.js`
+   - 增加 `sourcePaneTitle` 引用。
+   - 根据加载文件类型切换左侧标题为“查看原始视频”或“查看原始图像”。
+   - 原始媒体弹窗按钮改为“放大查看”。
+
+3. `frontend/styles.css`
+   - 增加左右分栏布局。
+   - 给左右面板独立边框、标题栏、内容高度。
+   - 移动端改为单列上下堆叠。
+
+## 设计说明
+
+这个结构把“输入核对”和“算法输出”分开，符合医学影像工作台的使用习惯：先确认原始输入，再查看分割结果。