xieshengjie
/
gdhb


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236
							<%@ 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/jqdatagrid.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">
	var wtid = '<s:property value="windturbineid"/>';

		function changeFc(fcId,wtid){
   		var url1 = "../warn/changeFc.action?fcId="+fcId;

   		$.ajax({
			type:"post",
			url:url1,
			dataType:"json",
			success: function(data){
				if(data.length != 0){
					eval(data);
					$("#windturbineid").empty();
					$("#windturbineid").append("<option value=''>请选择</option>"); 
				
					for(var i=0; i<data.length; i++){
						$("#windturbineid").append("<option value='"+data[i].id+"'>"+data[i].name+"</option>"); 
					}
					
				}else{
					$("#windturbineid").append("<option value=''>请选择</option>"); 
					$("#windturbineid").addOption("请选择","");
				}
				
				if(wtid!=null)
					{
						$("#windturbineid").val(wtid);
						wtid=null;
					}
				queryData();
	  		}		
		});
		
		
	}
	function queryData(){
		 if("" == $("#beginDate").val()){
			alert("请选择查询开始日期!");
		}else if("" == $("#endDate").val()){
			alert("请选择查询结束日期!");
		}
		else{
			
			$("#gridTable").jqGrid('GridUnload');	
			showJqGrid();	
		}
	}
	
$(document).ready(function () {
var windfarm = '<s:property value="windfarm"/>';
$("#windturbineid").val('<s:property value="windturbineid"/>'); 
changeFc(windfarm);
//showJqGrid();

});
function showJqGrid() {
			
			var windfarm=$("#windfarm").find("option:selected").val(); 
			var windturbineid=$("#windturbineid").find("option:selected").val(); 
			var beginDate=$("#beginDate").val(); 
			var endDate=$("#endDate").val(); 
var id = 'gridTable';

var url = "<%=request.getContextPath() %>/total/outputspeedhistorylist.action?windfarm=" + windfarm
					+ "&windturbineid=" + windturbineid+ "&beginDate=" + beginDate+ "&endDate=" + endDate;

var datatype = 'json';

var colNames = ['风机', '日期','总小风切入','总大风切入','总小风切出', '总大风切出', '日小风切入','日小风切出',
				'日大风切入','日大风切出',	'月小风切入','月大风切入','月小风切出', '月大风切出',
				'年小风切入','年大风切入','年小风切出','年大风切出'
				];

var colModel = [

{ name: 'windturbineid', index: 'windturbineid', width: 80, align: 'center'},
{ name: 'recorddate', index: 'recorddate', width: 80, align: 'center',formatter:'date',formatoptions:{srcformat: 'Y-m-d H:i:s', newformat: 'Y-m-d'}},
{ name: 'inputsmall', index: 'inputsmall', width: 80, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 2},sorttype: 'int'},
{ name: 'inputbig', index: 'inputbig', width: 80, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 2},sorttype: 'int'},
{ name: 'outputsmall', index: 'outputsmall', width: 80, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 2},sorttype: 'int'},
{ name: 'outputbig', index: 'outputbig', width: 80, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 2},sorttype: 'int'},
{ name: 'dayinputsmall', index: 'dayinputsmall', width: 80, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 2},sorttype: 'int'},
{ name: 'dayoutputsmall', index: 'dayoutputsmall', width: 80, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 2},sorttype: 'int'},
{ name: 'dayinputbig', index: 'dayinputbig', width: 80, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 2},sorttype: 'int'},
{ name: 'dayoutputbig', index: 'dayoutputbig', width: 80, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 2},sorttype: 'int'},
{ name: 'monthinputsmall', index: 'monthinputsmall', width: 80, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 2},sorttype: 'int'},
{ name: 'monthinputbig', index: 'monthinputbig', width: 80, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 2},sorttype: 'int'},
{ name: 'monthoutputsmall', index: 'monthoutputsmall', width: 80, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 2},sorttype: 'int'},
{ name: 'monthoutputbig', index: 'monthoutputbig', width: 80, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 2},sorttype: 'int'},
{ name: 'yearinputsmall', index: 'yearinputsmall', width: 80, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 2},sorttype: 'int'},
{ name: 'yearinputbig', index: 'yearinputbig', width: 80, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 2},sorttype: 'int'},
{ name: 'yearoutputsmall', index: 'yearoutputsmall', width: 80, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 2},sorttype: 'int'},
{ name: 'yearoutputbig', index: 'yearoutputbig', width: 80, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 2},sorttype: 'int'}
];

var caption = '切入切出风速整合历史';


var sortname = 'windturbineid';

var gridPagerID ='gridPager';

var sortorder='desc';

var height='auto';

var width='auto';

var rownumbers=true;

var multiselect=false;

myJqGrid(id, url, datatype, colNames, colModel, caption,  sortname, gridPagerID,sortorder,height,width,
multiselect,rownumbers);}

function goBack() {
		$("#f1").attr("action", "../total/outputspeedindex.action").submit();
	}
</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="/total/outputspeedhistoryindex.action" method="post" id="f1">

<fieldset style="height: 60px" id="fst">
    <legend  class="item_Name">查询条件</legend>
   <table width="1000px" cellpadding="0" cellspacing="0" class="dataform">
	<tr>

		<th width="100px" class="item_Name">
			风场:
		</th>
		<td width="100px" class="item_Name">
			<s:select  list="wps" cssStyle="width:100px" listKey="id" listValue="name" id="windfarm" name="windfarm" headerKey="" headerValue="请选择" onchange="javascript:queryData();"></s:select>
		</td>
		<th width="100px" class="item_Name">
			风机:
		</th>
		<td width="100px" class="item_Name">
			<select
					name="windturbineid" id="windturbineid" onchange="javascript:queryData();">
						<option value="">请选择</option>
			</select>
		</td>
		<th width="100px" class="item_Name">
			开始日期
		</th>
		<td width="100px" style="text-align: left">
			<s:textfield cssClass="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowWeek:true,readOnly:true})" 
			id="beginDate" name="beginDate" title="开始日期" onchange="javascript:queryData();"/>
		</td>
		<th width="100px" class="item_Name">
			结束日期
		</th>
		<td width="100px" style="text-align: left">
			<s:textfield cssClass="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowWeek:true,readOnly:true})" 
			id="endDate" name="endDate" title="结束日期" onchange="javascript:queryData();"/>
		</td>
		<td width="200px" style="text-align: right">
			<input id="backbuttona" type="button" value="返回" onClick="goBack()" />
		</td>
	</tr>
</table>
  </fieldset>

<br/>

<table id='gridTable' >

</table>

<div id='gridPager'></div>
</form>

</body>