27 lines
986 B
Markdown
27 lines
986 B
Markdown
# 实现方案
|
||
|
||
开始时间：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`
|
||
- 增加左右分栏布局。
|
||
- 给左右面板独立边框、标题栏、内容高度。
|
||
- 移动端改为单列上下堆叠。
|
||
|
||
## 设计说明
|
||
|
||
这个结构把“输入核对”和“算法输出”分开，符合医学影像工作台的使用习惯：先确认原始输入，再查看分割结果。
|