|
|
|
|
|
<!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 id="tbl-result" border="1" borderColorLight="#99ccff" borderColorDark="#FFFFFF" cellpadding="8" cellspacing="0" width="100%">
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>报警编号</td>
|
|
|
|
|
|
<td>装置编号</td>
|
|
|
|
|
|
<td>通道号</td>
|
|
|
|
|
|
<td>预置位</td>
|
|
|
|
|
|
<td>报警时间</td>
|
|
|
|
|
|
<td>照片</td>
|
|
|
|
|
|
<td>报警内容</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
|
|
</table>
|
|
|
|
|
|
<br>
|
|
|
|
|
|
<div id="div-result">
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<br>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
<script language="javascript" type="text/javascript">
|
|
|
|
|
|
<!--
|
|
|
|
|
|
|
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
|
|
loadData();
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
function loadData(startTime, endTime) {
|
|
|
|
|
|
|
|
|
|
|
|
var tableResult = $('#tbl-result')[0];
|
|
|
|
|
|
while (tableResult.rows.length > 1)
|
|
|
|
|
|
{
|
|
|
|
|
|
tableResult.deleteRow(tableResult.rows.length - 1);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var params = null;
|
|
|
|
|
|
var urlTarget = '/rpts/api/queryAIAlarms.php';
|
|
|
|
|
|
|
|
|
|
|
|
$.getJSON(urlTarget, params, function(result) {
|
|
|
|
|
|
|
|
|
|
|
|
var portStr = (location.port == null || location.port == "" || location.port == 80 || location.port == 443) ? "" : (":" + location.port);
|
|
|
|
|
|
for (var idx = 0; idx < result.length; idx++)
|
|
|
|
|
|
{
|
|
|
|
|
|
var td1 = result[idx].id;
|
|
|
|
|
|
var td2 = result[idx].cmdid;
|
|
|
|
|
|
var td3 = result[idx].channel_id;
|
|
|
|
|
|
var td4 = result[idx].preset_id;
|
|
|
|
|
|
var td5 = result[idx].alarm_time;
|
|
|
|
|
|
|
|
|
|
|
|
var imgUrl = location.protocol + "//" + location.hostname + portStr + "/photos/" + result[idx].path;
|
|
|
|
|
|
var td6 = "<a href=\"" + imgUrl + "\" target=\"_blank\"><img src=\"" + imgUrl + "!180x180\" width=\"180\" loading=\"lazy\" /></a>";
|
|
|
|
|
|
|
|
|
|
|
|
var alarm_info = "";
|
|
|
|
|
|
for (var idx2 = 0; idx2 < result[idx].alarm_info.list.length; idx2++)
|
|
|
|
|
|
{
|
|
|
|
|
|
var item = result[idx].alarm_info.list[idx2];
|
|
|
|
|
|
alarm_info += "名称：" + item.nameCn + "<br />";
|
|
|
|
|
|
alarm_info += "Prob：" + item.prob + "<br />";
|
|
|
|
|
|
alarm_info += "Label：" + item.label + "<br />";
|
|
|
|
|
|
alarm_info += "位置：(" + item.x + "," + item.y + ")-" + "(" + item.width + "," + item.height + ")<br />";
|
|
|
|
|
|
}
|
|
|
|
|
|
var td7 = alarm_info;
|
|
|
|
|
|
console.log(alarm_info);
|
|
|
|
|
|
|
|
|
|
|
|
var tr = AppendTable(tableResult, td1, td2, td3, td4, td5, td6, td7);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$(document).ready(function(){
|
|
|
|
|
|
$('#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>
|
