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

实现方案

开始时间：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

   • 增加左右分栏布局。
   • 给左右面板独立边框、标题栏、内容高度。
   • 移动端改为单列上下堆叠。

设计说明

这个结构把“输入核对”和“算法输出”分开，符合医学影像工作台的使用习惯：先确认原始输入，再查看分割结果。