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.
216 lines
6.2 KiB
HTML
216 lines
6.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>
|
|
|
|
<table border=0 borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding=4 cellspacing=0 width="100%">
|
|
<tr>
|
|
<td colspan="2">
|
|
<select id="lines">
|
|
<option value="0"> 全部线路 </option> <span id="term-cnt"></span>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
|
|
</td>
|
|
<td>
|
|
<span id="rpt-date"></span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<br>
|
|
<div id="div-result">
|
|
<table id="tbl-result" border="1" borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding="16" cellspacing="0" class="fixedheader thinborder">
|
|
<thead>
|
|
<tr>
|
|
<th rowspan="2">序号</th>
|
|
<th rowspan="2">Id</th>
|
|
<th rowspan="2">线路</th>
|
|
<th rowspan="2">杆塔</th>
|
|
<th rowspan="2">装置名称</th>
|
|
<th rowspan="2">规约</th>
|
|
<th rowspan="2">最后心跳</th>
|
|
<th rowspan="2">采集时间</th>
|
|
<th rowspan="2">电源电压</th>
|
|
<th rowspan="2">工作温度</th>
|
|
<th colspan="2">电池状态</th>
|
|
<th colspan="2">工作时间(H)</th>
|
|
<th rowspan="2">网络状态</th>
|
|
<th rowspan="2">4G信号</th>
|
|
</tr>
|
|
<tr>
|
|
<th>电量</th>
|
|
<th>浮充</th>
|
|
<th>总</th>
|
|
<th>连续</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tbody-result">
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<br>
|
|
</body>
|
|
<script language="javascript" type="text/javascript">
|
|
<!--
|
|
|
|
$('#btn-refresh').click(function() {
|
|
|
|
loadData();
|
|
});
|
|
|
|
function ConvertProtocolName(p)
|
|
{
|
|
if (p == 0)
|
|
{
|
|
return "Unknown";
|
|
}
|
|
else if (p == 2)
|
|
{
|
|
return "南网";
|
|
}
|
|
else if (p == 0xFF00)
|
|
{
|
|
return "I1";
|
|
}
|
|
else if (p == 0xFF01)
|
|
{
|
|
return "安徽";
|
|
}
|
|
else if (p == 0xFF02)
|
|
{
|
|
return "江苏";
|
|
}
|
|
else if (p == 0xFF03)
|
|
{
|
|
return "湖南";
|
|
}
|
|
else if (p == 0xFF04)
|
|
{
|
|
return "浙江";
|
|
}
|
|
else if (p == 0xFF05)
|
|
{
|
|
return "河南";
|
|
}
|
|
else if (p == 0xFF06)
|
|
{
|
|
return "郑州";
|
|
}
|
|
else if (p == 0xFF10)
|
|
{
|
|
return "陕西";
|
|
}
|
|
|
|
return "";
|
|
}
|
|
|
|
function loadData() {
|
|
|
|
var line_id = $("#lines").val();
|
|
|
|
var tableResult = $('#tbody-result')[0];
|
|
while (tableResult.rows.length > 0)
|
|
{
|
|
tableResult.deleteRow(tableResult.rows.length - 1);
|
|
}
|
|
|
|
$('#term-cnt').text();
|
|
|
|
var urlTarget = '/rpts/api/queryWs.php';
|
|
var params = {'act': 'list', 'lineId': line_id};
|
|
|
|
$.getJSON(urlTarget, params, function(result) {
|
|
|
|
$('#term-cnt').text("装置数量：" + result.data.length);
|
|
var tableResult = $('#tbody-result')[0];
|
|
|
|
for (var idx = 0; idx < result.data.length; idx++)
|
|
{
|
|
var td1 = idx + 1;
|
|
var td2 = result.data[idx].id;
|
|
var td3 = '<span class="longtext" title="' + result.data[idx].line_name + '">' + result.data[idx].line_name + '</span>';
|
|
var td4 = '<span class="longtext" title="' + result.data[idx].tower_name + '">' + result.data[idx].tower_name + '</span>';
|
|
var td5 = (result.data[idx].display_name == null || result.data[idx].display_name.length == 0) ? result.data[idx].cmdid : result.data[idx].display_name;
|
|
var td6 = ConvertProtocolName(result.data[idx].protocol);
|
|
// var hbDetailUrl = "hb.html?term_id=" + result.data[idx].id + "&cmdid=" + result.data[idx].cmdid + "&st=" + startTime + "&et=" + endTime;
|
|
// var td7 = "<a href=\"" + hbDetailUrl + "\" target=\"_blank\">" + result.data[idx].last_heartbeat + "</a>";
|
|
|
|
if (result.data[idx].last_heartbeat == "1970-01-01 08:00:00") result.data[idx].last_heartbeat = '';
|
|
if (result.data[idx].ws_update_time == "1970-01-01 08:00:00") result.data[idx].ws_update_time = '';
|
|
|
|
var shortHbTime = result.data[idx].last_heartbeat == "" ? '' : result.data[idx].last_heartbeat.substr(5);
|
|
var td7 = '<span title="' + result.data[idx].last_heartbeat + '">' + shortHbTime + '</span>';
|
|
|
|
var shortUpdateTime = result.data[idx].ws_update_time == "" ? '' : result.data[idx].ws_update_time.substr(11);
|
|
|
|
var biDetailUrl = "ws-his.html?term_id=" + result.data[idx].id + "&cmdid=" + result.data[idx].cmdid;
|
|
var td8 = '<a href="' + biDetailUrl + '" target="_blank"><span title="' + result.data[idx].ws_update_time + '">' + shortUpdateTime + "</span></a>";
|
|
var td9 = result.data[idx].battery_voltage;
|
|
var td10 = result.data[idx].op_temperature;
|
|
var td11 = result.data[idx].battery_capacity;
|
|
var td12 = result.data[idx].floating_charge == 0 ? "充电" : "放电";
|
|
var td13 = result.data[idx].total_working_time;
|
|
var td14 = result.data[idx].working_time;
|
|
var td15 = result.data[idx].connection_state == 0 ? '正常' : '断开';
|
|
var td16 = result.data[idx].signal_strength_4g;
|
|
|
|
var tr = AppendTable(tableResult, td1, td2, td3, td4, td5, td6, td7, td8, td9, td10, td11, td12,td13, td14, td15, td16);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
$(document).ready(function(){
|
|
|
|
var urlTarget = '/rpts/api/queryLine.php';
|
|
var params = {};
|
|
|
|
$.getJSON(urlTarget, params, function(result) {
|
|
|
|
for (var idx = 0; idx < result.length; idx++)
|
|
{
|
|
$("#lines").append("<option value='" + result[idx].id + "'>" + result[idx].vname + " - " + result[idx].name + "</option>");
|
|
}
|
|
|
|
});
|
|
|
|
loadData();
|
|
|
|
});
|
|
|
|
$("#lines").on("change", function () {
|
|
loadData();
|
|
});
|
|
|
|
|
|
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>
|