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.
205 lines
5.4 KiB
HTML
205 lines
5.4 KiB
HTML
2 years ago
|
<!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>
|
||
|
<table border=0 borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding=0 cellspacing=0 width="100%" style="height: 100vh;">
|
||
|
<tr>
|
||
|
<td valign="top" width="20%">
|
||
|
<div style="max-height: 100vh; overflow-y: scroll; margin: 16px;">
|
||
|
<ul id="tree-container">
|
||
|
|
||
|
</ul>
|
||
|
<p> </p>
|
||
|
</div>
|
||
|
</td>
|
||
|
<td valign="top" width="80%" style="margin: 16px;">
|
||
|
<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>装置编号</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 getUrlParameter(name) {
|
||
|
name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
|
||
|
var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
|
||
|
var results = regex.exec(location.search);
|
||
|
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) {
|
||
|
|
||
|
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].update_time;
|
||
|
var td2 = result[idx].cmdid;
|
||
|
var td3 = result[idx].version;
|
||
|
var td4 = result[idx].bs_id;
|
||
|
|
||
|
var tr = AppendTable(tableResult, td1, td2, td3, td4);
|
||
|
}
|
||
|
|
||
|
});
|
||
|
}
|
||
|
|
||
|
$(document).ready(function(){
|
||
|
var urlTarget = '/rpts/api/queryTerms.php';
|
||
|
var params = {"filter" : 'bi'};
|
||
|
|
||
|
$.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);
|
||
|
|
||
|
});
|
||
|
|
||
|
var termId= getUrlParameter("term_id");
|
||
|
var st = getUrlParameter("st");
|
||
|
var et = getUrlParameter("et");
|
||
|
|
||
|
if (termId == null || st == null || et == null)
|
||
|
{
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
var urlTarget = '/rpts/api/queryBasicInfo.php';
|
||
|
var params = {"termid" : termId, "st": st, "et": et};
|
||
|
|
||
|
$.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].update_time;
|
||
|
var td2 = result[idx].cmdid;
|
||
|
var td3 = result[idx].version;
|
||
|
var td4 = result[idx].bs_id;
|
||
|
|
||
|
var tr = AppendTable(tableResult, td1, td2, td3, td4);
|
||
|
}
|
||
|
|
||
|
});
|
||
|
|
||
|
});
|
||
|
|
||
|
$('#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>
|