Refine registration series defaults and mapping controls

This commit is contained in:
Codex
2026-05-29 00:33:40 +08:00
parent c4f0fd54d6
commit f9063b674c
4 changed files with 404 additions and 70 deletions

View File

@@ -91,7 +91,7 @@
<div class="tool-tabs">
<button class="active" data-tool-tab="series">序列</button>
<button data-tool-tab="models">组织分割</button>
<button data-tool-tab="pose">标记</button>
<button data-tool-tab="pose">位姿</button>
</div>
<section class="tool-pane active" data-tool-pane="series">
@@ -146,18 +146,8 @@
<span>位姿自动调整</span>
<em id="autoState">未运行</em>
</div>
<div class="auto-box">
<div class="auto-options">
<label><input id="autoX" type="checkbox" checked /> X</label>
<label><input id="autoY" type="checkbox" checked /> Y</label>
<label><input id="autoZ" type="checkbox" checked /> Z</label>
<label><input id="autoScale" type="checkbox" checked /> 缩放</label>
</div>
<div class="pose-actions">
<button id="suggestBoneBtn" type="button">建议骨骼模型</button>
<button id="autoCoarseBtn" type="button">自动粗配准</button>
<button id="autoFineBtn" type="button">自动微调</button>
</div>
<div class="auto-box compact-auto">
<button id="openAutoModalBtn" class="wide-action" type="button">打开自动调整区域</button>
<div id="autoResult" class="auto-result">选择 DICOM 序列和 STL 后可运行。</div>
</div>
<textarea id="notes" class="notes" rows="2" placeholder="配准备注"></textarea>
@@ -191,12 +181,28 @@
<div class="fusion-hud right" id="fusionMeta">DICOM - · STL -</div>
<div id="fusionLoading" class="fusion-loading hidden">
<span>正在构建融合视图</span>
<div><i></i></div>
<div><i id="fusionProgressFill"></i></div>
<em id="fusionProgressText">0%</em>
</div>
</div>
<div class="slice-row">
<span id="sliceLabel">切片 0 / 0</span>
<input id="sliceSlider" type="range" min="0" max="0" value="0" />
<div class="slice-range-panel">
<div class="slice-range-head">
<strong>DICOM 切片范围</strong>
<span id="sliceRangeLabel">0 - 0 / 0</span>
</div>
<div class="dual-range">
<input id="sliceRangeStart" type="range" min="0" max="0" value="0" />
<input id="sliceRangeEnd" type="range" min="0" max="0" value="0" />
</div>
<div class="slice-range-foot">
<span id="sliceStartLabel">起点 0</span>
<span>范围</span>
<span id="sliceEndLabel">终点 0</span>
</div>
<div class="slice-current-row">
<span id="sliceLabel">切片 0 / 0</span>
<input id="sliceSlider" type="range" min="0" max="0" value="0" />
</div>
</div>
</section>
@@ -207,6 +213,14 @@
<p id="dicomPanelMeta">Base DICOM · Overlay Label Map</p>
</div>
<div class="viewer-tools">
<div class="segmented mini-segmented">
<button data-map-window="default" class="active">默认</button>
<button data-map-window="bone">骨窗</button>
<button data-map-window="soft">软组织</button>
<button data-map-window="contrast">高对比</button>
</div>
<button id="mappingRotateLeftBtn" class="ghost-btn" type="button">左旋</button>
<button id="mappingRotateRightBtn" class="ghost-btn" type="button">右旋</button>
<button id="mappingResetBtn" class="ghost-btn" type="button">位置重置</button>
<button id="openViewerBtn" class="ghost-btn" type="button">阅片系统</button>
</div>
@@ -243,6 +257,29 @@
</section>
</main>
<div id="autoModal" class="modal-shell hidden">
<div class="modal-panel">
<div class="modal-head">
<div>
<h2>位姿自动调整</h2>
<p>选择参与自动配准的调整方向</p>
</div>
<button id="closeAutoModalBtn" class="ghost-btn" type="button">关闭</button>
</div>
<div class="auto-options modal-options">
<label><input id="autoX" type="checkbox" checked /> X 方向</label>
<label><input id="autoY" type="checkbox" checked /> Y 方向</label>
<label><input id="autoZ" type="checkbox" checked /> Z 方向</label>
<label><input id="autoScale" type="checkbox" checked /> 缩放</label>
</div>
<div class="pose-actions modal-actions">
<button id="suggestBoneBtn" type="button">建议骨骼模型</button>
<button id="autoCoarseBtn" type="button">自动粗配准</button>
<button id="autoFineBtn" type="button">自动微调</button>
</div>
</div>
</div>
<script type="module" src="/static/app.js"></script>
</body>
</html>