<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="/pages/includes/taglibs.jsp" %>
<head>
<script type="text/javascript" src="<%=request.getContextPath() %>/resource/js/jquery-1.8.3.js"></script>
<script type="text/ecmascript" src="<%=request.getContextPath() %>/resource/plugin/jqgrid/js/jquery.jqGrid.min.js"></script>
<script type="text/ecmascript" src="<%=request.getContextPath() %>/resource/plugin/jqgrid/js/i18n/grid.locale-cn.js"></script>
<script type="text/ecmascript" src="<%=request.getContextPath()%>/resource/js/system/jqdatagridpage.js"></script>
<script src="<%=request.getContextPath()%>/resource/js/datePicker/WdatePicker.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath() %>/resource/plugin/jqgrid/css/ui.jqgrid.css" />
<style type="text/css">
a{ /* 统一设置所以样式 */
font-family:Arial;
font-size:12px;
text-align:center;
margin:3px;
}
a:link,a:visited{ /* 超链接正常状态、被访问过的样式 */
color:#000000;
padding:4px 10px 4px 10px;
background-color:#f1f1f1;
text-decoration:none;
border-top:1px solid #EEEEEE; /* 边框实现阴影效果 */
border-left:1px solid #EEEEEE;
border-bottom:1px solid #717171;
border-right:1px solid #717171;
}
a:hover{ /* 鼠标指针经过时的超链接 */
color:#821818; /* 改变文字颜色 */
padding:5px 8px 3px 12px; /* 改变文字位置 */
background-color:#e2c4c9; /* 改变背景色 */
border-top:1px solid #717171; /* 边框变换，实现“按下去”的效果 */
border-left:1px solid #717171;
border-bottom:1px solid #EEEEEE;
border-right:1px solid #EEEEEE;
}
fieldset legend {
color:#302A2A;
font: bold 16px/2 Verdana, Geneva, sans-serif;
font-weight: bold;
text-align: left;
text-shadow: 2px 2px 2px rgb(88, 126, 156);
}
</style>
<script type="text/javascript">
function changeFc(fcId){
var url1 = "../warn/changeFc.action?fcId="+fcId;
$.ajax({
type:"post",
url:url1,
dataType:"json",
success: function(data){
if(data.length != 0){
eval(data);
$("#wtId").empty();
$("#wtId").append("<option value=''>请选择</option>");
for(var i=0; i<data.length; i++){
$("#wtId").append("<option value='"+data[i].id+"'>"+data[i].code+"</option>");
}
}else{
$("#wtId").empty();
$("#wtId").append("<option value=''>请选择</option>");
}
queryData();
}
});
}
function queryData(){
var wfId = $("#wfId").val();
var wtId = $("#wtId").val();
var levelId = $("#levelId").val();
var classifyId = $("#classifyId").val();
var warnDesc = $("#warnDesc").val();
var beginDate = $("#beginDate").val();
var endDate = $("#endDate").val();
if("" == beginDate){
alert("请选择查询开始日期!");
}else if("" ==endDate){
alert("请选择查询结束日期!");
}else if(beginDate >endDate){
alert("结束日期不允许小于开始日期!");
}else{
var temp="warnhistoryList.action?beginDate="+beginDate
+"&endDate="+endDate
+"&wfId="+wfId
+"&wtId="+wtId
+"&levelId="+levelId
+"&classifyId="+classifyId
+"&warnDesc="+warnDesc;
var url= encodeURI(encodeURI(temp));
$("#gridTable").setGridParam({url:url}).trigger("reloadGrid");
}
}
function toExcel() {
var wfId = $("#wfId").val();
var wtId = $("#wtId").val();
var levelId = $("#levelId").val();
var classifyId = $("#classifyId").val();
var warnDesc = $("#warnDesc").val();
var beginDate = $("#beginDate").val();
var endDate = $("#endDate").val();
if("" == beginDate){
alert("请选择查询开始日期!");
}else if("" ==endDate){
alert("请选择查询结束日期!");
}else if(beginDate >endDate){
alert("结束日期不允许小于开始日期!");
}else{
var temp="warnhistoryExcel.action?beginDate="+beginDate
+"&endDate="+endDate
+"&wfId="+wfId
+"&wtId="+wtId
+"&levelId="+levelId
+"&classifyId="+classifyId
+"&warnDesc="+warnDesc;
var url= encodeURI(encodeURI(temp));
$('#toexcel').attr('href',url);
}
}
$(document).ready(function () {
showJqGrid();
});
function showJqGrid() {
var wfId = $("#wfId").val();
var wtId = $("#wtId").val();
var levelId = $("#levelId").val();
var classifyId = $("#classifyId").val();
var warnDesc = $("#warnDesc").val();
var beginDate = $("#beginDate").val();
var endDate = $("#endDate").val();
var temp="warnhistoryList.action?beginDate="+beginDate
+"&endDate="+endDate
+"&wfId="+wfId
+"&wtId="+wtId
+"&levelId="+levelId
+"&classifyId="+classifyId
+"&warnDesc="+warnDesc;
var url= encodeURI(encodeURI(temp));
var id = 'gridTable';
var datatype = 'json';
var colNames = ['场站', '编号', '机组','报警时间','报警描述','报警类别','报警等级'];
var colModel = [
{ name: 'wfName', index: 'wfName', width: 200, align: 'center'},
{ name: 'wtName', index: 'wtName', width: 100, align: 'center',hidden : true},
{ name: 'code', index: 'code', width: 100, align: 'center'},
{ name: 'warningtime', index: 'warningtime', width: 250, align: 'center'},
{ name: 'warnDesc', index: 'warnDesc', width: 250, align: 'center'},
{ name: 'className', index: 'className', width: 250, align: 'center'},
{ name: 'levelNum', index: 'levelNum', width: 250, align: 'center'}
];
var caption = 'SCADA报警查询';
var sortname = 'warningtime';
var gridPagerID ='gridPager';
var sortorder='desc';
var height='610';
var width='1610';
var rownumbers=true;
var multiselect=false;
myJqGrid(id, url, datatype, colNames, colModel, caption, sortname, gridPagerID,sortorder,height,width,
multiselect,rownumbers);
}
</script>
<style type="text/css">
fieldset legend {
color:#302A2A;
font: bold 16px/2 Verdana, Geneva, sans-serif;
font-weight: bold;
text-align: left;
text-shadow: 2px 2px 2px rgb(88, 126, 156);
}
</style>
</head>
<body>
<form action="fittingtopindex.action" method="post" id="f1">
<fieldset style="height: 100px;width: 1580px" id="fst">
<legend class="item_Name">查询条件</legend>
<table class="dataform">
<tr>
<th width="5%" class="item_Name">
场站:
</th>
<td width="15%" >
<s:select list="wps" listKey="id" listValue="name" id="wfId" name="wfId" headerKey="" headerValue="请选择" onchange="javascript:changeFc(this.value);" ></s:select>
</td>
<th width="5%" class="item_Name">
机组:
</th>
<td width="15%">
<select name="wtId" id="wtId" onchange="queryData();">
<option value="">请选择</option>
</select>
</td>
<th width="5%" class="item_Name">
描述:
</th>
<td width="10%">
<s:textfield id="warnDesc" name="warnDesc" title="描述" onchange="queryData();"/>
</td>
<th width="5%" class="item_Name" style="visibility:hidden" >
等级:
</th>
<td width="10%" style="visibility:hidden" >
<select name="levelId" id="levelId" onchange="queryData();">
<option value="">请选择</option>
<option value="1">一级</option>
<option value="2">二级</option>
<option value="3">三级</option>
<option value="4">四级</option>
<option value="5">五级</option>
</select>
</td>
</tr>
<tr>
<th width="5%" class="item_Name">
分类:
</th>
<td width="15%" >
<s:select list="wss" listKey="id" listValue="name" id="classifyId" name="classifyId" headerKey="" headerValue="请选择" onchange="queryData();" ></s:select>
</td>
<th width="5%" class="item_Name">
开始日期
</th>
<td width="10%" style="text-align: left">
<s:textfield cssClass="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowWeek:true,readOnly:true})"
id="beginDate" name="beginDate" title="开始日期" onchange="queryData();"/>
</td>
<th width="5%" class="item_Name">
结束日期
</th>
<td width="10%" style="text-align: left">
<s:textfield cssClass="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowWeek:true,readOnly:true})"
id="endDate" name="endDate" title="结束日期" onchange="queryData();"/>
</td>
<td width="10%" style="text-align: right">
<a href="#" onclick="javascript:toExcel();" id="toexcel">导出</a>
</td>
<td width="40%"></td>
</tr>
</table>
</fieldset>
<br/>
<table id='gridTable' height="100%">
</table>
<div id='gridPager'></div>
</form>
</body>