78 lines
3.6 KiB
HTML
78 lines
3.6 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
|
|
<link rel="stylesheet" href="/static/app-shell.css" />
|
|
<title>NUPACK · 设置</title>
|
|
</head>
|
|
<body data-page="settings">
|
|
<div class="app">
|
|
<aside class="sidebar" id="appNav"></aside>
|
|
<main class="main">
|
|
<header class="page-header">
|
|
<div><h1>界面设置</h1><p>管理计算工作台的语言、主题、布局和填写提示。</p></div>
|
|
<div class="header-actions"><a class="button primary" href="/workspace">返回工作台</a></div>
|
|
</header>
|
|
<div class="content">
|
|
<form class="band" id="settingsForm">
|
|
<div class="band-header"><h2>工作台显示</h2></div>
|
|
<div class="band-body settings-grid">
|
|
<label class="setting-field">
|
|
<span>界面语言</span>
|
|
<select id="settingsLanguage">
|
|
<option value="zh">中文</option>
|
|
<option value="en">English</option>
|
|
</select>
|
|
<small>控制工作台字段、提示和计算状态使用的语言。</small>
|
|
</label>
|
|
<label class="setting-field">
|
|
<span>主题</span>
|
|
<select id="settingsTheme">
|
|
<option value="harbor">港湾</option>
|
|
<option value="linen">亚麻</option>
|
|
<option value="tide">潮汐</option>
|
|
<option value="sage">鼠尾草</option>
|
|
<option value="ember">余烬</option>
|
|
<option value="graphite">石墨</option>
|
|
<option value="studio">工作室</option>
|
|
<option value="clinical">临床白</option>
|
|
<option value="orchard">果园</option>
|
|
<option value="midnight">午夜</option>
|
|
</select>
|
|
<small>只改变工作台配色，不影响结果或计算参数。</small>
|
|
</label>
|
|
<label class="setting-field">
|
|
<span>工作区布局</span>
|
|
<select id="settingsLayout">
|
|
<option value="balanced">均衡</option>
|
|
<option value="dashboard">宽屏</option>
|
|
<option value="editorial">紧凑输入</option>
|
|
<option value="stacked">上下排列</option>
|
|
<option value="input-focus">输入优先</option>
|
|
<option value="result-focus">结果优先</option>
|
|
</select>
|
|
<small>宽屏建议使用均衡或宽屏，窄屏会自动改为上下排列。</small>
|
|
</label>
|
|
<label class="setting-field">
|
|
<span>填写说明</span>
|
|
<select id="settingsHelp">
|
|
<option value="shown">显示</option>
|
|
<option value="hidden">隐藏</option>
|
|
</select>
|
|
<small>首次使用建议显示，熟悉参数后可以隐藏以提高页面密度。</small>
|
|
</label>
|
|
</div>
|
|
<div class="band-body settings-actions">
|
|
<button id="settingsReset" type="button">恢复默认</button>
|
|
<a class="button primary" href="/workspace">完成</a>
|
|
</div>
|
|
</form>
|
|
<div class="notice hidden" id="settingsNotice" role="status"></div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
<script type="module" src="/static/portal.js"></script>
|
|
</body>
|
|
</html>
|