xieshengjie
/
gdsx


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772
							<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="/pages/includes/taglibs.jsp"%>

<head>
<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath() %>/resource/plugin/jqgrid/css/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css"	href="<%=request.getContextPath()%>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css" />
<script src="<%=request.getContextPath() %>/resource/js/jquery-1.8.3.js" type="text/javascript"></script>
<script src="<%=request.getContextPath() %>/resource/plugin/jqueryui/js/jquery-ui-1.9.2.custom.js" type="text/javascript"></script>
<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 src="<%=request.getContextPath()%>/resource/js/datePicker/WdatePicker.js" type="text/javascript"></script>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>单机日性能分析</title>
<style type="text/css">
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.Text {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333;
}
</style>

<script type="text/javascript">
	var chart1;
var chart2;
var chart3;
var chart4;
var chart5;
var chart6;

var options1;
var options2;
var options3;
var options4;
var options5;
var options6;
	Highcharts.setOptions({
	global : {
		useUTC : false
	}
});
String.prototype.endWith=function(oString){  
	var reg=new RegExp(oString+"$");  
	return reg.test(this);
	}


$(document).ready(function(){

	 
	options1 = {
		 chart: {
		 	renderTo : 'rzdfs',
		 	height:300,width:480,
	        polar: true,
	        type: 'area'
	    },
	    
	    title: {
	        text: '',
	        x: 0
	    },
	    
	    pane: {
	    	size: '70%'
	    },
	    
	    xAxis: {
	        categories: ['北', '北北东', '北东', '东北东','东', '东南东',
						'南东', '南南东', '南','南南西', '南西',
						'西南西', '西', '西北西', '北西','北北西'
			],
	        tickmarkPlacement: 'on',
	        lineWidth: 0
	    },
	        
	    yAxis: {
	        gridLineInterpolation: 'polygon',
	        lineWidth: 0,
	        min: 0
	    },
	    
	    tooltip: {
	    	shared: true,
	        pointFormat: '<span style="color:{series.color}"> <b>{point.y:,.0f}</b><br/>'
	    },
	   
	    
	    series: [{
	        name: 'name1',
	        data: [],
	        pointPlacement: 'on'
	    }]
	}
	/*******************************************************************/
	options2 = {
		 chart: {
		 	renderTo : 'yzdfs',
		 	height:300,width:480,
	        polar: true,
	        type: 'area'
	    },
	    
	    title: {
	        text: '',
	        x: 0
	    },
	    
	    pane: {
	    	size: '70%'
	    },
	    
	    xAxis: {
	        categories:  ['北', '北北东', '北东', '东北东','东', '东南东',
						'南东', '南南东', '南','南南西', '南西',
						'西南西', '西', '西北西', '北西','北北西'
			],
	        tickmarkPlacement: 'on',
	        lineWidth: 0
	    },
	        
	    yAxis: {
	        gridLineInterpolation: 'polygon',
	        lineWidth: 0,
	        min: 0
	    },
	    
	    tooltip: {
	    	shared: true,
	        pointFormat: '<span style="color:{series.color}"> <b>{point.y:,.0f}</b><br/>'
	    },
	   
	    
	    series: [{
	        name: 'name1',
	        data: [],
	        pointPlacement: 'on'
	    }]
	}
	/*******************************************************************/
	options3 = {
		 chart: {
		 	renderTo : 'nzdfs',
		 	height:300,width:480,
	        polar: true,
	        type: 'area'
	    },
	    
	    title: {
	        text: '',
	        x: 0
	    },
	    
	    pane: {
	    	size: '70%'
	    },
	    
	    xAxis: {
	        categories:  ['北', '北北东', '北东', '东北东','东', '东南东',
						'南东', '南南东', '南','南南西', '南西',
						'西南西', '西', '西北西', '北西','北北西'
			],
	        tickmarkPlacement: 'on',
	        lineWidth: 0
	    },
	        
	    yAxis: {
	        gridLineInterpolation: 'polygon',
	        lineWidth: 0,
	        min: 0
	    },
	    
	    tooltip: {
	    	shared: true,
	        pointFormat: '<span style="color:{series.color}"> <b>{point.y:,.0f}</b><br/>'
	    },
	   
	    
	    series: [{
	        name: 'name1',
	        data: [],
	        pointPlacement: 'on'
	    }]
	}
	/*******************************************************************/
	options4 = {
		 chart: {
		 	renderTo : 'rfxpl',
		 	height:300,width:480,
	        polar: true,
	        type: 'area'
	    },
	    
	    title: {
	        text: '',
	        x: 0
	    },
	    
	    pane: {
	    	size: '70%'
	    },
	    
	    xAxis: {
	        categories:  ['北', '北北东', '北东', '东北东','东', '东南东',
						'南东', '南南东', '南','南南西', '南西',
						'西南西', '西', '西北西', '北西','北北西'
			],
	        tickmarkPlacement: 'on',
	        lineWidth: 0
	    },
	        
	    yAxis: {
	        gridLineInterpolation: 'polygon',
	        lineWidth: 0,
	        min: 0
	    },
	    
	    tooltip: {
	    	shared: true,
	        pointFormat: '<span style="color:{series.color}"> <b>{point.y:,.0f}</b><br/>'
	    },
	   
	    
	    series: [{
	        name: 'name1',
	        data: [],
	        pointPlacement: 'on'
	    }]
	}
	/*******************************************************************/
	options5 = {
		 chart: {
		 	renderTo : 'yfxpl',
		 	height:300,width:480,
	        polar: true,
	        type: 'area'
	    },
	    
	    title: {
	        text: '',
	        x: 0
	    },
	    
	    pane: {
	    	size: '70%'
	    },
	    
	    xAxis: {
	        categories:  ['北', '北北东', '北东', '东北东','东', '东南东',
						'南东', '南南东', '南','南南西', '南西',
						'西南西', '西', '西北西', '北西','北北西'
			],
	        tickmarkPlacement: 'on',
	        lineWidth: 0
	    },
	        
	    yAxis: {
	        gridLineInterpolation: 'polygon',
	        lineWidth: 0,
	        min: 0
	    },
	    
	    tooltip: {
	    	shared: true,
	        pointFormat: '<span style="color:{series.color}"> <b>{point.y:,.0f}</b><br/>'
	    },
	   
	    
	    series: [{
	        name: 'name1',
	        data: [],
	        pointPlacement: 'on'
	    }]
	}
	/*******************************************************************/
	options6 = {
		 chart: {
		 	renderTo : 'nfxpl',
		 	height:300,width:480,
	        polar: true,
	        type: 'area'
	    },
	    
	    title: {
	        text: '',
	        x: 0
	    },
	    
	    pane: {
	    	size: '70%'
	    },
	    
	    xAxis: {
	        categories:  ['北', '北北东', '北东', '东北东','东', '东南东',
						'南东', '南南东', '南','南南西', '南西',
						'西南西', '西', '西北西', '北西','北北西'
			],
	        tickmarkPlacement: 'on',
	        lineWidth: 0
	    },
	        
	    yAxis: {
	        gridLineInterpolation: 'polygon',
	        lineWidth: 0,
	        min: 0
	    },
	    
	    tooltip: {
	    	shared: true,
	        pointFormat: '<span style="color:{series.color}"> <b>{point.y:,.0f}</b><br/>'
	    },
	   
	    
	    series: [{
	        name: 'name1',
	        data: [],
	        pointPlacement: 'on'
	    }]
	}
	/*******************************************************************/
	
  			chart1 = new Highcharts.Chart(options1);
			chart2 = new Highcharts.Chart(options2);
			chart3 = new Highcharts.Chart(options3);
			chart4 = new Highcharts.Chart(options4);
			chart5 = new Highcharts.Chart(options5);
			chart6 = new Highcharts.Chart(options6);
			//windtowerAjax();

			//window.setInterval(windtowerAjax, 60000);
			
			var wp='<s:property value="windfarm"/>';
			var wt='<s:property value="windturbineid"/>';
			var rd='<s:property value="recorddate"/>';
			
			$("#recorddate").val(rd);
			$("#windfarm").val(wp);
			$("#windturbineid").val(wt);
			changeFc(wp, wt)
			nfxplchart();
			yfxplchart();
			rfxplchart();
			nzdfschart();
			yzdfschart();
			rzdfschart();
	});
	
	function queryData() {

		var recorddate = $("#recorddate").val();

		var windfarm = $("#windfarm").val();
		var windturbineid = $("#windturbineid").val();


		if ("" == windfarm) {
			alert("请选择风场!");
			return false;
		}
		if ("" == recorddate) {
			alert("请选择查询日期!");
			return false;
		}
	
			$("#f1").attr("action", "../wtgoodness/wtdetailindex.action").submit();
	}
	function changeFc(fcId, fjId) {
	
		var url = "../warn/changeFc.action?fcId=" + fcId;
		$
				.ajax({
					type : "post",
					url : url,
					dataType : "json",
					success : function(data) {
						if (data.length != 0) {
							eval(data);
							$("#windturbineid").empty();
							for ( var i = 0; i < data.length; i++) {
								$("#windturbineid").append("<option value='"+data[i].id+"'>"+data[i].code+"</option>");
							}
							$("#windturbineid").val(fjId);
						} else {
							$("#windturbineid").empty();
							
						}
					}
				});

	}
	
function rzdfschart() {

	var recorddate = $("#recorddate").val();
	var windturbineid = $("#windturbineid").val();
			if(windturbineid=='')
		{
			 windturbineid='<s:property value="windturbineid"/>';
		}
	url = "../wtgoodness/wtrzdfs.action?windturbineid="
					+ windturbineid + "&recorddate=" + recorddate;
		$.ajax( {
		url : url,
		type : "post",
		cache : false,
		dataType : "json",
		data : {},
		ifModified : false,
		success : function(result) {
			var data1 = [];
			var jfpl=result.jfpl;
			$.each(result.data, function(m, obj) {
				if (obj.data1 != null) {
					data1.push(parseFloat(obj.data1));
				}
				
			});
			if(null !=options1.series[0])
				{
				options1.series[0].data = data1;
				}
				
				options1.series[0].name = jfpl;
				chart1 = new Highcharts.Chart(options1);
			}
		});
}	
function yzdfschart() {

	var recorddate = $("#recorddate").val();
	var windturbineid = $("#windturbineid").val();
			if(windturbineid=='')
		{
			 windturbineid='<s:property value="windturbineid"/>';
		}
	url = "../wtgoodness/wtyzdfs.action?windturbineid="
					+ windturbineid + "&recorddate=" + recorddate;
		$.ajax( {
		url : url,
		type : "post",
		cache : false,
		dataType : "json",
		data : {},
		ifModified : false,
		success : function(result) {
			var data1 = [];
			var jfpl=result.jfpl;
			$.each(result.data, function(m, obj) {
				if (obj.data1 != null) {
					data1.push(parseFloat(obj.data1));
				}
				
			});
			if(null !=options2.series[0])
				{
				options2.series[0].data = data1;
				}
				
				options2.series[0].name = jfpl;
				chart2 = new Highcharts.Chart(options2);
			}
		});
}		
function nzdfschart() {

	var recorddate = $("#recorddate").val();
	var windturbineid = $("#windturbineid").val();
			if(windturbineid=='')
		{
			 windturbineid='<s:property value="windturbineid"/>';
		}
	url = "../wtgoodness/wtnzdfs.action?windturbineid="
					+ windturbineid + "&recorddate=" + recorddate;
		$.ajax( {
		url : url,
		type : "post",
		cache : false,
		dataType : "json",
		data : {},
		ifModified : false,
		success : function(result) {
			var data1 = [];
			var jfpl=result.jfpl;
			$.each(result.data, function(m, obj) {
				if (obj.data1 != null) {
					data1.push(parseFloat(obj.data1));
				}
				
			});
			if(null !=options3.series[0])
				{
				options3.series[0].data = data1;
				}
				
				options3.series[0].name = jfpl;
				chart3 = new Highcharts.Chart(options3);
			}
		});
}	

function rfxplchart() {

	var recorddate = $("#recorddate").val();
	var windturbineid = $("#windturbineid").val();
			if(windturbineid=='')
		{
			 windturbineid='<s:property value="windturbineid"/>';
		}
	url = "../wtgoodness/wtrfxpl.action?windturbineid="
					+ windturbineid + "&recorddate=" + recorddate;
		$.ajax( {
		url : url,
		type : "post",
		cache : false,
		dataType : "json",
		data : {},
		ifModified : false,
		success : function(result) {
			var data1 = [];
			var jfpl=result.jfpl;
			$.each(result.data, function(m, obj) {
				if (obj.data1 != null) {
					data1.push(parseFloat(obj.data1));
				}
				
			});
			if(null !=options4.series[0])
				{
				options4.series[0].data = data1;
				}
				
				options4.series[0].name = jfpl;
				chart4 = new Highcharts.Chart(options4);
			}
		});
}	
function yfxplchart() {

	var recorddate = $("#recorddate").val();
	var windturbineid = $("#windturbineid").val();
			if(windturbineid=='')
		{
			 windturbineid='<s:property value="windturbineid"/>';
		}
	url = "../wtgoodness/wtyfxpl.action?windturbineid="
					+ windturbineid + "&recorddate=" + recorddate;
		$.ajax( {
		url : url,
		type : "post",
		cache : false,
		dataType : "json",
		data : {},
		ifModified : false,
		success : function(result) {
			var data1 = [];
			var jfpl=result.jfpl;
			$.each(result.data, function(m, obj) {
				if (obj.data1 != null) {
					data1.push(parseFloat(obj.data1));
				}
				
			});
			if(null !=options5.series[0])
				{
				options5.series[0].data = data1;
				}
				
				options5.series[0].name = jfpl;
				chart5 = new Highcharts.Chart(options5);
			}
		});
}

function nfxplchart() {

	var recorddate = $("#recorddate").val();
	var windturbineid = $("#windturbineid").val();
			if(windturbineid=='')
		{
			 windturbineid='<s:property value="windturbineid"/>';
		}
	url = "../wtgoodness/wtnfxpl.action?windturbineid="
					+ windturbineid + "&recorddate=" + recorddate;
		$.ajax( {
		url : url,
		type : "post",
		cache : false,
		dataType : "json",
		data : {},
		ifModified : false,
		success : function(result) {
			var data1 = [];
			var jfpl=result.jfpl;
			$.each(result.data, function(m, obj) {
				if (obj.data1 != null) {
					data1.push(parseFloat(obj.data1));
				}
				
			});
			if(null !=options6.series[0])
				{
				options6.series[0].data = data1;
				}
				
				options6.series[0].name = jfpl;
				chart6 = new Highcharts.Chart(options6);
			}
		});
}
</script>


<body style='overflow:scroll;'>
<form action="" method="get" id="f1">
	<table width="1560" border="0" cellspacing="0" cellpadding="0">
		<tr>
			<td width="50" height="30" bgcolor="#EFF1F0">&nbsp;</td>
			<td width="1560" bgcolor="#EFF1F0"><span class="Text">
					风场： <label for="textfield5"></label> <s:if test="u.wpId == null">
						<s:select list="wps" listKey="id" listValue="name" id="windfarm"
							name="windfarm" onchange="javascript:changeFc(this.value);"></s:select>
					</s:if> <s:else>
						<s:select list="wps" listKey="id" listValue="name" id="windfarm"
							name="windfarm" onchange="javascript:changeFc(this.value);"></s:select>
					</s:else> 风机： <label for="textfield6" width="100"></label> <select
					name="windturbineid" id="windturbineid">
						<option value="">请选择</option>
				</select> 日期： <s:textfield cssClass="Wdate"
						onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowWeek:true,readOnly:true})"
						id="recorddate" name="recorddate" title="开始日期" /> <input
					type="submit" name="button" id="button" onclick="queryData();"
					value="查询" />
			</td>

			</span>
			</td>
		</tr>
	</table>

	<table width="1000"  border="0" cellspacing="0" cellpadding="0">

		<tr>
			<td    align="center" valign="top"><table
					  border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td><img
							src="<%=request.getContextPath()%>/resource/images/detailInfo/1.jpg"
							width="500" height="35" /></td>
					</tr>
					<tr>
						<td
							>

							<div id="rzdfs" ></div>
						</td>
					</tr>
					<tr>
						<td></td>
					</tr>
				</table>
			</td>
			<td     align="center" valign="top"><table
					  border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td><img
							src="<%=request.getContextPath()%>/resource/images/detailInfo/2.jpg"
							width="500" height="35" /></td>
					</tr>
					<tr>
						<td>

							<div id="yzdfs" ></div>
						</td>
					</tr>
					<tr>
						<td></td>
					</tr>
				</table>
			</td>
			<td    align="center" valign="top"><table
					  border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td><img
							src="<%=request.getContextPath()%>/resource/images/detailInfo/3.jpg"
							width="500" height="35" /></td>
					</tr>
					<tr>
						<td>

							<div id="nzdfs" ></div>
						</td>
					</tr>
					<tr>
						<td></td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
		<td   align="center" valign="top"><table
					  border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td><img
							src="<%=request.getContextPath()%>/resource/images/detailInfo/4.jpg"
							width="500" height="35" /></td>
					</tr>
					<tr>
						<td
							>

							<div id="rfxpl" ></div>
						</td>
					</tr>
					<tr>
						<td></td>
					</tr>
				</table>
			</td>
			<td   align="center" valign="top"><table
					  border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td><img
							src="<%=request.getContextPath()%>/resource/images/detailInfo/5.jpg"
							width="500" height="35" /></td>
					</tr>
					<tr>
						<td
							>

							<div id="yfxpl" ></div>
						</td>
					</tr>
					<tr>
						<td></td>
					</tr>
				</table>
			</td>
			
			<td    align="center" valign="top"><table
					  border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td><img
							src="<%=request.getContextPath()%>/resource/images/detailInfo/6.jpg"
							width="500" height="35" /></td>
					</tr>
					<tr>
						<td>

							<div id="nfxpl" ></div>
						</td>
					</tr>
					<tr>
						<td></td>
					</tr>
				</table>
			</td>
			
		</tr>
	</table>
	</form>
</body>