105 lines
3.4 KiB
HTML
105 lines
3.4 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Dehaze Console</title>
|
|
<link rel="stylesheet" href="/static/style.css" />
|
|
</head>
|
|
<body>
|
|
<main class="shell">
|
|
<aside class="control-panel">
|
|
<div class="brand">
|
|
<span class="brand-mark"></span>
|
|
<div>
|
|
<h1>Dehaze Console</h1>
|
|
<p id="envLine">Loading...</p>
|
|
</div>
|
|
</div>
|
|
|
|
<section class="panel-section">
|
|
<h2>待去雾图片</h2>
|
|
<div id="imageList" class="image-list"></div>
|
|
</section>
|
|
|
|
<section class="panel-section">
|
|
<h2>模型</h2>
|
|
<div id="methodList" class="check-grid"></div>
|
|
<div class="param-grid">
|
|
<label>
|
|
<span>DCP 窗口</span>
|
|
<input id="dcpSz" type="number" min="3" max="99" step="1" value="10" />
|
|
</label>
|
|
<label>
|
|
<span>DCP tx</span>
|
|
<input id="dcpTx" type="number" min="0.01" max="1" step="0.01" value="0.20" />
|
|
</label>
|
|
</div>
|
|
<div class="button-stack">
|
|
<button id="runBtn" class="primary-btn">运行选中模型</button>
|
|
<button id="runDefaultBatchBtn" class="secondary-btn">批量默认流程</button>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="panel-section">
|
|
<h2>后处理</h2>
|
|
<label class="field">
|
|
<span>源图</span>
|
|
<select id="postSource"></select>
|
|
</label>
|
|
<label class="field">
|
|
<span>参考图</span>
|
|
<select id="referenceImage"></select>
|
|
</label>
|
|
<div id="postList" class="check-grid compact"></div>
|
|
<div class="slider-row">
|
|
<span>S</span>
|
|
<input id="sGain" type="range" min="0" max="2.5" step="0.01" value="1" />
|
|
<strong id="sGainValue">100%</strong>
|
|
</div>
|
|
<div class="slider-row">
|
|
<span>V</span>
|
|
<input id="vGain" type="range" min="0" max="2.5" step="0.01" value="1" />
|
|
<strong id="vGainValue">100%</strong>
|
|
</div>
|
|
<label class="toggle-line">
|
|
<input id="matchHue" type="checkbox" />
|
|
<span>匹配 H 通道</span>
|
|
</label>
|
|
<button id="postBtn" class="secondary-btn">生成后处理</button>
|
|
</section>
|
|
|
|
<section class="panel-section">
|
|
<h2>下载</h2>
|
|
<div class="button-stack">
|
|
<button id="downloadCurrentBtn" class="text-btn">下载当前图片</button>
|
|
<button id="downloadAllBtn" class="text-btn">批量下载全部</button>
|
|
</div>
|
|
</section>
|
|
</aside>
|
|
|
|
<section class="workspace">
|
|
<header class="topbar">
|
|
<div>
|
|
<p class="eyebrow">当前图片</p>
|
|
<h2 id="currentTitle">未选择</h2>
|
|
</div>
|
|
<div id="jobState" class="job-state">Idle</div>
|
|
</header>
|
|
|
|
<section id="resultGrid" class="result-grid"></section>
|
|
|
|
<section class="log-panel">
|
|
<div class="log-head">
|
|
<h2>日志</h2>
|
|
<button id="refreshBtn" class="text-btn">刷新</button>
|
|
</div>
|
|
<pre id="logBox"></pre>
|
|
</section>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="/static/app.js"></script>
|
|
</body>
|
|
</html>
|