xieshengjie
/
gdsx


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
							<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="/pages/includes/taglibs.jsp"%>
<head>
</head>
<body>
<script src="<%=request.getContextPath()%>/resource/js/jquery-1.8.3.js"></script>
<script src="<%=request.getContextPath()%>/resource/plugin/jqgrid/js/jquery.jqGrid.min.js"></script>
<script src="<%=request.getContextPath()%>/resource/plugin/jqgrid/js/i18n/grid.locale-cn.js"></script>
<script src="<%=request.getContextPath()%>/resource/js/system/jqdatagridpage.js"></script>
<script src="<%=request.getContextPath()%>/resource/js/datePicker/WdatePicker.js"></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">
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">
// 加载jqgrid表格
function showJqGrid(){
	jQuery("#gridTable").jqGrid({
	   	url:'wtstatuslist.action',
// 	   	postData:$("#f1").serialize(),
		serializeGridData : function(postdata) {
// 			console.log(postdata);
			var param = {};
			param.page = postdata.page;
			param.pageSize = postdata.pageSize;
			param.startDate = $("#startDate").val();
			param.endDate = $("#endDate").val();
			param.staId = $("#wfId").val();
			return param;
		},
	   	datastr: 'data.json',
		datatype: "json",
	   	colNames:['场站','风机编号','停机时间','启机时间','持续小时','损失电量'],
	   	colModel:[
			{ name: 'wpName', index: 'wpName', width: 200, align: 'center'},
			{ name: 'wtName', index: 'wpName', width: 200, align: 'center'},
			{ name: 'stopTime', index: 'stopTime', width: 200, align: 'center'},
			{ name: 'startTime', index: 'startTime', width: 200, align: 'center'},
			{ name: 'stopHours', index: 'stopHours', width: 200, align: 'center'},
			{ name: 'lossPower', index: 'lossPower', width: 200, align: 'center'},
	   	],
	   	rowNum:20,
	   	rowList:[20],
	   	pager: '#gridPager',
	   	height:670,
		width:1610,
	    viewrecords: true,
	    autowidth: true,
	    sortorder: "desc",
	    caption: "风机离线记录列表",
	    jsonReader: {
			root: "list",
			total: "pagecount",
			page: "page",
			records: "total",
			repeatitems: false
	    },
		prmNames: {
			page: 'page',
			rows: 'pageSize'
		}
		
	});
}

function queryList(page){
	var url = "wtstatuslist.action?pageSize=20";
	$("#gridTable").setGridParam({
	}).trigger("reloadGrid");
}
$(function(){
	showJqGrid();
});
</script>
	<fieldset id="fst">
		<form action="wtstatuslist.action" method="post" id="f1">
		<legend class="item_Name">查询条件</legend>
		<table width="1000px" cellpadding="0" cellspacing="0" class="dataform">
			<tr>
				<td width="50px">场站：</td>
				<td width="200px">
					<s:select list="windpowers" cssStyle="width:173px;" listKey="id" listValue="name" id="wfId" name="wfId" headerKey="" headerValue="全部"></s:select> 
					<input type="text" id="wfIdQ" value="${wfIdQ}" style="display: none" /></td>
				<td style="width: 50px;">日期:</td>
				<td width="400px">
					<s:textfield cssClass="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',readOnly:true})" id="startDate" name="startDate" title="日期" >
						<s:param name="value">
		         			<s:date name="startDate" format="yyyy-MM-dd HH:mm:ss"/>
						</s:param>
					</s:textfield> 
					<s:textfield cssClass="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',readOnly:true})" id="startDateQ" name="startDateQ" title="日期" style="display: none" />
					到
					<s:textfield cssClass="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',readOnly:true})" id="endDate" name="endDate" title="日期" >
						<s:param name="value">
		         			<s:date name="endDate" format="yyyy-MM-dd HH:mm:ss"/>
						</s:param>
					</s:textfield> 
					<s:textfield cssClass="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',readOnly:true})" id="endDateQ" name="endDateQ" title="日期" style="display: none" />
				</td>
				<td style="padding-left: 50px;">
					<input type="button" class="button" onclick="javascript:queryList();" value="查询" /> 
					<input type="button" class="button" onclick="javascript:queryClear();" value="清空" />
				</td>
			</tr>
		</table>
		</form>
	</fieldset>

	<br />
	<table id='gridTable'></table>
	<div id='gridPager'></div>
</body>