admin/ISISeg
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

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

Browse Source
This commit is contained in:
admin
2026-05-18 19:39:07 +08:00
parent c62f6e3401
commit 72d0e9a168
7 changed files with 172 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
frontend/index.html
View File

@@ -80,44 +80,51 @@
</form>
<section class="viewer">
<div class="viewer-head">
<div>
<p class="eyebrow">Live Workspace</p>
<h2>预览与结果</h2>
</div>
<div class="viewer-actions">
<button class="ghost media-button" id="openSourceButton" type="button" hidden>查看原始视频</button>
<div class="job-meta" id="jobMeta">等待输入</div>
</div>
</div>
<div class="viewer-split">
<section class="workspace-pane source-pane">
<div class="pane-head">
<div>
<p class="eyebrow">Source Media</p>
<h2 id="sourcePaneTitle">查看原始视频</h2>
</div>
<div class="viewer-actions">
<button class="ghost media-button" id="openSourceButton" type="button" hidden>放大查看</button>
<div class="job-meta" id="jobMeta">等待输入</div>
</div>
</div>
<div class="preview-stage" id="previewStage">
<div class="preview-empty" id="previewEmpty">选择文件或加载样例后开始</div>
<video id="videoPreview" controls muted hidden></video>
<img id="imagePreview" alt="输入图像预览" hidden />
</div>
<div class="preview-stage" id="previewStage">
<div class="preview-empty" id="previewEmpty">选择文件或加载样例后开始</div>
<video id="videoPreview" controls muted hidden></video>
<img id="imagePreview" alt="输入图像预览" hidden />
</div>
</section>
<div class="progress-wrap" id="progressWrap" hidden>
<div class="progress-line"><span id="progressBar"></span></div>
<p id="progressText">准备任务</p>
</div>
<section class="workspace-pane result-pane">
<div class="pane-head">
<div>
<p class="eyebrow">Live Workspace</p>
<h2>预览与结果</h2>
</div>
<span id="resultCount">0 个结果</span>
</div>
<div class="summary-strip" id="summaryStrip" hidden>
<div><span>任务</span><strong id="summaryJob">-</strong></div>
<div><span>帧数</span><strong id="summaryFrames">-</strong></div>
<div><span>平均覆盖率</span><strong id="summaryCoverage">-</strong></div>
<div><span>平均骨架</span><strong id="summarySkeleton">-</strong></div>
</div>
<div class="progress-wrap" id="progressWrap" hidden>
<div class="progress-line"><span id="progressBar"></span></div>
<p id="progressText">准备任务</p>
</div>
<div class="results-toolbar">
<div>
<p class="eyebrow">Result Frames</p>
<h3>分割帧</h3>
</div>
<span id="resultCount">0 个结果</span>
<div class="summary-strip" id="summaryStrip" hidden>
<div><span>任务</span><strong id="summaryJob">-</strong></div>
<div><span>帧数</span><strong id="summaryFrames">-</strong></div>
<div><span>平均覆盖率</span><strong id="summaryCoverage">-</strong></div>
<div><span>平均骨架</span><strong id="summarySkeleton">-</strong></div>
</div>
<div class="empty" id="emptyState">运行分割后，这里会显示原帧、叠加图、掩膜和指标。</div>
<div class="result-grid" id="resultGrid"></div>
</section>
</div>
<div class="empty" id="emptyState">运行分割后，这里会显示原帧、叠加图、掩膜和指标。</div>
<div class="result-grid" id="resultGrid"></div>
</section>
</section>
</main>