整合去雾网页工具
This commit is contained in:
93
web_dehaze/static/index.html
Normal file
93
web_dehaze/static/index.html
Normal file
@@ -0,0 +1,93 @@
|
||||
<!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>
|
||||
<button id="runBtn" class="primary-btn">运行选中模型</button>
|
||||
</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>
|
||||
</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>
|
||||
Reference in New Issue
Block a user