右侧固定

main
fanluyan 2 years ago
parent 66beab99f7
commit 1ab7bd0243

@ -1,204 +1,234 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> <html>
<head> <head>
<title>装置基本信息历史</title> <title>装置基本信息历史</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="styles/style.css" rel="stylesheet" type="text/css"> <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"> <meta
<script language="javascript" type="text/javascript" src="js/jquery.js"></script> name="viewport"
</head> content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
/>
<body> <script
<table border=0 borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding=0 cellspacing=0 width="100%" style="height: 100vh;"> language="javascript"
<tr> type="text/javascript"
<td valign="top" width="20%"> src="js/jquery.js"
<div style="max-height: 100vh; overflow-y: scroll; margin: 16px;"> ></script>
<ul id="tree-container"> </head>
</ul> <body>
<p>&nbsp;</p> <table
</div> border="0"
</td> borderColorLight="#99ccff"
<td valign="top" width="80%" style="margin: 16px;"> borderColorDark="#FFFFFF"
<span id="current-term"></span> cellpadding="0"
<br /><br /> cellspacing="0"
<table id="tbl-result" border="1" borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding="8" cellspacing="0" width="80%"> width="100%"
<tr> style="height: 100vh"
<td>采集时间</td> >
<td>装置编号</td> <tr>
<td>版本号</td> <td valign="top" width="20%">
<td>出厂编号</td> <div style="max-height: 100vh; overflow-y: scroll; margin: 16px">
</tr> <ul id="tree-container"></ul>
</table> <p>&nbsp;</p>
</td> </div>
</tr> </td>
<td
</table> valign="top"
<br> width="80%"
<div id="div-result"> style="margin: 16px"
style="position: fixed"
</div> >
<br> <span id="current-term"></span>
</body> <br /><br />
<script language="javascript" type="text/javascript"> <table
<!-- id="tbl-result"
border="1"
function getUrlParameter(name) { borderColorLight="#99ccff"
name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]'); borderColorDark="#FFFFFF"
var regex = new RegExp('[\\?&]' + name + '=([^&#]*)'); cellpadding="8"
var results = regex.exec(location.search); cellspacing="0"
return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' ')); width="80%"
}; >
<tr>
function clickTerm(src, termid) <td>采集时间</td>
{ <td>装置编号</td>
$('#current-term').text($('#term-' + termid).attr("cmdid") ); <td>版本号</td>
var urlTarget = '/rpts/api/queryBasicInfo.php'; <td>出厂编号</td>
var params = {"termid" : termid}; </tr>
</table>
$.getJSON(urlTarget, params, function(result) { </td>
</tr>
var tableResult = $('#tbl-result')[0]; </table>
while (tableResult.rows.length > 1) <br />
{ <div id="div-result"></div>
tableResult.deleteRow(tableResult.rows.length - 1); <br />
} </body>
<script language="javascript" type="text/javascript">
for (var idx = 0; idx < result.length; idx++) <!--
{
var td1 = result[idx].update_time; function getUrlParameter(name) {
var td2 = result[idx].cmdid; name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var td3 = result[idx].version; var regex = new RegExp("[\\?&]" + name + "=([^&#]*)");
var td4 = result[idx].bs_id; var results = regex.exec(location.search);
return results === null
var tr = AppendTable(tableResult, td1, td2, td3, td4); ? ""
} : decodeURIComponent(results[1].replace(/\+/g, " "));
}
});
} function clickTerm(src, termid) {
$("#current-term").text($("#term-" + termid).attr("cmdid"));
$(document).ready(function(){ var urlTarget = "/rpts/api/queryBasicInfo.php";
var urlTarget = '/rpts/api/queryTerms.php'; var params = { termid: termid };
var params = {"filter" : 'bi'};
$.getJSON(urlTarget, params, function (result) {
$.getJSON(urlTarget, params, function(result) { var tableResult = $("#tbl-result")[0];
while (tableResult.rows.length > 1) {
var html = ''; tableResult.deleteRow(tableResult.rows.length - 1);
for (var idx = 0; idx < result.length; idx++) }
{
var dy = result[idx]; for (var idx = 0; idx < result.length; idx++) {
if (dy.lines.length == 0) continue; var td1 = result[idx].update_time;
var td2 = result[idx].cmdid;
var head1 = '<li id="dy-"' + dy.id + '>' + dy.name + '<ul id="dyc-"' + dy.id + '>'; var td3 = result[idx].version;
var tail1 = '</ul></li>'; var td4 = result[idx].bs_id;
var html1 = ''; var tr = AppendTable(tableResult, td1, td2, td3, td4);
for (var idx2 = 0; idx2 < dy.lines.length; idx2++) }
{ });
var line = dy.lines[idx2]; }
if (line.towers.length == 0) continue;
$(document).ready(function () {
var head2 = '<li id="line-"' + line.id + '>' + line.name + '<ul id="linec-"' + line.id + '>'; var urlTarget = "/rpts/api/queryTerms.php";
var tail2 = '</ul></li>'; var params = { filter: "bi" };
var html2 = ''; $.getJSON(urlTarget, params, function (result) {
for (var idx3 = 0; idx3 < line.towers.length; idx3++) var html = "";
{ for (var idx = 0; idx < result.length; idx++) {
var tower = line.towers[idx3]; var dy = result[idx];
if (tower.terminals.length != 1) continue; if (dy.lines.length == 0) continue;
var term = tower.terminals[0]; var head1 =
'<li id="dy-"' +
html2 += '<li id="tower-"' + tower.id + '"><a id="term-' + term.id + '" href="javascript:clickTerm(this,' + term.id + ');" cmdid="' + term.cmdid + '">' + term.cmdid + '</a></li>'; dy.id +
} ">" +
dy.name +
html1 += head2 + html2 + tail2; '<ul id="dyc-"' +
dy.id +
} ">";
var tail1 = "</ul></li>";
html += head1 + html1 + tail1;
} var html1 = "";
for (var idx2 = 0; idx2 < dy.lines.length; idx2++) {
$('#tree-container').append(html); var line = dy.lines[idx2];
if (line.towers.length == 0) continue;
});
var head2 =
var termId= getUrlParameter("term_id"); '<li id="line-"' +
var st = getUrlParameter("st"); line.id +
var et = getUrlParameter("et"); ">" +
line.name +
if (termId == null || st == null || et == null) '<ul id="linec-"' +
{ line.id +
return; ">";
} var tail2 = "</ul></li>";
var urlTarget = '/rpts/api/queryBasicInfo.php'; var html2 = "";
var params = {"termid" : termId, "st": st, "et": et}; for (var idx3 = 0; idx3 < line.towers.length; idx3++) {
var tower = line.towers[idx3];
$.getJSON(urlTarget, params, function(result) { if (tower.terminals.length != 1) continue;
var tableResult = $('#tbl-result')[0]; var term = tower.terminals[0];
while (tableResult.rows.length > 1)
{ html2 +=
tableResult.deleteRow(tableResult.rows.length - 1); '<li id="tower-"' +
} tower.id +
'"><a id="term-' +
for (var idx = 0; idx < result.length; idx++) term.id +
{ '" href="javascript:clickTerm(this,' +
var td1 = result[idx].update_time; term.id +
var td2 = result[idx].cmdid; ');" cmdid="' +
var td3 = result[idx].version; term.cmdid +
var td4 = result[idx].bs_id; '">' +
term.cmdid +
var tr = AppendTable(tableResult, td1, td2, td3, td4); "</a></li>";
} }
}); html1 += head2 + html2 + tail2;
}
});
html += head1 + html1 + tail1;
$('#btn-refresh').click(function() { }
var dt = new Date();
var endTime = parseInt(dt.getTime() / 1000); $("#tree-container").append(html);
dt.setHours(0, 0, 0); });
var startTime = parseInt(dt.getTime() / 1000);
var termId = getUrlParameter("term_id");
loadData(startTime, endTime); var st = getUrlParameter("st");
}); var et = getUrlParameter("et");
$('#btn-yesterday').click(function() { if (termId == null || st == null || et == null) {
var dt = new Date(); return;
}
dt.setHours(0, 0, 0);
var endTime = parseInt(dt.getTime() / 1000); var urlTarget = "/rpts/api/queryBasicInfo.php";
var params = { termid: termId, st: st, et: et };
loadData(endTime - 86400, endTime);
}); $.getJSON(urlTarget, params, function (result) {
var tableResult = $("#tbl-result")[0];
$('#btn-thedaybeforeyst').click(function() { while (tableResult.rows.length > 1) {
var dt = new Date(); tableResult.deleteRow(tableResult.rows.length - 1);
}
dt.setHours(0, 0, 0);
var endTime = parseInt(dt.getTime() / 1000); for (var idx = 0; idx < result.length; idx++) {
var td1 = result[idx].update_time;
loadData(endTime - 172800, endTime - 86400); var td2 = result[idx].cmdid;
}); var td3 = result[idx].version;
var td4 = result[idx].bs_id;
function AppendTable(table) var tr = AppendTable(tableResult, td1, td2, td3, td4);
{ }
if (arguments.length <= 1) return false; });
});
var tr = table.insertRow(-1);
for (idx = 1; idx < arguments.length; idx++) $("#btn-refresh").click(function () {
{ var dt = new Date();
var td = tr.insertCell(-1); var endTime = parseInt(dt.getTime() / 1000);
td.innerHTML = arguments[idx]; dt.setHours(0, 0, 0);
} var startTime = parseInt(dt.getTime() / 1000);
return tr; loadData(startTime, endTime);
} });
// --> $("#btn-yesterday").click(function () {
</script> 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> </html>

@ -1,185 +1,203 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> <html>
<head> <head>
<title>GPS历史</title> <title>GPS历史</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="styles/style.css" rel="stylesheet" type="text/css"> <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"> <meta
<script language="javascript" type="text/javascript" src="js/jquery.js"></script> name="viewport"
</head> content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
/>
<body style="margin: 16px;"> <script
language="javascript"
<table border=0 borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding=4 cellspacing=0 width="100%"> type="text/javascript"
<tr> src="js/jquery.js"
<td valign="top" width="20%"> ></script>
<ul id="tree-container"> </head>
</ul> <body style="margin: 16px">
</td> <table
<td valign="top" width="80%"> border="0"
<span id="current-term"></span> borderColorLight="#99ccff"
<br /><br /> borderColorDark="#FFFFFF"
<table id="tbl-result" border="1" borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding="8" cellspacing="0" width="80%"> cellpadding="4"
<tr> cellspacing="0"
<td>采集时间</td> width="100%"
<td>坐标类型</td> >
<td>半径</td> <tr>
<td>纬度</td> <td valign="top" width="20%">
<td>经度</td> <ul id="tree-container"></ul>
</tr> </td>
</table> <td valign="top" width="80%" style="position: fixed">
</td> <span id="current-term"></span>
</tr> <br /><br />
<table
</table> id="tbl-result"
<br> border="1"
<div id="div-result"> borderColorLight="#99ccff"
borderColorDark="#FFFFFF"
</div> cellpadding="8"
<br> cellspacing="0"
</body> width="80%"
<script language="javascript" type="text/javascript"> >
<!-- <tr>
<td>采集时间</td>
function GetCoordinateType(ct) <td>坐标类型</td>
{ <td>半径</td>
if (ct == 0) <td>纬度</td>
{ <td>经度</td>
return "没有坐标"; </tr>
} </table>
else if (ct == 1) </td>
{ </tr>
return "GPS 坐标"; </table>
} <br />
else if (ct == 2) <div id="div-result"></div>
{ <br />
return "辅助坐标"; </body>
} <script language="javascript" type="text/javascript">
<!--
return "";
} function GetCoordinateType(ct) {
if (ct == 0) {
function clickTerm(src, termid) return "没有坐标";
{ } else if (ct == 1) {
$('#current-term').text($('#term-' + termid).attr("cmdid") ); return "GPS 坐标";
var urlTarget = '/rpts/api/queryGps.php'; } else if (ct == 2) {
var params = {"termid" : termid}; return "辅助坐标";
}
$.getJSON(urlTarget, params, function(result) {
return "";
var tableResult = $('#tbl-result')[0]; }
while (tableResult.rows.length > 1)
{ function clickTerm(src, termid) {
tableResult.deleteRow(tableResult.rows.length - 1); $("#current-term").text($("#term-" + termid).attr("cmdid"));
} var urlTarget = "/rpts/api/queryGps.php";
var params = { termid: termid };
for (var idx = 0; idx < result.length; idx++)
{ $.getJSON(urlTarget, params, function (result) {
var td1 = result[idx].update_time; var tableResult = $("#tbl-result")[0];
var td2 = GetCoordinateType(result[idx].coordinate_type); while (tableResult.rows.length > 1) {
var td3 = result[idx].radius; tableResult.deleteRow(tableResult.rows.length - 1);
var td4 = result[idx].latitude; }
var td5 = result[idx].longitude;
for (var idx = 0; idx < result.length; idx++) {
var tr = AppendTable(tableResult, td1, td2, td3, td4, td5); var td1 = result[idx].update_time;
} var td2 = GetCoordinateType(result[idx].coordinate_type);
var td3 = result[idx].radius;
var td4 = result[idx].latitude;
}); var td5 = result[idx].longitude;
}
var tr = AppendTable(tableResult, td1, td2, td3, td4, td5);
$(document).ready(function(){ }
var urlTarget = '/rpts/api/queryTerms.php'; });
var params = {"filter" : 'gps'}; }
$.getJSON(urlTarget, params, function(result) { $(document).ready(function () {
var urlTarget = "/rpts/api/queryTerms.php";
var html = ''; var params = { filter: "gps" };
for (var idx = 0; idx < result.length; idx++)
{ $.getJSON(urlTarget, params, function (result) {
var dy = result[idx]; var html = "";
if (dy.lines.length == 0) continue; for (var idx = 0; idx < result.length; idx++) {
var dy = result[idx];
var head1 = '<li id="dy-"' + dy.id + '>' + dy.name + '<ul id="dyc-"' + dy.id + '>'; if (dy.lines.length == 0) continue;
var tail1 = '</ul></li>';
var head1 =
var html1 = ''; '<li id="dy-"' +
for (var idx2 = 0; idx2 < dy.lines.length; idx2++) dy.id +
{ ">" +
var line = dy.lines[idx2]; dy.name +
if (line.towers.length == 0) continue; '<ul id="dyc-"' +
dy.id +
var head2 = '<li id="line-"' + line.id + '>' + line.name + '<ul id="linec-"' + line.id + '>'; ">";
var tail2 = '</ul></li>'; var tail1 = "</ul></li>";
var html2 = ''; var html1 = "";
for (var idx3 = 0; idx3 < line.towers.length; idx3++) for (var idx2 = 0; idx2 < dy.lines.length; idx2++) {
{ var line = dy.lines[idx2];
var tower = line.towers[idx3]; if (line.towers.length == 0) continue;
if (tower.terminals.length != 1) continue;
var head2 =
var term = tower.terminals[0]; '<li id="line-"' +
line.id +
html2 += '<li id="tower-"' + tower.id + '"><a id="term-' + term.id + '" href="javascript:clickTerm(this,' + term.id + ');" cmdid="' + term.cmdid + '">' + term.cmdid + '</a></li>'; ">" +
} line.name +
'<ul id="linec-"' +
html1 += head2 + html2 + tail2; line.id +
">";
} var tail2 = "</ul></li>";
html += head1 + html1 + tail1; var html2 = "";
} for (var idx3 = 0; idx3 < line.towers.length; idx3++) {
var tower = line.towers[idx3];
$('#tree-container').append(html); if (tower.terminals.length != 1) continue;
}); var term = tower.terminals[0];
html2 +=
}); '<li id="tower-"' +
tower.id +
$('#btn-refresh').click(function() { '"><a id="term-' +
var dt = new Date(); term.id +
var endTime = parseInt(dt.getTime() / 1000); '" href="javascript:clickTerm(this,' +
dt.setHours(0, 0, 0); term.id +
var startTime = parseInt(dt.getTime() / 1000); ');" cmdid="' +
term.cmdid +
loadData(startTime, endTime); '">' +
}); term.cmdid +
"</a></li>";
$('#btn-yesterday').click(function() { }
var dt = new Date();
html1 += head2 + html2 + tail2;
dt.setHours(0, 0, 0); }
var endTime = parseInt(dt.getTime() / 1000);
html += head1 + html1 + tail1;
loadData(endTime - 86400, endTime); }
});
$("#tree-container").append(html);
$('#btn-thedaybeforeyst').click(function() { });
var dt = new Date(); });
dt.setHours(0, 0, 0); $("#btn-refresh").click(function () {
var endTime = parseInt(dt.getTime() / 1000); var dt = new Date();
var endTime = parseInt(dt.getTime() / 1000);
loadData(endTime - 172800, endTime - 86400); dt.setHours(0, 0, 0);
}); var startTime = parseInt(dt.getTime() / 1000);
loadData(startTime, endTime);
function AppendTable(table) });
{
if (arguments.length <= 1) return false; $("#btn-yesterday").click(function () {
var dt = new Date();
var tr = table.insertRow(-1);
for (idx = 1; idx < arguments.length; idx++) dt.setHours(0, 0, 0);
{ var endTime = parseInt(dt.getTime() / 1000);
var td = tr.insertCell(-1);
td.innerHTML = arguments[idx]; loadData(endTime - 86400, endTime);
} });
return tr; $("#btn-thedaybeforeyst").click(function () {
} var dt = new Date();
// --> dt.setHours(0, 0, 0);
</script> 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> </html>

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

@ -1,212 +1,252 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> <html>
<head> <head>
<title>装置工作状态历史</title> <title>装置工作状态历史</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="styles/style.css" rel="stylesheet" type="text/css"> <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"> <meta
<script language="javascript" type="text/javascript" src="js/jquery.js"></script> name="viewport"
</head> content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
/>
<body style="margin: 16px;"> <script
language="javascript"
<table border=0 borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding=4 cellspacing=0 width="100%"> type="text/javascript"
<tr> src="js/jquery.js"
<td valign="top" width="20%"> ></script>
<ul id="tree-container"> </head>
</ul> <body style="margin: 16px">
</td> <table
<td valign="top" width="80%"> border="0"
<span id="current-term"></span> borderColorLight="#99ccff"
<br /><br /> borderColorDark="#FFFFFF"
<table id="tbl-result" border="1" borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding="8" cellspacing="0" width="80%"> cellpadding="4"
<tr> cellspacing="0"
<td>采集时间</td> width="100%"
<td>电源电压</td> >
<td>工作温度</td> <tr>
<td>电池电量</td> <td valign="top" width="20%">
<td>浮充状态</td> <ul id="tree-container"></ul>
<td>工作总时间(小时)</td> </td>
<td>本次连续工作时间(小时)</td> <td valign="top" width="80%">
<td>网络连接状态</td> <span id="current-term"></span>
</tr> <br /><br />
</table> <table
</td> id="tbl-result"
</tr> border="1"
borderColorLight="#99ccff"
</table> borderColorDark="#FFFFFF"
<br> cellpadding="8"
<div id="div-result"> cellspacing="0"
width="80%"
</div> >
<br> <tr>
</body> <td>采集时间</td>
<script language="javascript" type="text/javascript"> <td>电源电压</td>
<!-- <td>工作温度</td>
<td>电池电量</td>
function getUrlParameter(name) { <td>浮充状态</td>
name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]'); <td>工作总时间(小时)</td>
var regex = new RegExp('[\\?&]' + name + '=([^&#]*)'); <td>本次连续工作时间(小时)</td>
var results = regex.exec(location.search); <td>网络连接状态</td>
return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' ')); </tr>
}; </table>
</td>
function clickTerm(src, termid) </tr>
{ </table>
$('#current-term').text($('#term-' + termid).attr("cmdid") ); <br />
var urlTarget = '/rpts/api/queryWs.php'; <div id="div-result"></div>
var params = {"termid" : termid}; <br />
</body>
$.getJSON(urlTarget, params, function(result) { <script language="javascript" type="text/javascript">
<!--
var tableResult = $('#tbl-result')[0];
while (tableResult.rows.length > 1) function getUrlParameter(name) {
{ name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
tableResult.deleteRow(tableResult.rows.length - 1); var regex = new RegExp("[\\?&]" + name + "=([^&#]*)");
} var results = regex.exec(location.search);
return results === null
for (var idx = 0; idx < result.data.length; idx++) ? ""
{ : decodeURIComponent(results[1].replace(/\+/g, " "));
var td1 = result.data[idx].ws_update_time; }
var td2 = result.data[idx].battery_voltage;
var td3 = result.data[idx].op_temperature; function clickTerm(src, termid) {
var td4 = result.data[idx].battery_capacity; $("#current-term").text($("#term-" + termid).attr("cmdid"));
var td5 = result.data[idx].floating_charge == 0 ? "充电" : "放电"; var urlTarget = "/rpts/api/queryWs.php";
var td6 = result.data[idx].total_working_time; var params = { termid: termid };
var td7 = result.data[idx].working_time;
var td8 = result.data[idx].connection_state == 0 ? '正常' : '断开'; $.getJSON(urlTarget, params, function (result) {
var tableResult = $("#tbl-result")[0];
var tr = AppendTable(tableResult, td1, td2, td3, td4, td5, td6, td7, td8); while (tableResult.rows.length > 1) {
} tableResult.deleteRow(tableResult.rows.length - 1);
}
}); for (var idx = 0; idx < result.data.length; idx++) {
} var td1 = result.data[idx].ws_update_time;
var td2 = result.data[idx].battery_voltage;
$(document).ready(function(){ var td3 = result.data[idx].op_temperature;
var urlTarget = '/rpts/api/queryTerms.php'; var td4 = result.data[idx].battery_capacity;
var params = {"filter" : 'ws'}; var td5 = result.data[idx].floating_charge == 0 ? "充电" : "放电";
var td6 = result.data[idx].total_working_time;
$.getJSON(urlTarget, params, function(result) { var td7 = result.data[idx].working_time;
var td8 = result.data[idx].connection_state == 0 ? "正常" : "断开";
var html = '';
for (var idx = 0; idx < result.length; idx++) var tr = AppendTable(
{ tableResult,
var dy = result[idx]; td1,
if (dy.lines.length == 0) continue; td2,
td3,
var head1 = '<li id="dy-"' + dy.id + '>' + dy.name + '<ul id="dyc-"' + dy.id + '>'; td4,
var tail1 = '</ul></li>'; td5,
td6,
var html1 = ''; td7,
for (var idx2 = 0; idx2 < dy.lines.length; idx2++) td8
{ );
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>'; $(document).ready(function () {
var urlTarget = "/rpts/api/queryTerms.php";
var html2 = ''; var params = { filter: "ws" };
for (var idx3 = 0; idx3 < line.towers.length; idx3++)
{ $.getJSON(urlTarget, params, function (result) {
var tower = line.towers[idx3]; var html = "";
if (tower.terminals.length != 1) continue; for (var idx = 0; idx < result.length; idx++) {
var dy = result[idx];
var term = tower.terminals[0]; if (dy.lines.length == 0) continue;
html2 += '<li id="tower-"' + tower.id + '"><a id="term-' + term.id + '" href="javascript:clickTerm(this,' + term.id + ');" cmdid="' + term.cmdid + '">' + term.cmdid + '</a></li>'; var head1 =
} '<li id="dy-"' +
dy.id +
html1 += head2 + html2 + tail2; ">" +
dy.name +
} '<ul id="dyc-"' +
dy.id +
html += head1 + html1 + tail1; ">";
} var tail1 = "</ul></li>";
$('#tree-container').append(html); var html1 = "";
for (var idx2 = 0; idx2 < dy.lines.length; idx2++) {
}); var line = dy.lines[idx2];
if (line.towers.length == 0) continue;
var termid = getUrlParameter("term_id");
if (termid != null) var head2 =
{ '<li id="line-"' +
var urlTarget = '/rpts/api/queryWs.php'; line.id +
var params = {"termid" : termid}; ">" +
line.name +
$.getJSON(urlTarget, params, function(result) { '<ul id="linec-"' +
line.id +
var tableResult = $('#tbl-result')[0]; ">";
while (tableResult.rows.length > 1) var tail2 = "</ul></li>";
{
tableResult.deleteRow(tableResult.rows.length - 1); var html2 = "";
} for (var idx3 = 0; idx3 < line.towers.length; idx3++) {
var tower = line.towers[idx3];
for (var idx = 0; idx < result.data.length; idx++) if (tower.terminals.length != 1) continue;
{
var td1 = result.data[idx].ws_update_time; var term = tower.terminals[0];
var td2 = result.data[idx].battery_voltage;
var td3 = result.data[idx].op_temperature; html2 +=
var td4 = result.data[idx].battery_capacity; '<li id="tower-"' +
var td5 = result.data[idx].floating_charge == 0 ? "充电" : "放电"; tower.id +
var td6 = result.data[idx].total_working_time; '"><a id="term-' +
var td7 = result.data[idx].working_time; term.id +
var td8 = result.data[idx].connection_state == 0 ? '正常' : '断开'; '" href="javascript:clickTerm(this,' +
term.id +
var tr = AppendTable(tableResult, td1, td2, td3, td4, td5, td6, td7, td8); ');" cmdid="' +
} term.cmdid +
'">' +
term.cmdid +
}); "</a></li>";
} }
html1 += head2 + html2 + tail2;
}); }
$('#btn-refresh').click(function() { html += head1 + html1 + tail1;
var dt = new Date(); }
var endTime = parseInt(dt.getTime() / 1000);
dt.setHours(0, 0, 0); $("#tree-container").append(html);
var startTime = parseInt(dt.getTime() / 1000); });
loadData(startTime, endTime); var termid = getUrlParameter("term_id");
}); if (termid != null) {
var urlTarget = "/rpts/api/queryWs.php";
$('#btn-yesterday').click(function() { var params = { termid: termid };
var dt = new Date();
$.getJSON(urlTarget, params, function (result) {
dt.setHours(0, 0, 0); var tableResult = $("#tbl-result")[0];
var endTime = parseInt(dt.getTime() / 1000); while (tableResult.rows.length > 1) {
tableResult.deleteRow(tableResult.rows.length - 1);
loadData(endTime - 86400, endTime); }
});
for (var idx = 0; idx < result.data.length; idx++) {
$('#btn-thedaybeforeyst').click(function() { var td1 = result.data[idx].ws_update_time;
var dt = new Date(); var td2 = result.data[idx].battery_voltage;
var td3 = result.data[idx].op_temperature;
dt.setHours(0, 0, 0); var td4 = result.data[idx].battery_capacity;
var endTime = parseInt(dt.getTime() / 1000); var td5 = result.data[idx].floating_charge == 0 ? "充电" : "放电";
var td6 = result.data[idx].total_working_time;
loadData(endTime - 172800, endTime - 86400); var td7 = result.data[idx].working_time;
}); var td8 = result.data[idx].connection_state == 0 ? "正常" : "断开";
var tr = AppendTable(
function AppendTable(table) tableResult,
{ td1,
if (arguments.length <= 1) return false; td2,
td3,
var tr = table.insertRow(-1); td4,
for (idx = 1; idx < arguments.length; idx++) td5,
{ td6,
var td = tr.insertCell(-1); td7,
td.innerHTML = arguments[idx]; td8
} );
}
return tr; });
} }
});
// -->
</script> $("#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> </html>

Loading…
Cancel
Save