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

This commit is contained in:
Jerry Yan 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

@ -54,18 +54,18 @@ def doClean():
def getCurrentStatus(): def getCurrentStatus():
_disk = psutil.disk_usage("/") _disk = psutil.disk_usage("/")
_mem = psutil.virtual_memory() _mem = psutil.virtual_memory()
_net = psutil.net_io_counters()
_delta= getTimeDelta(datetime.now(),network["currentTime"]) _delta= getTimeDelta(datetime.now(),network["currentTime"])
if getTimeDelta(datetime.now(), _do_move_time) > 3600: _net = psutil.net_io_counters()
p = threading.Thread(target=doClean)
p.setDaemon(True)
p.start()
if 60 > _delta > 0: if 60 > _delta > 0:
_inSpeed = (_net.bytes_recv - network["in"]["currentByte"])/_delta _inSpeed = (_net.bytes_recv - network["in"]["currentByte"])/_delta
_outSpeed = (_net.bytes_sent - network["out"]["currentByte"])/_delta _outSpeed = (_net.bytes_sent - network["out"]["currentByte"])/_delta
else: else:
_outSpeed = 0 _outSpeed = 0
_inSpeed = 0 _inSpeed = 0
if getTimeDelta(datetime.now(), _do_move_time) > 3600:
p = threading.Thread(target=doClean)
p.setDaemon(True)
p.start()
updateNetwork() updateNetwork()
return { return {
"memTotal": parseSize(_mem.total), "memTotal": parseSize(_mem.total),

View File

@ -32,8 +32,7 @@ def download(url):
Common.modifyLastDownloadStatus("Download >{}< Exceed MaxSize".format(path)) Common.modifyLastDownloadStatus("Download >{}< Exceed MaxSize".format(path))
break break
except Exception as e: except Exception as e:
Common.appendError("Download >{}< With Exception {}".format(path, datetime.strftime(datetime.now(), "%y%m%d %H%M"), Common.appendError("Download >{}< With Exception {}".format(path, e.__str__()))
e.__str__()))
f.close() f.close()
isDownload = False isDownload = False
Common.modifyLastDownloadStatus("Download >{}< Finished".format(path)) Common.modifyLastDownloadStatus("Download >{}< Finished".format(path))

View File

@ -16,35 +16,35 @@ function taskUpdate(){
$("#download").html(function(){ $("#download").html(function(){
var ret = "" var ret = ""
res.data.download.reverse().forEach(function(obj){ res.data.download.reverse().forEach(function(obj){
ret += "<tr><td>" + obj.datetime + "</td><td>" + obj.message + "</td></tr>" ret += "<tr><td class='time'>" + obj.datetime + "</td><td>" + obj.message + "</td></tr>"
}) })
return "<table>" + ret + "</table>" return "<table>" + ret + "</table>"
}) })
$("#encode").html(function(){ $("#encode").html(function(){
var ret = "" var ret = ""
res.data.encode.reverse().forEach(function(obj){ res.data.encode.reverse().forEach(function(obj){
ret += "<tr><td>" + obj.datetime + "</td><td>" + obj.message + "</td></tr>" ret += "<tr><td class='time'>" + obj.datetime + "</td><td>" + obj.message + "</td></tr>"
}) })
return "<table>" + ret + "</table>" return "<table>" + ret + "</table>"
}) })
$("#upload").html(function(){ $("#upload").html(function(){
var ret = "" var ret = ""
res.data.upload.reverse().forEach(function(obj){ res.data.upload.reverse().forEach(function(obj){
ret += "<tr><td>" + obj.datetime + "</td><td>" + obj.message + "</td></tr>" ret += "<tr><td class='time'>" + obj.datetime + "</td><td>" + obj.message + "</td></tr>"
}) })
return "<table>" + ret + "</table>" return "<table>" + ret + "</table>"
}) })
$("#error").html(function(){ $("#error").html(function(){
var ret = "" var ret = ""
res.data.error.reverse().forEach(function(obj){ res.data.error.reverse().forEach(function(obj){
ret += "<tr><td>" + obj.datetime + "</td><td>" + obj.message + "</td></tr>" ret += "<tr><td class='time'>" + obj.datetime + "</td><td>" + obj.message + "</td></tr>"
}) })
return "<table>" + ret + "</table>" return "<table>" + ret + "</table>"
}) })
$("#operation").html(function(){ $("#operation").html(function(){
var ret = "" var ret = ""
res.data.operation.reverse().forEach(function(obj){ res.data.operation.reverse().forEach(function(obj){
ret += "<tr><td>" + obj.datetime + "</td><td>" + obj.message + "</td></tr>" ret += "<tr><td class='time'>" + obj.datetime + "</td><td>" + obj.message + "</td></tr>"
}) })
return "<table>" + ret + "</table>" return "<table>" + ret + "</table>"
}) })

View File

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

View File

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

View File

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