88 lines
2.7 KiB
HTML
88 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>电源管理</title>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="db-status-panel">
|
|
<div class="status-columns">
|
|
<div class="status-column">
|
|
<h3>MOOSDB</h3>
|
|
<div class="db-status" id="moos-db-status">
|
|
<i class="fas fa-database"></i>
|
|
<span>正在连接MOOSDB...</span>
|
|
</div>
|
|
<div class="moos-notify-panel">
|
|
<div class="input-group">
|
|
<label for="moos-var">Var:</label>
|
|
<input type="text" id="moos-var" placeholder="输入Var值">
|
|
</div>
|
|
<div class="input-group">
|
|
<label for="moos-key">Key:</label>
|
|
<input type="text" id="moos-key" placeholder="输入Key值">
|
|
</div>
|
|
<button id="moos-send-btn">发送</button>
|
|
</div>
|
|
</div>
|
|
<div class="status-column">
|
|
<h3>本地数据库</h3>
|
|
<div class="db-status" id="db-status">
|
|
<i class="fas fa-database"></i>
|
|
<span>正在连接数据库...</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-panel">
|
|
<button id="mode-switch">
|
|
<i class="fas fa-exchange-alt"></i>
|
|
系统模式切换
|
|
</button>
|
|
<button id="condition-switch">
|
|
<i class="fas fa-cogs"></i>
|
|
系统工况切换
|
|
</button>
|
|
<button id="system-reset">
|
|
<i class="fas fa-redo"></i>
|
|
系统复位操作
|
|
</button>
|
|
<div class="control-panel">
|
|
<button id="download-db">
|
|
<i class="fas fa-download"></i>
|
|
下载数据库
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel dis-sys-panel">
|
|
<h2>DIS系统状态</h2>
|
|
<pre id="dis-sys-state">正在加载...</pre>
|
|
</div>
|
|
|
|
<div class="panel ccu-state-panel">
|
|
<h2>CCU状态</h2>
|
|
<pre id="ccu-state">正在加载...</pre>
|
|
</div>
|
|
|
|
<div class="panel log-panel">
|
|
<h2>运行日志</h2>
|
|
<pre id="log-data">正在加载...</pre>
|
|
</div>
|
|
|
|
<div class="panel state-machine-panel">
|
|
<h2>状态机状态</h2>
|
|
<pre id="state-machine-state">正在加载...</pre>
|
|
</div>
|
|
|
|
<script src="/static/script.js"></script>
|
|
</body>
|
|
|
|
</html>
|