<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/taglibs.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="${ctx}/s/jquery-easyui-1.4.3/themes/bootstrap/easyui.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/s/jquery-easyui-1.4.3/themes/icon.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/s/jquery-easyui-1.3.2/themes/frm.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/css/form.css" />
<script type="text/javascript" src="${ctx}/s/jquery-easyui-1.3.2/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="${ctx}/s/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${ctx}/s/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="${ctx}/s/layer/layer.min.js"></script>
<style type="text/css">
table,td,tr {
font-size: 12px;
}
input {
width: 140px;
}
.textbox-text {
padding-top:2px !important;
}
</style>
</head>
<body>
<%@include file="/content/alarm/com_alarm.jsp"%>
<div id="tab" class="easyui-tabs" style="height: 100%" fit="true">
<div title="报警管理" style="padding:3px">
<table id="dg_alarm" toolbar="#tb_alarm"
data-options="
fit: true,
pagePosition: 'bottom',
pagination: true,
rownumbers: true,
singleSelect: true,
fitColumns:true,
pageList: [5, 10, 20, 30, 40, 50],
pageSize: 5">
<thead>
<tr>
<th data-options="field:'id',hidden:true">ID</th>
<th data-options="field:'devCode',align:'center'" width="100">设备编号</th>
<th data-options="field:'devTypeName',align:'center'" width="100">设备类型</th>
<th data-options="field:'pos',align:'center'" width="120">报警位置</th>
<th data-options="
field:'itemValue',align:'center',
formatter : function(value, row, index) {
return supplyWaterBreakage.getDefaultValue(row.itemValue);
}" width="80">噪声幅度值(mg)</th>
<th data-options="
field:'frequency',align:'center',
formatter : function(value, row, index) {
return supplyWaterBreakage.getDefaultValue(row.frequency);
}" width="80">噪声频率值(Hz)</th>
<th data-options="
field:'thresh',align:'center',
formatter : function(value, row, index) {
return supplyWaterBreakage.getDefaultValue(row.thresh);
}" width="80">噪声幅度阈值(mg)</th>
<th data-options="
field:'alarmTime',align:'center',
formatter : function(value, row, index) {
return supplyWaterBreakage.getDefaultValue(row.alarmTime);
}" width="100">报警时间</th>
</tr>
</thead>
</table>
<div id="tb_alarm" style="padding:3px;">
<label>设备编号:</label>
<input class="easyui-textbox" id="devCode_alarm">
<label>开始日期：</label>
<input id="startTime_alarm" editable="false" class="easyui-datebox" style="width:110px">
<label>结束日期：</label>
<input id="endTime_alarm" editable="false" class="easyui-datebox" style="width:110px">
<a href="#" class="easyui-linkbutton" id="alarm_query_btn" iconCls="icon-search">查询</a>
</div>
</div>
<div title="设备列表" style="padding:3px">
<table id="dg_device" toolbar="#tb_device"
data-options="
fit: true,
pagePosition: 'bottom',
pagination: true,
rownumbers: true,
singleSelect: true,
fitColumns:true,
pageList: [5, 10, 20, 30, 40, 50],
pageSize: 5">
<thead>
<tr>
<th data-options="field:'id',hidden:true">ID</th>
<th data-options="field:'devCode',align:'center'" width="100">设备编号</th>
<th data-options="field:'devTypeName',align:'center'" width="100">设备类型</th>
<th data-options="field:'pos',align:'center'" width="200">设备位置</th>
<th data-options="field:'noise',align:'center'" width="80">噪声幅度值(mg)</th>
<th data-options="field:'frequency',align:'center'" width="80">噪声频率值(Hz)</th>
<th data-options="field:'cell',align:'center'" width="80">电量(%)</th>
<th data-options="field:'lastTime',align:'center'" width="100">采集时间</th>
<th data-options="field:'devStatus',align:'center'" width="80">设备状态</th>
<th data-options="field:'concentrator',align:'center'" width="100">关联集中器编号</th>
</tr>
</thead>
</table>
<div id="tb_device" style="height:auto">
<label style="vertical-align: middle;">设备编号:</label>
<input class="easyui-textbox" id="devCode_device">
<a href="#" class="easyui-linkbutton" id="device_query_btn" iconCls="icon-search">查询</a>
<a href="#" class="easyui-linkbutton" id="getStatus_btn" iconCls="icon-search" >信息获取</a>
<a href="#" class="easyui-linkbutton" id="clear_alarm_btn" iconCls="icon-remove" >消除设备异常</a>
</div>
</div>
<div title="数据查看" style="padding:3px">
<div style="height: 10%">
<label>设备编号：</label>
<input id="devCode_chart" class="easyui-textbox" />
<label>开始日期：</label>
<input id="startTime_chart" editable="false" class="easyui-datebox"/>
<label>结束日期：</label>
<input id="endTime_chart" editable="false" class="easyui-datebox"/>
<a class="easyui-linkbutton" iconCls="icon-search" id="chart_query_btn">查询</a>
</div>
<div style="height: 90%">
<iframe id="iframeStatistics" src="" frameborder="0" scrolling="no" width="100%"
height="100%"></iframe>
</div>
</div>
</div>
<div id='Loading' style="position: absolute; z-index: 1000; top: 0px; left: 0px;
width: 100%; height: 100%; background: #ffffff; text-align: center;">
</div>
<input type="hidden" id="context" value="${ctx}"/>
<input type="hidden" id="rsUrl" value="${rsURL}"/>
</body>
</html>
<script type="text/javascript" src="${ctx}/s/alarm/com_ajax.js"></script>
<script type="text/javascript" src="${ctx}/s/alarm/supplyWater-breakage.js"></script>
<script type="text/javascript" src="${ctx}/s/alarm/com_alarm.js"></script>
<script>
parent.comAjax.init();
function closes() {
$("#Loading").fadeOut("normal", function () {
$(this).remove();
});
}
document.onreadystatechange = function() { // 当页面加载状态改变的时候执行这个方法
if (document.readyState == "complete") { // 当页面加载完成之后执行
closes();
parent.IndexJS.expendSouthPanel(250);
}
};
jQuery(document).ready(function(){
comAjax.init();
supplyWaterBreakage.init();
});
function initTab(srcType){
supplyWaterBreakage.init(srcType);
}
</script>
