优化了web界面,下载功能等
This commit is contained in:
+52
-17
@@ -34,7 +34,19 @@
|
||||
<h3>本地数据库</h3>
|
||||
<div class="db-status" id="db-status">
|
||||
<i class="fas fa-database"></i>
|
||||
<span>正在连接数据库...</span>
|
||||
<span>正在连接数据库:</span>
|
||||
</div>
|
||||
<div class="db-size" id="db-size">
|
||||
<i class="fas fa-database"></i>
|
||||
<span>本地数据库大小:</span>
|
||||
<span class="size-value">0.00 MB</span>
|
||||
</div>
|
||||
<div class="db-download">
|
||||
<button id="download-db">
|
||||
<i class="fas fa-download"></i>
|
||||
下载数据库
|
||||
</button>
|
||||
<progress id="download-progress" value="0" max="100" style="display: none;"></progress>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -53,14 +65,47 @@
|
||||
<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 log-panel">
|
||||
<h2>运行日志</h2>
|
||||
<pre id="log-data">正在加载...</pre>
|
||||
</div>
|
||||
|
||||
<div class="panel state-machine-panel">
|
||||
<h2>状态机状态</h2>
|
||||
<div class="state-info">
|
||||
<div class="state-row">
|
||||
<span class="state-label"><i class="fas fa-clock"></i> 更新时间:</span>
|
||||
<span class="state-value" id="state-time">正在加载...</span>
|
||||
</div>
|
||||
<div class="state-row">
|
||||
<span class="state-label"><i class="fas fa-hashtag"></i> 状态ID:</span>
|
||||
<span class="state-value" id="state-id">正在加载...</span>
|
||||
</div>
|
||||
<div class="state-row">
|
||||
<span class="state-label"><i class="fas fa-tag"></i> 状态名称:</span>
|
||||
<span class="state-value" id="state-name">正在加载...</span>
|
||||
</div>
|
||||
<div class="state-row">
|
||||
<span class="state-label"><i class="fas fa-bolt"></i> 事件:</span>
|
||||
<span class="state-value" id="state-event">正在加载...</span>
|
||||
</div>
|
||||
<div class="state-row">
|
||||
<span class="state-label"><i class="fas fa-barcode"></i> 事件ID:</span>
|
||||
<span class="state-value" id="state-event-id">正在加载...</span>
|
||||
</div>
|
||||
<div class="state-row">
|
||||
<span class="state-label"><i class="fas fa-exclamation-triangle"></i> 故障代码:</span>
|
||||
<span class="state-value" id="state-fault-code">正在加载...</span>
|
||||
</div>
|
||||
<div class="state-row">
|
||||
<span class="state-label"><i class="fas fa-sticky-note"></i> 备注:</span>
|
||||
<span class="state-value" id="state-note">正在加载...</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel dis-sys-panel">
|
||||
<h2>DIS系统状态</h2>
|
||||
<pre id="dis-sys-state">正在加载...</pre>
|
||||
@@ -71,16 +116,6 @@
|
||||
<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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user