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.
191 lines
5.7 KiB
HTML
191 lines
5.7 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>
|
||
|
|
|
||
|
|
<br>
|
||
|
|
<div id="div-result">
|
||
|
|
<table id="tbl-result" border="1" borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding="16" cellspacing="0">
|
||
|
|
<tr>
|
||
|
|
<td>序号</td>
|
||
|
|
<td>装置内部Id</td>
|
||
|
|
<td>线路</td>
|
||
|
|
<td>杆塔</td>
|
||
|
|
<td>装置名称</td>
|
||
|
|
<td>装置Id</td>
|
||
|
|
<td>规约</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<br>
|
||
|
|
</body>
|
||
|
|
<script language="javascript" type="text/javascript">
|
||
|
|
<!--
|
||
|
|
|
||
|
|
$('#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, startTime + 86400);
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#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);
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#btn-4th').click(function() {
|
||
|
|
var dt = new Date();
|
||
|
|
|
||
|
|
dt.setHours(0, 0, 0);
|
||
|
|
var endTime = parseInt(dt.getTime() / 1000);
|
||
|
|
|
||
|
|
loadData(endTime - 86400 * 3, endTime - 86400 * 2);
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#btn-5th').click(function() {
|
||
|
|
var dt = new Date();
|
||
|
|
|
||
|
|
dt.setHours(0, 0, 0);
|
||
|
|
var endTime = parseInt(dt.getTime() / 1000);
|
||
|
|
|
||
|
|
loadData(endTime - 86400 * 4, endTime - 86400 * 3);
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#btn-6th').click(function() {
|
||
|
|
var dt = new Date();
|
||
|
|
|
||
|
|
dt.setHours(0, 0, 0);
|
||
|
|
var endTime = parseInt(dt.getTime() / 1000);
|
||
|
|
|
||
|
|
loadData(endTime - 86400 * 5, endTime - 86400 * 4);
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#btn-7th').click(function() {
|
||
|
|
var dt = new Date();
|
||
|
|
|
||
|
|
dt.setHours(0, 0, 0);
|
||
|
|
var endTime = parseInt(dt.getTime() / 1000);
|
||
|
|
|
||
|
|
loadData(endTime - 86400 * 6, endTime - 86400 * 5);
|
||
|
|
});
|
||
|
|
|
||
|
|
function loadData(startTime, endTime) {
|
||
|
|
|
||
|
|
var tableResult = $('#tbl-result')[0];
|
||
|
|
while (tableResult.rows.length > 1)
|
||
|
|
{
|
||
|
|
tableResult.deleteRow(tableResult.rows.length - 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
var dt = new Date(startTime * 1000);
|
||
|
|
$('#term-cnt').text();
|
||
|
|
$('#rpt-date').text(dt.getFullYear() + '-' + (dt.getMonth() + 1) + '-' + dt.getDate());
|
||
|
|
|
||
|
|
var urlTarget = '/rpts/api/queryPhoto.php';
|
||
|
|
var params = {'st': startTime, 'et': endTime};
|
||
|
|
|
||
|
|
$.getJSON(urlTarget, params, function(result) {
|
||
|
|
|
||
|
|
$('#term-cnt').text("装置数量：" + result.data.length);
|
||
|
|
var tableResult = $('#tbl-result')[0];
|
||
|
|
|
||
|
|
for (var idx = 0; idx < result.data.length; idx++)
|
||
|
|
{
|
||
|
|
var td1 = idx + 1;
|
||
|
|
var td2 = result.data[idx].id;
|
||
|
|
var td3 = result.data[idx].line_name;
|
||
|
|
var td4 = result.data[idx].tower_name;
|
||
|
|
var td5 = result.data[idx].display_name;
|
||
|
|
var hbDetailUrl = "hb.html?term_id=" + result.data[idx].id + "&cmdid=" + result.data[idx].cmdid + "&st=" + startTime + "&et=" + endTime;
|
||
|
|
var td6 = "<a href=\"" + hbDetailUrl + "\" target=\"_blank\">" + result.data[idx].last_heartbeat + "</a>";
|
||
|
|
|
||
|
|
var td7 = result.data[idx].min_photo_time;
|
||
|
|
|
||
|
|
var td8 = result.data[idx].recv_time;
|
||
|
|
|
||
|
|
var str = result.data[idx].reboot_cnt;
|
||
|
|
if (result.data[idx].boot_time != null)
|
||
|
|
{
|
||
|
|
str += "/" + result.data[idx].boot_time;
|
||
|
|
}
|
||
|
|
var biDetailUrl = "basicinfo.html?term_id=" + result.data[idx].id + "&cmdid=" + result.data[idx].cmdid + "&st=" + startTime + "&et=" + endTime;
|
||
|
|
var td9 = "<a href=\"" + biDetailUrl + "\" target=\"_blank\">" + str + "</a>";
|
||
|
|
|
||
|
|
var detailUrl = "photoDetail.html?term_id=" + result.data[idx].id + "&cmdid=" + result.data[idx].cmdid + "&st=" + startTime + "&et=" + endTime;
|
||
|
|
var td10 = "<a href=\"" + detailUrl + "\" target=\"_blank\">" + result.data[idx].cmdid + "</a>";
|
||
|
|
var td11 = result.data[idx].cnt;
|
||
|
|
|
||
|
|
var tr = AppendTable(tableResult, td1, td2, td3, td4, td5, td6, td7, td8, td9, td10, td11);
|
||
|
|
|
||
|
|
if (result.data[idx].min_photo_time != '' && result.data[idx].min_photo_time.substr(0, 2) != '00')
|
||
|
|
{
|
||
|
|
tr.classList.add('green')
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
$(document).ready(function(){
|
||
|
|
|
||
|
|
var dt = new Date();
|
||
|
|
dt.setHours(0, 0, 0);
|
||
|
|
var endTime = parseInt(dt.getTime() / 1000);
|
||
|
|
|
||
|
|
dt = new Date(dt.getTime() - 86400000 * 3);
|
||
|
|
$('#btn-4th').val(dt.toLocaleDateString());
|
||
|
|
|
||
|
|
dt = new Date(dt.getTime() - 86400000);
|
||
|
|
$('#btn-5th').val(dt.toLocaleDateString());
|
||
|
|
|
||
|
|
dt = new Date(dt.getTime() - 86400000);
|
||
|
|
$('#btn-6th').val(dt.toLocaleDateString());
|
||
|
|
|
||
|
|
dt = new Date(dt.getTime() - 86400000);
|
||
|
|
$('#btn-7th').val(dt.toLocaleDateString());
|
||
|
|
|
||
|
|
$('#btn-refresh').click();
|
||
|
|
});
|
||
|
|
|
||
|
|
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>
|