|
|
@@ -1,238 +1,238 @@
|
|
|
-<%@ 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 queryData(){
|
|
|
- var wfId = $("#wfId").val();
|
|
|
- var isconfirmed = $("#isconfirmed").val();
|
|
|
- var category1 = $("#category1").val();
|
|
|
- var category2 = $("#category2").val();
|
|
|
- var beginDate = $("#beginDate").val();
|
|
|
- var endDate = $("#endDate").val();
|
|
|
- if("" == beginDate){
|
|
|
- alert("请选择查询开始日期!");
|
|
|
- }else if("" ==endDate){
|
|
|
- alert("请选择查询结束日期!");
|
|
|
- }else if(beginDate >endDate){
|
|
|
- alert("结束日期不允许小于开始日期!");
|
|
|
- }else{
|
|
|
-
|
|
|
-
|
|
|
- var temp="runningAlertList.action?beginDate="+beginDate
|
|
|
- +"&endDate="+endDate
|
|
|
- +"&wfId="+wfId
|
|
|
- +"&isconfirmed="+isconfirmed
|
|
|
- +"&category1="+category1
|
|
|
- +"&category2="+category2;
|
|
|
- var url= encodeURI(encodeURI(temp));
|
|
|
- $("#gridTable").setGridParam({url:url}).trigger("reloadGrid");
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- function changeType(category1){
|
|
|
- if(category1!='' && category1!=null ){
|
|
|
- var url = "changeBJLXAjax.action?category1="+category1;
|
|
|
- $.ajax({
|
|
|
- type:"post",
|
|
|
- url:url,
|
|
|
- dataType:"json",
|
|
|
- success: function(data){
|
|
|
- if(data.length != 0){
|
|
|
- eval(data);
|
|
|
- $("#category2").empty();
|
|
|
- $("#category2").append("<option value=''>请选择</option>");
|
|
|
- for(var i=0; i<data.length; i++){
|
|
|
- $("#category2").append("<option value='"+data[i].code+"'>"+data[i].name+"</option>");
|
|
|
- }
|
|
|
- }else{
|
|
|
- $("#category2").empty();
|
|
|
- $("#category2").append("<option value=''>请选择</option>");
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
-$(document).ready(function () {
|
|
|
-
|
|
|
-showJqGrid();
|
|
|
-
|
|
|
-});
|
|
|
-function showJqGrid() {
|
|
|
- var wfId = $("#wfId").val();
|
|
|
-// var isconfirmed = '${isconfirmed}';
|
|
|
- var category1 = '${category1}';
|
|
|
- var category2 = '${category2}';
|
|
|
- var beginDate = $("#beginDate").val();
|
|
|
- var endDate = $("#endDate").val();
|
|
|
-
|
|
|
- var temp="runningAlertList.action?beginDate="+beginDate
|
|
|
- +"&endDate="+endDate
|
|
|
- +"&wfId="+wfId
|
|
|
-// +"&isconfirmed="+isconfirmed
|
|
|
- +"&category1="+category1
|
|
|
- +"&category2="+category2;
|
|
|
-var url= encodeURI(encodeURI(temp));
|
|
|
-var id = 'gridTable';
|
|
|
-
|
|
|
-
|
|
|
-var datatype = 'json';
|
|
|
-
|
|
|
-var colNames = ['场站名称', '工程名称','线路名称','风机名称','报警描述','报警时间'
|
|
|
- ,'分类1','分类2','报警级别','是否报警','确认时间'];
|
|
|
-var colModel = [
|
|
|
-{ name: 'stationname', index: 'stationname', width: 120, align: 'center'},
|
|
|
-{ name: 'projectname', index: 'projectname', width: 80, align: 'center'},
|
|
|
-{ name: 'linename', index: 'linename', width: 80, align: 'center'},
|
|
|
-{ name: 'windturbinename', index: 'windturbinename', width: 100, align: 'center'},
|
|
|
-{ name: 'alerttext', index: 'alerttext', width: 240, align: 'center'},
|
|
|
-{ name: 'lastupdatetime', index: 'lastupdatetime', width: 120, align: 'center'},
|
|
|
-{ name: 'category1', index: 'category1', width: 80, align: 'center'},
|
|
|
-{ name: 'category2', index: 'category2', width: 80, align: 'center'},
|
|
|
-{ name: 'rank', index: 'rank', width: 60, align: 'center'},
|
|
|
-{ name: 'isopened', index: 'isopened', width: 60, align: 'center'},
|
|
|
-// { name: 'isconfirmed', index: 'isconfirmed', width: 60, align: 'center'},
|
|
|
-{ name: 'confirmtime', index: 'confirmtime', width: 120, align: 'center'}
|
|
|
-];
|
|
|
-
|
|
|
-var caption = '报警列表';
|
|
|
-
|
|
|
-var sortname = 'lastupdatetime';
|
|
|
-
|
|
|
-var gridPagerID ='gridPager';
|
|
|
-
|
|
|
-var sortorder='desc';
|
|
|
-
|
|
|
-var height='650';
|
|
|
-
|
|
|
-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>
|
|
|
-
|
|
|
-<fieldset style="height: 80px;width: 1580px" id="fst">
|
|
|
- <legend class="item_Name">查询条件</legend>
|
|
|
- <table class="dataform">
|
|
|
- <tr>
|
|
|
- <th width="100" class="item_Name">
|
|
|
- 场站:
|
|
|
- </th>
|
|
|
- <td width="120" >
|
|
|
- <s:select list="wps" listKey="id" listValue="name" id="wfId" name="wfId" headerKey="" headerValue="请选择" onchange="queryData();" ></s:select>
|
|
|
- </td>
|
|
|
- <th width="100" class="item_Name">
|
|
|
- 报警类型:
|
|
|
- </th>
|
|
|
- <td width="120" >
|
|
|
- <select name="category1" id="category1" style="width:100" onchange="javascript:changeType(this.value);">
|
|
|
- <option value="">请选择</option>
|
|
|
- <option value="windturbine">风机报警</option>
|
|
|
- <option value="SYZ">升压站报警</option>
|
|
|
- <option value="custom">自定义报警</option>
|
|
|
- </select>
|
|
|
- </td>
|
|
|
- <th width="100" class="item_Name">
|
|
|
- 报警类别:
|
|
|
- </th>
|
|
|
- <td width="120" >
|
|
|
- <select name="category2" id="category2" style="width:100" onchange="javascript:queryData();">
|
|
|
- <option value="">请选择</option>
|
|
|
- </select>
|
|
|
- </td>
|
|
|
-<!-- <th width="100" class="item_Name"> -->
|
|
|
-<!-- 是否确认: -->
|
|
|
-<!-- </th> -->
|
|
|
-<!-- <td width="120" > -->
|
|
|
-<!-- <select name="isconfirmed" id="isconfirmed" style="width:100" onchange="javascript:queryData();"> -->
|
|
|
-<!-- <option value="">请选择</option> -->
|
|
|
-<!-- <option value="1">已确认</option> -->
|
|
|
-<!-- <option value="0">未确认</option> -->
|
|
|
-<!-- </select> -->
|
|
|
-<!-- </td> -->
|
|
|
- <td width="80" style="text-align: right">
|
|
|
- <a href="#" onclick="javascript:queryData();" id="toexcel">查询</a>
|
|
|
- </td>
|
|
|
- <td></td>
|
|
|
- </tr>
|
|
|
-</table>
|
|
|
-</fieldset>
|
|
|
-
|
|
|
-<br/>
|
|
|
-
|
|
|
-<table id='gridTable' height="100%">
|
|
|
-
|
|
|
-</table>
|
|
|
-
|
|
|
-<div id='gridPager'></div>
|
|
|
-
|
|
|
-
|
|
|
-</body>
|
|
|
-
|
|
|
+<%@ 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 queryData(){
|
|
|
+ var wfId = $("#wfId").val();
|
|
|
+ var isconfirmed = $("#isconfirmed").val();
|
|
|
+ var category1 = $("#category1").val();
|
|
|
+ var category2 = $("#category2").val();
|
|
|
+ var beginDate = $("#beginDate").val();
|
|
|
+ var endDate = $("#endDate").val();
|
|
|
+ if("" == beginDate){
|
|
|
+ alert("请选择查询开始日期!");
|
|
|
+ }else if("" ==endDate){
|
|
|
+ alert("请选择查询结束日期!");
|
|
|
+ }else if(beginDate >endDate){
|
|
|
+ alert("结束日期不允许小于开始日期!");
|
|
|
+ }else{
|
|
|
+
|
|
|
+
|
|
|
+ var temp="runningAlertList.action?beginDate="+beginDate
|
|
|
+ +"&endDate="+endDate
|
|
|
+ +"&wfId="+wfId
|
|
|
+ +"&isconfirmed="+isconfirmed
|
|
|
+ +"&category1="+category1
|
|
|
+ +"&category2="+category2;
|
|
|
+ var url= encodeURI(encodeURI(temp));
|
|
|
+ $("#gridTable").setGridParam({url:url}).trigger("reloadGrid");
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function changeType(category1){
|
|
|
+ if(category1!='' && category1!=null ){
|
|
|
+ var url = "changeBJLXAjax.action?category1="+category1;
|
|
|
+ $.ajax({
|
|
|
+ type:"post",
|
|
|
+ url:url,
|
|
|
+ dataType:"json",
|
|
|
+ success: function(data){
|
|
|
+ if(data.length != 0){
|
|
|
+ eval(data);
|
|
|
+ $("#category2").empty();
|
|
|
+ $("#category2").append("<option value=''>请选择</option>");
|
|
|
+ for(var i=0; i<data.length; i++){
|
|
|
+ $("#category2").append("<option value='"+data[i].code+"'>"+data[i].name+"</option>");
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ $("#category2").empty();
|
|
|
+ $("#category2").append("<option value=''>请选择</option>");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+$(document).ready(function () {
|
|
|
+
|
|
|
+showJqGrid();
|
|
|
+
|
|
|
+});
|
|
|
+function showJqGrid() {
|
|
|
+ var wfId = $("#wfId").val();
|
|
|
+// var isconfirmed = '${isconfirmed}';
|
|
|
+ var category1 = '${category1}';
|
|
|
+ var category2 = '${category2}';
|
|
|
+ var beginDate = $("#beginDate").val();
|
|
|
+ var endDate = $("#endDate").val();
|
|
|
+
|
|
|
+ var temp="runningAlertList.action?beginDate="+beginDate
|
|
|
+ +"&endDate="+endDate
|
|
|
+ +"&wfId="+wfId
|
|
|
+// +"&isconfirmed="+isconfirmed
|
|
|
+ +"&category1="+category1
|
|
|
+ +"&category2="+category2;
|
|
|
+var url= encodeURI(encodeURI(temp));
|
|
|
+var id = 'gridTable';
|
|
|
+
|
|
|
+
|
|
|
+var datatype = 'json';
|
|
|
+
|
|
|
+var colNames = ['场站名称', '工程名称','线路名称','风机名称','报警描述','报警时间'
|
|
|
+ ,'分类1','分类2','报警级别','是否报警','确认时间'];
|
|
|
+var colModel = [
|
|
|
+{ name: 'stationname', index: 'stationname', width: 120, align: 'center'},
|
|
|
+{ name: 'projectname', index: 'projectname', width: 80, align: 'center'},
|
|
|
+{ name: 'linename', index: 'linename', width: 80, align: 'center'},
|
|
|
+{ name: 'windturbinename', index: 'windturbinename', width: 100, align: 'center'},
|
|
|
+{ name: 'alerttext', index: 'alerttext', width: 240, align: 'center'},
|
|
|
+{ name: 'lastupdatetime', index: 'lastupdatetime', width: 120, align: 'center'},
|
|
|
+{ name: 'category1', index: 'category1', width: 80, align: 'center'},
|
|
|
+{ name: 'category2', index: 'category2', width: 80, align: 'center'},
|
|
|
+{ name: 'rank', index: 'rank', width: 60, align: 'center'},
|
|
|
+{ name: 'isopened', index: 'isopened', width: 60, align: 'center'},
|
|
|
+// { name: 'isconfirmed', index: 'isconfirmed', width: 60, align: 'center'},
|
|
|
+{ name: 'confirmtime', index: 'confirmtime', width: 120, align: 'center'}
|
|
|
+];
|
|
|
+
|
|
|
+var caption = '报警列表';
|
|
|
+
|
|
|
+var sortname = 'lastupdatetime';
|
|
|
+
|
|
|
+var gridPagerID ='gridPager';
|
|
|
+
|
|
|
+var sortorder='desc';
|
|
|
+
|
|
|
+var height='650';
|
|
|
+
|
|
|
+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>
|
|
|
+
|
|
|
+<fieldset style="height: 80px;width: 1580px" id="fst">
|
|
|
+ <legend class="item_Name">查询条件</legend>
|
|
|
+ <table class="dataform">
|
|
|
+ <tr>
|
|
|
+ <th width="100" class="item_Name">
|
|
|
+ 场站:
|
|
|
+ </th>
|
|
|
+ <td width="120" >
|
|
|
+ <s:select list="wps" listKey="id" listValue="name" id="wfId" name="wfId" headerKey="" headerValue="请选择" onchange="queryData();" ></s:select>
|
|
|
+ </td>
|
|
|
+ <th width="100" class="item_Name">
|
|
|
+ 报警类型:
|
|
|
+ </th>
|
|
|
+ <td width="120" >
|
|
|
+ <select name="category1" id="category1" style="width:100" onchange="javascript:changeType(this.value);">
|
|
|
+ <option value="">请选择</option>
|
|
|
+ <option value="windturbine">风机报警</option>
|
|
|
+ <option value="SYZ">升压站报警</option>
|
|
|
+ <option value="custom">自定义报警</option>
|
|
|
+ </select>
|
|
|
+ </td>
|
|
|
+ <th width="100" class="item_Name">
|
|
|
+ 报警类别:
|
|
|
+ </th>
|
|
|
+ <td width="120" >
|
|
|
+ <select name="category2" id="category2" style="width:100" onchange="javascript:queryData();">
|
|
|
+ <option value="">请选择</option>
|
|
|
+ </select>
|
|
|
+ </td>
|
|
|
+<!-- <th width="100" class="item_Name"> -->
|
|
|
+<!-- 是否确认: -->
|
|
|
+<!-- </th> -->
|
|
|
+<!-- <td width="120" > -->
|
|
|
+<!-- <select name="isconfirmed" id="isconfirmed" style="width:100" onchange="javascript:queryData();"> -->
|
|
|
+<!-- <option value="">请选择</option> -->
|
|
|
+<!-- <option value="1">已确认</option> -->
|
|
|
+<!-- <option value="0">未确认</option> -->
|
|
|
+<!-- </select> -->
|
|
|
+<!-- </td> -->
|
|
|
+ <td width="80" style="text-align: right">
|
|
|
+ <a href="#" onclick="javascript:queryData();" id="toexcel">查询</a>
|
|
|
+ </td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+</table>
|
|
|
+</fieldset>
|
|
|
+
|
|
|
+<br/>
|
|
|
+
|
|
|
+<table id='gridTable' height="100%">
|
|
|
+
|
|
|
+</table>
|
|
|
+
|
|
|
+<div id='gridPager'></div>
|
|
|
+
|
|
|
+
|
|
|
+</body>
|
|
|
+
|
