You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
194 lines
5.2 KiB
HTML
194 lines
5.2 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
|
<html>
|
|
<head>
|
|
<title>装置运行状态历史</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<link href="styles/style.css" rel="stylesheet" type="text/css" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
|
|
/>
|
|
<script
|
|
language="javascript"
|
|
type="text/javascript"
|
|
src="js/jquery.js"
|
|
></script>
|
|
</head>
|
|
|
|
<body style="margin: 16px">
|
|
<table
|
|
border="0"
|
|
borderColorLight="#99ccff"
|
|
borderColorDark="#FFFFFF"
|
|
cellpadding="4"
|
|
cellspacing="0"
|
|
width="100%"
|
|
>
|
|
<tr>
|
|
<td valign="top" width="20%">
|
|
<ul id="tree-container"></ul>
|
|
</td>
|
|
<td valign="top" width="80%" style="position: fixed">
|
|
<span id="current-term"></span>
|
|
<br /><br />
|
|
<table
|
|
id="tbl-result"
|
|
border="1"
|
|
borderColorLight="#99ccff"
|
|
borderColorDark="#FFFFFF"
|
|
cellpadding="8"
|
|
cellspacing="0"
|
|
width="80%"
|
|
>
|
|
<tr>
|
|
<td>采集时间</td>
|
|
<td>4G 信号强度</td>
|
|
<td>2G 信号强度</td>
|
|
<td>剩余运行内存</td>
|
|
<td>剩余存储内存</td>
|
|
<td>装置上次启动时间</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<br />
|
|
<div id="div-result"></div>
|
|
<br />
|
|
</body>
|
|
<script language="javascript" type="text/javascript">
|
|
<!--
|
|
|
|
function clickTerm(src, termid) {
|
|
$("#current-term").text($("#term-" + termid).attr("cmdid"));
|
|
var urlTarget = "/rpts/api/queryRs.php";
|
|
var params = { termid: termid };
|
|
|
|
$.getJSON(urlTarget, params, function (result) {
|
|
var tableResult = $("#tbl-result")[0];
|
|
while (tableResult.rows.length > 1) {
|
|
tableResult.deleteRow(tableResult.rows.length - 1);
|
|
}
|
|
|
|
for (var idx = 0; idx < result.length; idx++) {
|
|
var td1 = result[idx].rs_update_time;
|
|
var td2 = result[idx].signal_strength_4g;
|
|
var td3 = result[idx].signal_strength_2g;
|
|
var td4 = result[idx].remaining_ram;
|
|
var td5 = result[idx].remaining_rom;
|
|
var td6 = result[idx].boot_time;
|
|
|
|
var tr = AppendTable(tableResult, td1, td2, td3, td4, td5, td6);
|
|
}
|
|
});
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
var urlTarget = "/rpts/api/queryTerms.php";
|
|
var params = { filter: "rs" };
|
|
|
|
$.getJSON(urlTarget, params, function (result) {
|
|
var html = "";
|
|
for (var idx = 0; idx < result.length; idx++) {
|
|
var dy = result[idx];
|
|
if (dy.lines.length == 0) continue;
|
|
|
|
var head1 =
|
|
'<li id="dy-"' +
|
|
dy.id +
|
|
">" +
|
|
dy.name +
|
|
'<ul id="dyc-"' +
|
|
dy.id +
|
|
">";
|
|
var tail1 = "</ul></li>";
|
|
|
|
var html1 = "";
|
|
for (var idx2 = 0; idx2 < dy.lines.length; idx2++) {
|
|
var line = dy.lines[idx2];
|
|
if (line.towers.length == 0) continue;
|
|
|
|
var head2 =
|
|
'<li id="line-"' +
|
|
line.id +
|
|
">" +
|
|
line.name +
|
|
'<ul id="linec-"' +
|
|
line.id +
|
|
">";
|
|
var tail2 = "</ul></li>";
|
|
|
|
var html2 = "";
|
|
for (var idx3 = 0; idx3 < line.towers.length; idx3++) {
|
|
var tower = line.towers[idx3];
|
|
if (tower.terminals.length != 1) continue;
|
|
|
|
var term = tower.terminals[0];
|
|
|
|
html2 +=
|
|
'<li id="tower-"' +
|
|
tower.id +
|
|
'"><a id="term-' +
|
|
term.id +
|
|
'" href="javascript:clickTerm(this,' +
|
|
term.id +
|
|
');" cmdid="' +
|
|
term.cmdid +
|
|
'">' +
|
|
term.cmdid +
|
|
"</a></li>";
|
|
}
|
|
|
|
html1 += head2 + html2 + tail2;
|
|
}
|
|
|
|
html += head1 + html1 + tail1;
|
|
}
|
|
|
|
$("#tree-container").append(html);
|
|
});
|
|
});
|
|
|
|
$("#btn-refresh").click(function () {
|
|
var dt = new Date();
|
|
var endTime = parseInt(dt.getTime() / 1000);
|
|
dt.setHours(0, 0, 0);
|
|
var startTime = parseInt(dt.getTime() / 1000);
|
|
|
|
loadData(startTime, endTime);
|
|
});
|
|
|
|
$("#btn-yesterday").click(function () {
|
|
var dt = new Date();
|
|
|
|
dt.setHours(0, 0, 0);
|
|
var endTime = parseInt(dt.getTime() / 1000);
|
|
|
|
loadData(endTime - 86400, endTime);
|
|
});
|
|
|
|
$("#btn-thedaybeforeyst").click(function () {
|
|
var dt = new Date();
|
|
|
|
dt.setHours(0, 0, 0);
|
|
var endTime = parseInt(dt.getTime() / 1000);
|
|
|
|
loadData(endTime - 172800, endTime - 86400);
|
|
});
|
|
|
|
function AppendTable(table) {
|
|
if (arguments.length <= 1) return false;
|
|
|
|
var tr = table.insertRow(-1);
|
|
for (idx = 1; idx < arguments.length; idx++) {
|
|
var td = tr.insertCell(-1);
|
|
td.innerHTML = arguments[idx];
|
|
}
|
|
|
|
return tr;
|
|
}
|
|
|
|
// -->
|
|
</script>
|
|
</html>
|