右侧固定

main
fanluyan 2 years ago
parent 66beab99f7
commit 1ab7bd0243

@ -1,28 +1,54 @@
<!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"
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> </head>
<body> <body>
<table border=0 borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding=0 cellspacing=0 width="100%" style="height: 100vh;"> <table
border="0"
borderColorLight="#99ccff"
borderColorDark="#FFFFFF"
cellpadding="0"
cellspacing="0"
width="100%"
style="height: 100vh"
>
<tr> <tr>
<td valign="top" width="20%"> <td valign="top" width="20%">
<div style="max-height: 100vh; overflow-y: scroll; margin: 16px;"> <div style="max-height: 100vh; overflow-y: scroll; margin: 16px">
<ul id="tree-container"> <ul id="tree-container"></ul>
</ul>
<p>&nbsp;</p> <p>&nbsp;</p>
</div> </div>
</td> </td>
<td valign="top" width="80%" style="margin: 16px;"> <td
valign="top"
width="80%"
style="margin: 16px"
style="position: fixed"
>
<span id="current-term"></span> <span id="current-term"></span>
<br /><br /> <br /><br />
<table id="tbl-result" border="1" borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding="8" cellspacing="0" width="80%"> <table
id="tbl-result"
border="1"
borderColorLight="#99ccff"
borderColorDark="#FFFFFF"
cellpadding="8"
cellspacing="0"
width="80%"
>
<tr> <tr>
<td>采集时间</td> <td>采集时间</td>
<td>装置编号</td> <td>装置编号</td>
@ -32,40 +58,35 @@
</table> </table>
</td> </td>
</tr> </tr>
</table> </table>
<br> <br />
<div id="div-result"> <div id="div-result"></div>
<br />
</div>
<br>
</body> </body>
<script language="javascript" type="text/javascript"> <script language="javascript" type="text/javascript">
<!-- <!--
function getUrlParameter(name) { function getUrlParameter(name) {
name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]'); name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp('[\\?&]' + name + '=([^&#]*)'); var regex = new RegExp("[\\?&]" + name + "=([^&#]*)");
var results = regex.exec(location.search); var results = regex.exec(location.search);
return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' ')); return results === null
}; ? ""
: decodeURIComponent(results[1].replace(/\+/g, " "));
function clickTerm(src, termid) }
{
$('#current-term').text($('#term-' + termid).attr("cmdid") );
var urlTarget = '/rpts/api/queryBasicInfo.php';
var params = {"termid" : termid};
$.getJSON(urlTarget, params, function(result) { function clickTerm(src, termid) {
$("#current-term").text($("#term-" + termid).attr("cmdid"));
var urlTarget = "/rpts/api/queryBasicInfo.php";
var params = { termid: termid };
var tableResult = $('#tbl-result')[0]; $.getJSON(urlTarget, params, function (result) {
while (tableResult.rows.length > 1) var tableResult = $("#tbl-result")[0];
{ while (tableResult.rows.length > 1) {
tableResult.deleteRow(tableResult.rows.length - 1); tableResult.deleteRow(tableResult.rows.length - 1);
} }
for (var idx = 0; idx < result.length; idx++) for (var idx = 0; idx < result.length; idx++) {
{
var td1 = result[idx].update_time; var td1 = result[idx].update_time;
var td2 = result[idx].cmdid; var td2 = result[idx].cmdid;
var td3 = result[idx].version; var td3 = result[idx].version;
@ -73,78 +94,92 @@
var tr = AppendTable(tableResult, td1, td2, td3, td4); var tr = AppendTable(tableResult, td1, td2, td3, td4);
} }
}); });
} }
$(document).ready(function(){ $(document).ready(function () {
var urlTarget = '/rpts/api/queryTerms.php'; var urlTarget = "/rpts/api/queryTerms.php";
var params = {"filter" : 'bi'}; var params = { filter: "bi" };
$.getJSON(urlTarget, params, function(result) {
var html = ''; $.getJSON(urlTarget, params, function (result) {
for (var idx = 0; idx < result.length; idx++) var html = "";
{ for (var idx = 0; idx < result.length; idx++) {
var dy = result[idx]; var dy = result[idx];
if (dy.lines.length == 0) continue; if (dy.lines.length == 0) continue;
var head1 = '<li id="dy-"' + dy.id + '>' + dy.name + '<ul id="dyc-"' + dy.id + '>'; var head1 =
var tail1 = '</ul></li>'; '<li id="dy-"' +
dy.id +
var html1 = ''; ">" +
for (var idx2 = 0; idx2 < dy.lines.length; idx2++) 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]; var line = dy.lines[idx2];
if (line.towers.length == 0) continue; if (line.towers.length == 0) continue;
var head2 = '<li id="line-"' + line.id + '>' + line.name + '<ul id="linec-"' + line.id + '>'; var head2 =
var tail2 = '</ul></li>'; '<li id="line-"' +
line.id +
var html2 = ''; ">" +
for (var idx3 = 0; idx3 < line.towers.length; idx3++) 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]; var tower = line.towers[idx3];
if (tower.terminals.length != 1) continue; if (tower.terminals.length != 1) continue;
var term = tower.terminals[0]; 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>'; 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; html1 += head2 + html2 + tail2;
} }
html += head1 + html1 + tail1; html += head1 + html1 + tail1;
} }
$('#tree-container').append(html); $("#tree-container").append(html);
}); });
var termId= getUrlParameter("term_id"); var termId = getUrlParameter("term_id");
var st = getUrlParameter("st"); var st = getUrlParameter("st");
var et = getUrlParameter("et"); var et = getUrlParameter("et");
if (termId == null || st == null || et == null) if (termId == null || st == null || et == null) {
{
return; return;
} }
var urlTarget = '/rpts/api/queryBasicInfo.php'; var urlTarget = "/rpts/api/queryBasicInfo.php";
var params = {"termid" : termId, "st": st, "et": et}; var params = { termid: termId, st: st, et: et };
$.getJSON(urlTarget, params, function(result) { $.getJSON(urlTarget, params, function (result) {
var tableResult = $("#tbl-result")[0];
var tableResult = $('#tbl-result')[0]; while (tableResult.rows.length > 1) {
while (tableResult.rows.length > 1)
{
tableResult.deleteRow(tableResult.rows.length - 1); tableResult.deleteRow(tableResult.rows.length - 1);
} }
for (var idx = 0; idx < result.length; idx++) for (var idx = 0; idx < result.length; idx++) {
{
var td1 = result[idx].update_time; var td1 = result[idx].update_time;
var td2 = result[idx].cmdid; var td2 = result[idx].cmdid;
var td3 = result[idx].version; var td3 = result[idx].version;
@ -152,12 +187,10 @@
var tr = AppendTable(tableResult, td1, td2, td3, td4); var tr = AppendTable(tableResult, td1, td2, td3, td4);
} }
}); });
}); });
$('#btn-refresh').click(function() { $("#btn-refresh").click(function () {
var dt = new Date(); var dt = new Date();
var endTime = parseInt(dt.getTime() / 1000); var endTime = parseInt(dt.getTime() / 1000);
dt.setHours(0, 0, 0); dt.setHours(0, 0, 0);
@ -166,7 +199,7 @@
loadData(startTime, endTime); loadData(startTime, endTime);
}); });
$('#btn-yesterday').click(function() { $("#btn-yesterday").click(function () {
var dt = new Date(); var dt = new Date();
dt.setHours(0, 0, 0); dt.setHours(0, 0, 0);
@ -175,7 +208,7 @@
loadData(endTime - 86400, endTime); loadData(endTime - 86400, endTime);
}); });
$('#btn-thedaybeforeyst').click(function() { $("#btn-thedaybeforeyst").click(function () {
var dt = new Date(); var dt = new Date();
dt.setHours(0, 0, 0); dt.setHours(0, 0, 0);
@ -184,14 +217,11 @@
loadData(endTime - 172800, endTime - 86400); loadData(endTime - 172800, endTime - 86400);
}); });
function AppendTable(table) {
function AppendTable(table)
{
if (arguments.length <= 1) return false; if (arguments.length <= 1) return false;
var tr = table.insertRow(-1); var tr = table.insertRow(-1);
for (idx = 1; idx < arguments.length; idx++) for (idx = 1; idx < arguments.length; idx++) {
{
var td = tr.insertCell(-1); var td = tr.insertCell(-1);
td.innerHTML = arguments[idx]; td.innerHTML = arguments[idx];
} }

@ -1,26 +1,45 @@
<!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"
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> </head>
<body style="margin: 16px;"> <body style="margin: 16px">
<table
<table border=0 borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding=4 cellspacing=0 width="100%"> border="0"
borderColorLight="#99ccff"
borderColorDark="#FFFFFF"
cellpadding="4"
cellspacing="0"
width="100%"
>
<tr> <tr>
<td valign="top" width="20%"> <td valign="top" width="20%">
<ul id="tree-container"> <ul id="tree-container"></ul>
</ul>
</td> </td>
<td valign="top" width="80%"> <td valign="top" width="80%" style="position: fixed">
<span id="current-term"></span> <span id="current-term"></span>
<br /><br /> <br /><br />
<table id="tbl-result" border="1" borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding="8" cellspacing="0" width="80%"> <table
id="tbl-result"
border="1"
borderColorLight="#99ccff"
borderColorDark="#FFFFFF"
cellpadding="8"
cellspacing="0"
width="80%"
>
<tr> <tr>
<td>采集时间</td> <td>采集时间</td>
<td>坐标类型</td> <td>坐标类型</td>
@ -31,51 +50,38 @@
</table> </table>
</td> </td>
</tr> </tr>
</table> </table>
<br> <br />
<div id="div-result"> <div id="div-result"></div>
<br />
</div>
<br>
</body> </body>
<script language="javascript" type="text/javascript"> <script language="javascript" type="text/javascript">
<!-- <!--
function GetCoordinateType(ct) function GetCoordinateType(ct) {
{ if (ct == 0) {
if (ct == 0)
{
return "没有坐标"; return "没有坐标";
} } else if (ct == 1) {
else if (ct == 1)
{
return "GPS 坐标"; return "GPS 坐标";
} } else if (ct == 2) {
else if (ct == 2)
{
return "辅助坐标"; return "辅助坐标";
} }
return ""; return "";
} }
function clickTerm(src, termid) function clickTerm(src, termid) {
{ $("#current-term").text($("#term-" + termid).attr("cmdid"));
$('#current-term').text($('#term-' + termid).attr("cmdid") ); var urlTarget = "/rpts/api/queryGps.php";
var urlTarget = '/rpts/api/queryGps.php'; var params = { termid: termid };
var params = {"termid" : termid};
$.getJSON(urlTarget, params, function(result) {
var tableResult = $('#tbl-result')[0]; $.getJSON(urlTarget, params, function (result) {
while (tableResult.rows.length > 1) var tableResult = $("#tbl-result")[0];
{ while (tableResult.rows.length > 1) {
tableResult.deleteRow(tableResult.rows.length - 1); tableResult.deleteRow(tableResult.rows.length - 1);
} }
for (var idx = 0; idx < result.length; idx++) for (var idx = 0; idx < result.length; idx++) {
{
var td1 = result[idx].update_time; var td1 = result[idx].update_time;
var td2 = GetCoordinateType(result[idx].coordinate_type); var td2 = GetCoordinateType(result[idx].coordinate_type);
var td3 = result[idx].radius; var td3 = result[idx].radius;
@ -84,61 +90,76 @@
var tr = AppendTable(tableResult, td1, td2, td3, td4, td5); var tr = AppendTable(tableResult, td1, td2, td3, td4, td5);
} }
}); });
} }
$(document).ready(function(){ $(document).ready(function () {
var urlTarget = '/rpts/api/queryTerms.php'; var urlTarget = "/rpts/api/queryTerms.php";
var params = {"filter" : 'gps'}; var params = { filter: "gps" };
$.getJSON(urlTarget, params, function(result) { $.getJSON(urlTarget, params, function (result) {
var html = "";
var html = ''; for (var idx = 0; idx < result.length; idx++) {
for (var idx = 0; idx < result.length; idx++)
{
var dy = result[idx]; var dy = result[idx];
if (dy.lines.length == 0) continue; if (dy.lines.length == 0) continue;
var head1 = '<li id="dy-"' + dy.id + '>' + dy.name + '<ul id="dyc-"' + dy.id + '>'; var head1 =
var tail1 = '</ul></li>'; '<li id="dy-"' +
dy.id +
var html1 = ''; ">" +
for (var idx2 = 0; idx2 < dy.lines.length; idx2++) 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]; var line = dy.lines[idx2];
if (line.towers.length == 0) continue; if (line.towers.length == 0) continue;
var head2 = '<li id="line-"' + line.id + '>' + line.name + '<ul id="linec-"' + line.id + '>'; var head2 =
var tail2 = '</ul></li>'; '<li id="line-"' +
line.id +
var html2 = ''; ">" +
for (var idx3 = 0; idx3 < line.towers.length; idx3++) 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]; var tower = line.towers[idx3];
if (tower.terminals.length != 1) continue; if (tower.terminals.length != 1) continue;
var term = tower.terminals[0]; 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>'; 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; html1 += head2 + html2 + tail2;
} }
html += head1 + html1 + tail1; html += head1 + html1 + tail1;
} }
$('#tree-container').append(html); $("#tree-container").append(html);
}); });
}); });
$('#btn-refresh').click(function() { $("#btn-refresh").click(function () {
var dt = new Date(); var dt = new Date();
var endTime = parseInt(dt.getTime() / 1000); var endTime = parseInt(dt.getTime() / 1000);
dt.setHours(0, 0, 0); dt.setHours(0, 0, 0);
@ -147,7 +168,7 @@
loadData(startTime, endTime); loadData(startTime, endTime);
}); });
$('#btn-yesterday').click(function() { $("#btn-yesterday").click(function () {
var dt = new Date(); var dt = new Date();
dt.setHours(0, 0, 0); dt.setHours(0, 0, 0);
@ -156,7 +177,7 @@
loadData(endTime - 86400, endTime); loadData(endTime - 86400, endTime);
}); });
$('#btn-thedaybeforeyst').click(function() { $("#btn-thedaybeforeyst").click(function () {
var dt = new Date(); var dt = new Date();
dt.setHours(0, 0, 0); dt.setHours(0, 0, 0);
@ -165,14 +186,11 @@
loadData(endTime - 172800, endTime - 86400); loadData(endTime - 172800, endTime - 86400);
}); });
function AppendTable(table) {
function AppendTable(table)
{
if (arguments.length <= 1) return false; if (arguments.length <= 1) return false;
var tr = table.insertRow(-1); var tr = table.insertRow(-1);
for (idx = 1; idx < arguments.length; idx++) for (idx = 1; idx < arguments.length; idx++) {
{
var td = tr.insertCell(-1); var td = tr.insertCell(-1);
td.innerHTML = arguments[idx]; td.innerHTML = arguments[idx];
} }

@ -1,26 +1,45 @@
<!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"
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> </head>
<body style="margin: 16px;"> <body style="margin: 16px">
<table
<table border=0 borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding=4 cellspacing=0 width="100%"> border="0"
borderColorLight="#99ccff"
borderColorDark="#FFFFFF"
cellpadding="4"
cellspacing="0"
width="100%"
>
<tr> <tr>
<td valign="top" width="20%"> <td valign="top" width="20%">
<ul id="tree-container"> <ul id="tree-container"></ul>
</ul>
</td> </td>
<td valign="top" width="80%"> <td valign="top" width="80%" style="position: fixed">
<span id="current-term"></span> <span id="current-term"></span>
<br /><br /> <br /><br />
<table id="tbl-result" border="1" borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding="8" cellspacing="0" width="80%"> <table
id="tbl-result"
border="1"
borderColorLight="#99ccff"
borderColorDark="#FFFFFF"
cellpadding="8"
cellspacing="0"
width="80%"
>
<tr> <tr>
<td>采集时间</td> <td>采集时间</td>
<td>4G 信号强度</td> <td>4G 信号强度</td>
@ -32,33 +51,26 @@
</table> </table>
</td> </td>
</tr> </tr>
</table> </table>
<br> <br />
<div id="div-result"> <div id="div-result"></div>
<br />
</div>
<br>
</body> </body>
<script language="javascript" type="text/javascript"> <script language="javascript" type="text/javascript">
<!-- <!--
function clickTerm(src, termid) function clickTerm(src, termid) {
{ $("#current-term").text($("#term-" + termid).attr("cmdid"));
$('#current-term').text($('#term-' + termid).attr("cmdid") ); var urlTarget = "/rpts/api/queryRs.php";
var urlTarget = '/rpts/api/queryRs.php'; var params = { termid: termid };
var params = {"termid" : termid};
$.getJSON(urlTarget, params, function(result) { $.getJSON(urlTarget, params, function (result) {
var tableResult = $("#tbl-result")[0];
var tableResult = $('#tbl-result')[0]; while (tableResult.rows.length > 1) {
while (tableResult.rows.length > 1)
{
tableResult.deleteRow(tableResult.rows.length - 1); tableResult.deleteRow(tableResult.rows.length - 1);
} }
for (var idx = 0; idx < result.length; idx++) for (var idx = 0; idx < result.length; idx++) {
{
var td1 = result[idx].rs_update_time; var td1 = result[idx].rs_update_time;
var td2 = result[idx].signal_strength_4g; var td2 = result[idx].signal_strength_4g;
var td3 = result[idx].signal_strength_2g; var td3 = result[idx].signal_strength_2g;
@ -68,60 +80,76 @@
var tr = AppendTable(tableResult, td1, td2, td3, td4, td5, td6); var tr = AppendTable(tableResult, td1, td2, td3, td4, td5, td6);
} }
}); });
} }
$(document).ready(function(){ $(document).ready(function () {
var urlTarget = '/rpts/api/queryTerms.php'; var urlTarget = "/rpts/api/queryTerms.php";
var params = {"filter" : 'rs'}; var params = { filter: "rs" };
$.getJSON(urlTarget, params, function(result) {
var html = ''; $.getJSON(urlTarget, params, function (result) {
for (var idx = 0; idx < result.length; idx++) var html = "";
{ for (var idx = 0; idx < result.length; idx++) {
var dy = result[idx]; var dy = result[idx];
if (dy.lines.length == 0) continue; if (dy.lines.length == 0) continue;
var head1 = '<li id="dy-"' + dy.id + '>' + dy.name + '<ul id="dyc-"' + dy.id + '>'; var head1 =
var tail1 = '</ul></li>'; '<li id="dy-"' +
dy.id +
var html1 = ''; ">" +
for (var idx2 = 0; idx2 < dy.lines.length; idx2++) 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]; var line = dy.lines[idx2];
if (line.towers.length == 0) continue; if (line.towers.length == 0) continue;
var head2 = '<li id="line-"' + line.id + '>' + line.name + '<ul id="linec-"' + line.id + '>'; var head2 =
var tail2 = '</ul></li>'; '<li id="line-"' +
line.id +
var html2 = ''; ">" +
for (var idx3 = 0; idx3 < line.towers.length; idx3++) 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]; var tower = line.towers[idx3];
if (tower.terminals.length != 1) continue; if (tower.terminals.length != 1) continue;
var term = tower.terminals[0]; 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>'; 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; html1 += head2 + html2 + tail2;
} }
html += head1 + html1 + tail1; html += head1 + html1 + tail1;
} }
$('#tree-container').append(html); $("#tree-container").append(html);
}); });
}); });
$('#btn-refresh').click(function() { $("#btn-refresh").click(function () {
var dt = new Date(); var dt = new Date();
var endTime = parseInt(dt.getTime() / 1000); var endTime = parseInt(dt.getTime() / 1000);
dt.setHours(0, 0, 0); dt.setHours(0, 0, 0);
@ -130,7 +158,7 @@
loadData(startTime, endTime); loadData(startTime, endTime);
}); });
$('#btn-yesterday').click(function() { $("#btn-yesterday").click(function () {
var dt = new Date(); var dt = new Date();
dt.setHours(0, 0, 0); dt.setHours(0, 0, 0);
@ -139,7 +167,7 @@
loadData(endTime - 86400, endTime); loadData(endTime - 86400, endTime);
}); });
$('#btn-thedaybeforeyst').click(function() { $("#btn-thedaybeforeyst").click(function () {
var dt = new Date(); var dt = new Date();
dt.setHours(0, 0, 0); dt.setHours(0, 0, 0);
@ -148,14 +176,11 @@
loadData(endTime - 172800, endTime - 86400); loadData(endTime - 172800, endTime - 86400);
}); });
function AppendTable(table) {
function AppendTable(table)
{
if (arguments.length <= 1) return false; if (arguments.length <= 1) return false;
var tr = table.insertRow(-1); var tr = table.insertRow(-1);
for (idx = 1; idx < arguments.length; idx++) for (idx = 1; idx < arguments.length; idx++) {
{
var td = tr.insertCell(-1); var td = tr.insertCell(-1);
td.innerHTML = arguments[idx]; td.innerHTML = arguments[idx];
} }

@ -1,26 +1,45 @@
<!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"
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> </head>
<body style="margin: 16px;"> <body style="margin: 16px">
<table
<table border=0 borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding=4 cellspacing=0 width="100%"> border="0"
borderColorLight="#99ccff"
borderColorDark="#FFFFFF"
cellpadding="4"
cellspacing="0"
width="100%"
>
<tr> <tr>
<td valign="top" width="20%"> <td valign="top" width="20%">
<ul id="tree-container"> <ul id="tree-container"></ul>
</ul>
</td> </td>
<td valign="top" width="80%"> <td valign="top" width="80%">
<span id="current-term"></span> <span id="current-term"></span>
<br /><br /> <br /><br />
<table id="tbl-result" border="1" borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding="8" cellspacing="0" width="80%"> <table
id="tbl-result"
border="1"
borderColorLight="#99ccff"
borderColorDark="#FFFFFF"
cellpadding="8"
cellspacing="0"
width="80%"
>
<tr> <tr>
<td>采集时间</td> <td>采集时间</td>
<td>电源电压</td> <td>电源电压</td>
@ -34,40 +53,35 @@
</table> </table>
</td> </td>
</tr> </tr>
</table> </table>
<br> <br />
<div id="div-result"> <div id="div-result"></div>
<br />
</div>
<br>
</body> </body>
<script language="javascript" type="text/javascript"> <script language="javascript" type="text/javascript">
<!-- <!--
function getUrlParameter(name) { function getUrlParameter(name) {
name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]'); name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp('[\\?&]' + name + '=([^&#]*)'); var regex = new RegExp("[\\?&]" + name + "=([^&#]*)");
var results = regex.exec(location.search); var results = regex.exec(location.search);
return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' ')); return results === null
}; ? ""
: decodeURIComponent(results[1].replace(/\+/g, " "));
function clickTerm(src, termid) }
{
$('#current-term').text($('#term-' + termid).attr("cmdid") );
var urlTarget = '/rpts/api/queryWs.php';
var params = {"termid" : termid};
$.getJSON(urlTarget, params, function(result) { function clickTerm(src, termid) {
$("#current-term").text($("#term-" + termid).attr("cmdid"));
var urlTarget = "/rpts/api/queryWs.php";
var params = { termid: termid };
var tableResult = $('#tbl-result')[0]; $.getJSON(urlTarget, params, function (result) {
while (tableResult.rows.length > 1) var tableResult = $("#tbl-result")[0];
{ while (tableResult.rows.length > 1) {
tableResult.deleteRow(tableResult.rows.length - 1); tableResult.deleteRow(tableResult.rows.length - 1);
} }
for (var idx = 0; idx < result.data.length; idx++) for (var idx = 0; idx < result.data.length; idx++) {
{
var td1 = result.data[idx].ws_update_time; var td1 = result.data[idx].ws_update_time;
var td2 = result.data[idx].battery_voltage; var td2 = result.data[idx].battery_voltage;
var td3 = result.data[idx].op_temperature; var td3 = result.data[idx].op_temperature;
@ -75,77 +89,100 @@
var td5 = result.data[idx].floating_charge == 0 ? "充电" : "放电"; var td5 = result.data[idx].floating_charge == 0 ? "充电" : "放电";
var td6 = result.data[idx].total_working_time; var td6 = result.data[idx].total_working_time;
var td7 = result.data[idx].working_time; var td7 = result.data[idx].working_time;
var td8 = result.data[idx].connection_state == 0 ? '正常' : '断开'; var td8 = result.data[idx].connection_state == 0 ? "正常" : "断开";
var tr = AppendTable(tableResult, td1, td2, td3, td4, td5, td6, td7, td8); var tr = AppendTable(
tableResult,
td1,
td2,
td3,
td4,
td5,
td6,
td7,
td8
);
} }
}); });
} }
$(document).ready(function(){ $(document).ready(function () {
var urlTarget = '/rpts/api/queryTerms.php'; var urlTarget = "/rpts/api/queryTerms.php";
var params = {"filter" : 'ws'}; var params = { filter: "ws" };
$.getJSON(urlTarget, params, function(result) { $.getJSON(urlTarget, params, function (result) {
var html = "";
var html = ''; for (var idx = 0; idx < result.length; idx++) {
for (var idx = 0; idx < result.length; idx++)
{
var dy = result[idx]; var dy = result[idx];
if (dy.lines.length == 0) continue; if (dy.lines.length == 0) continue;
var head1 = '<li id="dy-"' + dy.id + '>' + dy.name + '<ul id="dyc-"' + dy.id + '>'; var head1 =
var tail1 = '</ul></li>'; '<li id="dy-"' +
dy.id +
var html1 = ''; ">" +
for (var idx2 = 0; idx2 < dy.lines.length; idx2++) 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]; var line = dy.lines[idx2];
if (line.towers.length == 0) continue; if (line.towers.length == 0) continue;
var head2 = '<li id="line-"' + line.id + '>' + line.name + '<ul id="linec-"' + line.id + '>'; var head2 =
var tail2 = '</ul></li>'; '<li id="line-"' +
line.id +
var html2 = ''; ">" +
for (var idx3 = 0; idx3 < line.towers.length; idx3++) 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]; var tower = line.towers[idx3];
if (tower.terminals.length != 1) continue; if (tower.terminals.length != 1) continue;
var term = tower.terminals[0]; 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>'; 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; html1 += head2 + html2 + tail2;
} }
html += head1 + html1 + tail1; html += head1 + html1 + tail1;
} }
$('#tree-container').append(html); $("#tree-container").append(html);
}); });
var termid = getUrlParameter("term_id"); var termid = getUrlParameter("term_id");
if (termid != null) if (termid != null) {
{ var urlTarget = "/rpts/api/queryWs.php";
var urlTarget = '/rpts/api/queryWs.php'; var params = { termid: termid };
var params = {"termid" : termid};
$.getJSON(urlTarget, params, function(result) { $.getJSON(urlTarget, params, function (result) {
var tableResult = $("#tbl-result")[0];
var tableResult = $('#tbl-result')[0]; while (tableResult.rows.length > 1) {
while (tableResult.rows.length > 1)
{
tableResult.deleteRow(tableResult.rows.length - 1); tableResult.deleteRow(tableResult.rows.length - 1);
} }
for (var idx = 0; idx < result.data.length; idx++) for (var idx = 0; idx < result.data.length; idx++) {
{
var td1 = result.data[idx].ws_update_time; var td1 = result.data[idx].ws_update_time;
var td2 = result.data[idx].battery_voltage; var td2 = result.data[idx].battery_voltage;
var td3 = result.data[idx].op_temperature; var td3 = result.data[idx].op_temperature;
@ -153,19 +190,25 @@
var td5 = result.data[idx].floating_charge == 0 ? "充电" : "放电"; var td5 = result.data[idx].floating_charge == 0 ? "充电" : "放电";
var td6 = result.data[idx].total_working_time; var td6 = result.data[idx].total_working_time;
var td7 = result.data[idx].working_time; var td7 = result.data[idx].working_time;
var td8 = result.data[idx].connection_state == 0 ? '正常' : '断开'; var td8 = result.data[idx].connection_state == 0 ? "正常" : "断开";
var tr = AppendTable(tableResult, td1, td2, td3, td4, td5, td6, td7, td8); var tr = AppendTable(
tableResult,
td1,
td2,
td3,
td4,
td5,
td6,
td7,
td8
);
} }
}); });
} }
}); });
$('#btn-refresh').click(function() { $("#btn-refresh").click(function () {
var dt = new Date(); var dt = new Date();
var endTime = parseInt(dt.getTime() / 1000); var endTime = parseInt(dt.getTime() / 1000);
dt.setHours(0, 0, 0); dt.setHours(0, 0, 0);
@ -174,7 +217,7 @@
loadData(startTime, endTime); loadData(startTime, endTime);
}); });
$('#btn-yesterday').click(function() { $("#btn-yesterday").click(function () {
var dt = new Date(); var dt = new Date();
dt.setHours(0, 0, 0); dt.setHours(0, 0, 0);
@ -183,7 +226,7 @@
loadData(endTime - 86400, endTime); loadData(endTime - 86400, endTime);
}); });
$('#btn-thedaybeforeyst').click(function() { $("#btn-thedaybeforeyst").click(function () {
var dt = new Date(); var dt = new Date();
dt.setHours(0, 0, 0); dt.setHours(0, 0, 0);
@ -192,14 +235,11 @@
loadData(endTime - 172800, endTime - 86400); loadData(endTime - 172800, endTime - 86400);
}); });
function AppendTable(table) {
function AppendTable(table)
{
if (arguments.length <= 1) return false; if (arguments.length <= 1) return false;
var tr = table.insertRow(-1); var tr = table.insertRow(-1);
for (idx = 1; idx < arguments.length; idx++) for (idx = 1; idx < arguments.length; idx++) {
{
var td = tr.insertCell(-1); var td = tr.insertCell(-1);
td.innerHTML = arguments[idx]; td.innerHTML = arguments[idx];
} }

Loading…
Cancel
Save