修改页面样式,修复网速的准确度

This commit is contained in:
2019-04-22 05:59:22 +08:00
committed by JerryYan
parent 17d2cc4ebd
commit 5c1f712900
6 changed files with 26 additions and 21 deletions

View File

@ -1,22 +1,22 @@
<h1>机器状态</h1>
<table>
<tr>
<td>CPU使用率</td>
<td class='title'>CPU使用率</td>
<td><progress id="cpuP" max="100" value="0"></progress></td>
<td><span id="cpu"></span>%</td>
</tr>
<tr>
<td>内存使用率</td>
<td class='title'>内存使用率</td>
<td><progress id="memUsageP" max="100" value="0"></progress></td>
<td><span id="memUsed"></span>/<span id="memTotal"></span>(<span id="memUsage"></span>%)</td>
</tr>
<tr>
<td>磁盘使用率</td>
<td class='title'>磁盘使用率</td>
<td><progress id="diskUsageP" max="100" value="0"></progress></td>
<td><span id="diskUsed"></span>/<span id="diskTotal"></span>(<span id="diskUsage"></span>%)</td>
</tr>
<tr>
<td>网络速率</td>
<td class='title'>网络速率</td>
<td><span id="inSpeed"></span>/s</td>
<td><span id="outSpeed"></span>/s</td>
</tr>

View File

@ -4,4 +4,10 @@
td{
border: solid 1px lightgray;
}
.title{
width: 6em;
}
.time{
width: 10em;
}
</style>

View File

@ -49,23 +49,23 @@
<h1>当前状态</h1>
<table>
<tr>
<td>下载日志</td>
<td class='title'>下载日志</td>
<td><span id="download"></span></td>
</tr>
<tr>
<td>转码日志<br>队列<span id="encodeQueueSize"></span></td>
<td class='title'>转码日志<br>队列<span id="encodeQueueSize"></span></td>
<td><span id="encode"></span></td>
</tr>
<tr>
<td>上传日志<br>队列<span id="uploadQueueSize"></span></td>
<td class='title'>上传日志<br>队列<span id="uploadQueueSize"></span></td>
<td><span id="upload"></span></td>
</tr>
<tr>
<td>错误日志</td>
<td class='title'>错误日志</td>
<td><span id="error"></span></td>
</tr>
<tr>
<td>操作日志</td>
<td class='title'>操作日志</td>
<td><span id="operation"></span></td>
</tr>
</table>