xieshengjie
/
gdhb


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
							<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="/pages/includes/taglibs.jsp" %>
<head>
<link href="<%=request.getContextPath() %>/resource/css/hbsj/index.css" rel="stylesheet" type="text/css" />

	<script type='text/javascript' src='<%=request.getContextPath() %>/resource/js/jquery-1.8.3.js'></script>


	<script type="text/javascript"
		src="<%=request.getContextPath()%>/resource/plugin/highslide/highslide-with-html.js">
	</script>
	<link rel="stylesheet" type="text/css"
		href="<%=request.getContextPath()%>/resource/plugin/highslide/highslide.css" />
	<script
		src="<%=request.getContextPath()%>/resource/js/highcharts/highcharts.src.js"
		type="text/javascript">
       </script>
	<script
		src="<%=request.getContextPath()%>/resource/js/highcharts/highcharts-more.js">
	</script>
	<script
		src="<%=request.getContextPath()%>/resource/js/highcharts/modules/solid-gauge.src.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>
	<link rel="stylesheet" type="text/css"
		href="<%=request.getContextPath()%>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css" />
    <script type='text/javascript' src='<%=request.getContextPath() %>/pages/apdata/historypower.js'></script>
	<script src="<%=request.getContextPath()%>/resource/js/datePicker/WdatePicker.js" type="text/javascript"></script>
<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() {
	var bch = document.documentElement.clientHeight;
	var h = bch-60;
	$("#container1").css("height", h - 60);
	$("#wpId").val('<s:property  value="wpId"/>');
	$("#period").val('<s:property  value="period"/>')
	apdata();
});

function queryData() {
	apdata();
}

</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>
<fieldset style="height: 60px" id="fst">
   <legend class="item_Name">查询条件</legend>
   <table width="1200px" cellpadding="0" cellspacing="0" class="dataform">
	<tr>
		<th width="100px" class="item_Name">
			风场:
		</th>
		<td width="120px" class="item_Name">
			<s:select list="wps" cssStyle="width:120px;cursor:pointer;" listKey="id" listValue="name" id="wpId" name="wpId" headerKey="0" headerValue="所有风场"></s:select>
		</td>
		<th width="100px" class="item_Name">
			开始时间
		</th>
		<td width="100px" style="text-align: left">
			<!-- 因为状态监视中功率预测曲线时间间隔为半小时 因此此处只能选择半小时和前者一致 -->
			<s:textfield style="cursor:pointer;" cssClass="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:00',isShowWeek:true,readOnly:true,
			disabledDates:[
			'....-..-.. ..\:05\:00',
			'....-..-.. ..\:10\:00',
			'....-..-.. ..\:15\:00',
			'....-..-.. ..\:20\:00',
			'....-..-.. ..\:25\:00',
			'....-..-.. ..\:35\:00',
			'....-..-.. ..\:40\:00',
			'....-..-.. ..\:45\:00',
			'....-..-.. ..\:50\:00',
			'....-..-.. ..\:55\:00'
			]})"
			id="beginDate" value='<s:date name="beginDate" format="yyyy-MM-dd HH:mm:00" />' title="开始日期">
				<s:param name="value">
         			<s:date name="beginDate" format="yyyy-MM-dd HH:mm:00"/>
				</s:param>
			</s:textfield>
		</td>
		<th width="100px" class="item_Name">
			结束时间
		</th>
		<td width="100px" style="text-align: left">
			<s:textfield style="cursor:pointer;" cssClass="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:00',maxDate:'%y-%M-%d %H:%m:00',isShowWeek:true,readOnly:true,
			disabledDates:[
			'....-..-.. ..\:05\:00',
			'....-..-.. ..\:10\:00',
			'....-..-.. ..\:15\:00',
			'....-..-.. ..\:20\:00',
			'....-..-.. ..\:25\:00',
			'....-..-.. ..\:35\:00',
			'....-..-.. ..\:40\:00',
			'....-..-.. ..\:45\:00',
			'....-..-.. ..\:50\:00',
			'....-..-.. ..\:55\:00'
			]})" 
			id="endDate" title="结束日期">
				<s:param name="value">
         			<s:date name="endDate" format="yyyy-MM-dd HH:mm:00"/>
				</s:param>
			</s:textfield>
		</td>
		<th width="100px" class="item_Name">
			时间间隔:
		</th>
		<td width="100px"  style="text-align: left">
			<!-- 因为风功率预测点 时间间隔为15分钟 因此设置为最小时间间隔 -->
			<select id="period" name="period" style="cursor:pointer;">
				<option value="">请选择</option>
				<option value="900">15分钟</option>
				<option value="1800">30分钟</option>
				<option value="3600">1小时</option>
				<option value="7200">2小时</option>
			<select>
		</td>
		<td width="100px" style="text-align: left">
			<a href="#" onclick="javascript:queryData();">查询</a>
		</td>
	</tr>
</table>
</fieldset>
<fieldset>
<legend  class="item_Name">功率曲线</legend>
<div id="container1" style="height: 600px;"></div>
</div>
</fieldset>
</form>

</body>