xieshengjie
/
gdhb


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917
							<%@ page language="java" contentType="text/html;charset=utf-8"%>
<%@include file="/pages/includes/taglibs.jsp"%>
<head>
<script src="<%=request.getContextPath() %>/resource/plugin/jqueryui/js/jquery-1.8.3.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" />

<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.js" type="text/javascript"></script>

<!-- dialog begin -->
<link rel="stylesheet" href="<%=request.getContextPath() %>/resource/js/dialog/dialog.css" type="text/css"></link>
<link rel="stylesheet" href="<%=request.getContextPath() %>/resource/js/dialog/ibutton.css" type="text/css"></link>
<script type="text/javascript" src="<%=request.getContextPath() %>/resource/js/dialog/jquery.box.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/resource/js/dialog/jquery.dialog.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/resource/js/dialog/jquery.ibutton.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/resource/js/dialog/jquery.ishadow.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/resource/js/dialog/jquery.scrollbarwidth.js"></script>

<!-- dialog end -->

<style type="text/css">
       
        .normal {
            border-right-style: solid;
            border-bottom-style: solid;
            border-left-style: solid;
            border-top-style:solid;
            border-top-color:#ffffff;
            border-left-color:#c1c1c1;
            border-right-color:#c1c1c1;
            border-bottom-color:#c1c1c1;
            border-width: 1px;
            width:100px;
            height:28px;
            float:left;
            margin-top:-1px;
            cursor:pointer;
            text-align:center;
            line-height:28px;   
            overflow:hidden;   
            font-weight:bold; 
    		font-size: 12px;
    		font-family: tahoma,arial,verdana,sans-serif;
    		
        }
        .disable {
            border-right-style: solid;
            border-bottom-style: solid;
            border-left-style: solid;
           border-top-style:solid;
            border-top-color:#c1c1c1;
            border-left-color:#c1c1c1;
            border-right-color:#c1c1c1;
            border-bottom-color:#c1c1c1;
            border-width: 1px;
            width:100px;
            height:25px;
            float:left;
            margin-top:-1px;
            cursor:pointer;
            text-align:center;
            background-color:#e1e1e1;
            line-height:25px;   
            overflow:hidden;   
            font-weight:bold; 
    		font-size: 12px;
    		font-family: tahoma,arial,verdana,sans-serif;
    		
        }
        .panelcontainer {
            width: 100%; 
            height: 60px; 
            border-style: solid;
            border-color: #C1C1C1;
            border-width:1px;
        }
        .panelquery {
            width:100%;
            height:25px;
            background-color:#f0f0f0;
            line-height:25px;
        }
        .panelquerytext {
            margin-left:3px;
            font-weight:bold; 
            font-size: 12px;
            font-family: tahoma,arial,verdana,sans-serif;
            
        }
        .querycondcontainer {
        	
            line-height:39px;
            padding:3px;
            float:left;
           
            font-size: 12px;
        }
        .styled-select {
           width: 180px;
		   height: 30px;
		   overflow: hidden;
		
		   background-repeat: no-repeat; 
		   background-color: #f0f0f0;
		  
}
    </style>
    <script type="text/javascript">
    	var queryType="fc";
  
    	
    	function changeFc(wp){
   		var url1 = "projectAjax.action?wpIds="+wp;
   		var url2 = "lineAjax.action?wpIds="+wp;
   		var url3 = "fjAjax.action?wpIds="+wp;
   		$.ajax({
			type:"post",
			url:url1,
			dataType:"json",
			success: function(data){
				if(data.length != 0){
					eval(data);
					$("#pjid").empty();
					$("#pjid").append("<option value=''>请选择</option>"); 
				
					for(var i=0; i<data.length; i++){
						$("#pjid").append("<option value='"+data[i]+"'>"+data[i].name+"</option>"); 
					}
					
				}else{
					$("#pjid").append("<option value=''>请选择</option>"); 
					$("#pjid").addOption("请选择","");
				}
	  		}		
		});
		
		$.ajax({
			type:"post",
			url:url2,
			dataType:"json",
			success: function(data){
				if(data.length != 0){
					eval(data);
					$("#lnid").empty();
					$("#lnid").append("<option value=''>请选择</option>"); 
				
					for(var i=0; i<data.length; i++){
						$("#lnid").append("<option value='"+data[i]+"'>"+data[i].name+"</option>"); 
					}
				}else{
					$("#lnid").empty();
					$("#lnid").append("<option value=''>请选择</option>"); 
				}
	  		}		
		});
		
		$.ajax({
			type:"post",
			url:url3,
			dataType:"json",
			success: function(data){
				if(data.length != 0){
					eval(data);
					$("#wtid").empty();
					$("#wtid").append("<option value=''>请选择</option>"); 
				
					for(var i=0; i<data.length; i++){
						$("#wtid").append("<option value='"+data[i]+"'>"+data[i].name+"</option>"); 
					}
				}else{
					$("#wtid").empty();
					$("#wtid").append("<option value=''>请选择</option>"); 
				}
	  		}		
		});
		
		}
		$(document).ready(function(){
			
		});
		
       
var chartfc;
var optionsfc;

Highcharts.setOptions({
	global : {
		useUTC : false
	}
});

optionsfc = {
		colors: [
		          
		         '#19FF38', 
		         '#0026FF',
		         '#FF350C',
		         '#9926FF',
		         '#55350C'
		      ],
		chart: {
			 events: {
                click: function (e) {
					
				var num=parseInt(e.xAxis[0].value);
				
				var time=e.xAxis[0].axis.options.categories[num];
				
			
				var beginDateDay = Highcharts.dateFormat('%Y-%m-%d',
								time);
	
						queryDataDay(beginDateDay);

                }
            },
		    renderTo: 'chartfc',
		    type: 'spline',
		    //backgroundColor:'#BFDFFF',
		    //plotBackgroundColor:'#BFDFFF',
		    zoomType: 'x'
	
	         },
	         title: {
	             text: new Date().getFullYear()+'年全省功率曲线分析'
	         },
	         subtitle: {
	             text: ''
	         },
	         xAxis: {
	          		labels: {
	          			align: 'center',
	                	formatter: function() {
	                       return  Highcharts.dateFormat('%m.%d', this.value);
	                	}
	                },
	            type: 'datetime'
	         },
	         yAxis: [{
	             title: {
	                 text: '功率(MW)'
	             }},{
	             title: {
	                 text: '风速(m/s)'
	             },
				            labels:{  
					             formatter: function(){  
					                 return this.value;  
					             }  
					         },
				            lineWidth : 1,
				            opposite:true
	        } ],
	         
	         tooltip: {
	          	 
	          	 shared:true,
	          	 xDateFormat:'%Y-%m-%d %H:%M '
	             /*formatter: function() {
	                    return '<b>'+ this.series.name +'</b>：'+
	                    Highcharts.numberFormat(this.y, 2) +' 万kW<br/>时间：'+
	                    Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x);
	             }*/
	         },
	         credits: {
	    		enabled: false
			},
	         plotOptions: {
	         	spline: {
	                  		dataLabels : {  
	                            enabled :false  
	                        },  
	                      // pointPadding: 0.2,
	                       borderWidth: 0
	                  },
	                  column: {
	                      pointPadding: 0.2,
	                      borderWidth: 0
	                  },
	             series: {
	                 cursor: 'pointer',
	                 marker: {
	                     radius: 0, 
	                     symbol: 'circle' //曲线点类型："circle", "square", "diamond", "triangle","triangle-down"，默认是"circle"
	                 }
	             }
	         },
	         series: [{
	         	type: 'spline',
	             name: '理论功率(MW)',
	             yAxis:0
	         },
	         {
	         	type: 'spline',
	          	 name: '保证功率(MW)',
	          	 yAxis:0
	         },

	         {
	         	type: 'spline',
	          	 name: '自算功率(MW)',
	          	 yAxis:0
	         },{
	         	type: 'spline',
	          	 name: '实发功率(MW)',
	          	 yAxis:0
	         },{
	         	type: 'spline',
	          	 name: '平均风速(m/s)',
	          	 yAxis:1
	         }]
	   };
        function leftMove(){
            var wpIds=$("#wpid").val();
        	var pjIds=$("#pjid").val();
        	var lineIds=$("#lnid").val();
        	var wtIds=$("#wtid").val();
       if(wpIds=='')
        		{
        		wpIds='-1';
        		}
    
		 	var begin=	$("#beginDate").val();
			var end=	$("#endDate").val();
			
			var d=new Date();
			d.setTime(begin);		
			var beginDate=d.getYear()+"-"+(d.getMonth()+1)+"-"+d.getDate() ;
			d.setTime(end);	
			var endDate=d.getYear()+"-"+(d.getMonth()+1)+"-"+d.getDate() ;
			
			
        	$.ajax({
			url : "leftMove.action?queryType=" + queryType
			                             +"&wpIds="+wpIds+"&pjIds="+pjIds+"&lineIds="
			                             +lineIds+"&wtIds="+wtIds+"&beginDate="+beginDate+"&endDate="+endDate,
			type : "post",
			cache : false,
			dataType : "json",
			data : {},
			ifModified : false,
			success : function(result) {
				getResultInfo(result,'year');
			}
		});
        }
        
        	function getResultInfo(result,daytype)
        	{
        	
        		var windfarm=$("#wpid").find("option:selected").text(); ;
        		var project=$("#pjid").find("option:selected").text(); 
        		var line=$("#lnid").find("option:selected").text(); 
        		var windturbine=$("#wtid").find("option:selected").text(); 
        		
        		
        		var llgl=[];
				var bzgl=[];
				var zsgl=[];
				var sjgl=[];
				var pjfs=[];
				var xtime = [];
				var beginDateNum;
				var endDateNum;
				$.each(result, function(m, obj) {
				if (obj.value1 != null) {
				
					llgl.push(  parseFloat(obj.value1) );
				}
				if (obj.value2 != null) {
					bzgl.push( parseFloat(obj.value2) );
				}
				if (obj.value3 != null) {

					zsgl.push( parseFloat(obj.value3) );

				}if (obj.value4 != null) {

					sjgl.push( parseFloat(obj.value4) );

				}
				if (obj.value5 != null) {

					pjfs.push( parseFloat(obj.value5) );

				}
				if(daytype!='day')
				{
					beginDateNum=parseFloat(obj.beginDate);
					endDateNum=parseFloat(obj.endDate);
				}else
				{
					beginDateNum=parseFloat(obj.beginDateDay);
					endDateNum=parseFloat(obj.endDateDay);
				}
				
				xtime.push(parseFloat(obj.time));
				
				
				});
				if(xtime.length>0)
				{
					var year=new Date(xtime[0]).getYear();
				
					
					var str=year;
					if(windfarm!="请选择")
					{
						str=str+windfarm;
					}
					if(project!="请选择")
					{
						str=str+project;
					}
					if(line!="请选择")
					{
						str=str+line;
					}
					if(windturbine!="请选择")
					{
						str=str+windturbine;
					}
					optionsfc.title.text=str+"功率曲线分析";
				}
				if(windturbine!='' || daytype=='day')
				{
					optionsfc.yAxis[0].title.text='功率(KW)';
					
					optionsfc.series[0].name = '理论功率(KW)';
					optionsfc.series[1].name = '保证功率(KW)';
					optionsfc.series[2].name = '自算功率(KW)';
					optionsfc.series[3].name = '实际功率(KW)';
					
					
					options1.yAxis[0].title.text='功率(KW)';
					
					options1.series[0].name = '理论功率(KW)';
					options1.series[1].name = '保证功率(KW)';
					options1.series[2].name = '自算功率(KW)';
					options1.series[3].name = '实际功率(KW)';
					
					
				}
				
				
				if(daytype!='day')
				{
					$("#beginDate").val(beginDateNum);
					$("#endDate").val(endDateNum);
					
					optionsfc.series[0].data = llgl;
					optionsfc.series[1].data = bzgl;
					optionsfc.series[2].data = zsgl;
					optionsfc.series[3].data = sjgl;
					optionsfc.series[4].data = pjfs;
					optionsfc.xAxis.categories = xtime;
					chartfc = new Highcharts.Chart(optionsfc);
				}else
					{
						$("#beginDateDay").val(beginDateNum);
						$("#endDateDay").val(endDateNum);
					
						options1.series[0].data = llgl;
						options1.series[1].data = bzgl;
						options1.series[2].data = zsgl;
						options1.series[3].data = sjgl;
						options1.series[4].data = pjfs;
						options1.xAxis.categories = xtime;
						if(xtime.length>0)
						{
							var year=new Date(xtime[0]).toLocaleDateString();
							var str=year;
							if(windfarm!="请选择")
							{
								str=str+windfarm;
							}
							if(project!="请选择")
							{
								str=str+project;
							}
							if(line!="请选择")
							{
								str=str+line;
							}
							if(windturbine!="请选择")
							{
								str=str+windturbine;
							}
							options1.title.text=str+"功率曲线分析";
						}
						chart1 = new Highcharts.Chart(options1);
					
					}

        	}
  function leftMoveDay(){
       
            var wpIds=$("#wpid").val();
        	var pjIds=$("#pjid").val();
        	var lineIds=$("#lnid").val();
        	var wtIds=$("#wtid").val();
    
		 	var begin=	$("#beginDateDay").val();
			var end=	$("#endDateDay").val();
			
			var d=new Date();
			d.setTime(begin);		
			var beginDateDay=d.getYear()+"-"+(d.getMonth()+1)+"-"+d.getDate() ;
			d.setTime(end);	
			var endDateDay=d.getYear()+"-"+(d.getMonth()+1)+"-"+d.getDate() ;
			
	       	
        	$.ajax({
			url : "leftMoveDay.action?queryType=" + queryType
			                             +"&wpIds="+wpIds+"&pjIds="+pjIds+"&lineIds="
			                             +lineIds+"&wtIds="+wtIds+"&beginDateDay="+beginDateDay+"&endDateDay="+endDateDay,
			type : "post",
			cache : false,
			dataType : "json",
			data : {},
			ifModified : false,
			success : function(result) {
				getResultInfo(result,'day');
			}
		});
        }
        

        function rightMove(){
       	
       		var wpIds=$("#wpid").val();
        	var pjIds=$("#pjid").val();
        	var lineIds=$("#lnid").val();
        	var wtIds=$("#wtid").val();
       		if(wpIds=='')
        		{
        		wpIds='-1';
        		}
          	var begin=	$("#beginDate").val();
			var end=	$("#endDate").val();
			
			var d=new Date();
			d.setTime(begin);		
			var beginDate=d.getYear()+"-"+(d.getMonth()+1)+"-"+d.getDate() ;
			d.setTime(end);	
			var endDate=d.getYear()+"-"+(d.getMonth()+1)+"-"+d.getDate() ;
	
			
        	$.ajax({
			url : "rightMove.action?queryType=" + queryType
			                             +"&wpIds="+wpIds+"&pjIds="+pjIds+"&lineIds="
			                             +lineIds+"&wtIds="+wtIds+"&beginDate="+beginDate+"&endDate="+endDate,
			type : "post",
			cache : false,
			dataType : "json",
			data : {},
			ifModified : false,
			success : function(result) {
				getResultInfo(result,'year');
			}
		});
        	
        }
        
        function rightMoveDay(){
       
            var wpIds=$("#wpid").val();
        	var pjIds=$("#pjid").val();
        	var lineIds=$("#lnid").val();
        	var wtIds=$("#wtid").val();
          	var begin=	$("#beginDateDay").val();
			var end=	$("#endDateDay").val();
			
		
			var d=new Date();
			d.setTime(begin);		
			var beginDateDay=d.getYear()+"-"+(d.getMonth()+1)+"-"+d.getDate() ;
			d.setTime(end);	
			var endDateDay=d.getYear()+"-"+(d.getMonth()+1)+"-"+d.getDate() ;
	

        	$.ajax({
			url : "rightMoveDay.action?queryType=" + queryType
			                             +"&wpIds="+wpIds+"&pjIds="+pjIds+"&lineIds="
			                             +lineIds+"&wtIds="+wtIds+"&beginDateDay="+beginDateDay+"&endDateDay="+endDateDay,
			type : "post",
			cache : false,
			dataType : "json",
			data : {},
			ifModified : false,
			success : function(result) {
				getResultInfo(result,'day');
			}
		});
        	
        }
        	function onBodyDown(event) {
			if (( event.target.id != "windfarm" && event.target.id != "menuWindfarm" && $(event.target).parents("#menuWindfarm").length<=0)) {
				hideMenuWindfarm();
			}
			//alert(event.target.id);
			//alert($(event.target).parents("#menuXl").length);
			if (!( event.target.id == "line" || event.target.id == "menuXl" || $(event.target).parents("#menuXl").length>0)) {
				hideMenuXl();
			}
			if (!( event.target.id == "windturbine" || event.target.id == "menuFj" || $(event.target).parents("#menuFj").length>0)) {
				hideMenuFj();
			}
			if (!( event.target.id == "project" || event.target.id == "menuPj" || $(event.target).parents("#menuPj").length>0)) {
				hideMenuPj();
			}
		}
        	
        	
        function queryApData(){
       		var wpIds=$("#wpid").val();
        	var pjIds=$("#pjid").val();
        	var lineIds=$("#lnid").val();
        	var wtIds=$("#wtid").val();
        	if(wpIds==""){
        		alert("请选择风场！");
        		return;
        	}
        	
        	
        	$.ajax({
			url : "queryHistorical.action?queryType=" + queryType+"&wpIds="+wpIds+"&pjIds="+pjIds+"&lineIds="+lineIds+"&wtIds="+wtIds,
			type : "post",
			cache : false,
			dataType : "json",
			data : {},
			ifModified : false,
			success : function(result) {
				getResultInfo(result,'year');
			}
		});
        }
        
        function initial(){
       		
        	var wpIds=$("#wpid").val();
        	var pjIds=$("#pjid").val();
        	var lineIds=$("#lnid").val();
        	var wtIds=$("#wtid").val();
        	
        	
        	$.ajax({
			url : "queryHistorical.action?queryType=" + queryType+"&wpIds="+wpIds+"&pjIds="+pjIds+"&lineIds="+lineIds+"&wtIds="+wtIds,
			type : "post",
			cache : false,
			dataType : "json",
			data : {},
			ifModified : false,
			success : function(result) {
				getResultInfo(result,'year');
			}
		});
        }
        
        
         function queryDataDay(beginDateDay){
        	var beginDateDay=beginDateDay;	
			
			var wpIds=$("#wpid").val();
        	var pjIds=$("#pjid").val();
        	var lineIds=$("#lnid").val();
        	var wtIds=$("#wtid").val();
        	
        	
        	$.ajax({
			url : "queryHistoricalDay.action?queryType=" + queryType
			                             +"&wpIds="+wpIds+"&pjIds="+pjIds+"&lineIds="
			                             +lineIds+"&wtIds="+wtIds+"&beginDateDay="+beginDateDay,
        	type : "post",
			cache : false,
			dataType : "json",
			data : {},
			ifModified : false,
			success : function(result) {
				getResultInfo(result,'day');
				
				//////////dialog test///////
				$.dialog({
		title: "查询结果",
		hide:true,
		content: $("#chartContainer")
		
	});
				////////////////////////////
			}
		});
        }
        
        var options1;
        var chart1;
        options1 = {
		colors: [
		          
		         '#19FF38', 
		         '#0026FF',
		         '#FF350C',
		         '#9926FF',
		         '#55350C'
		      ],
		chart: {
			 
		    renderTo: 'chart1',
		    type: 'spline',
		    //backgroundColor:'#BFDFFF',
		    //plotBackgroundColor:'#BFDFFF',
		    zoomType: 'x'
	
	         },
	         title: {
	             text: '日功率曲线分析'
	         },
	         subtitle: {
	             text: ''
	         },
	         xAxis: {
	          		labels: {
	          			align: 'center',
	                	formatter: function() {
	                       return  Highcharts.dateFormat('%H:%M', this.value);
	                	}
	                },
	            type: 'datetime'
	         },
	         yAxis: [{
	             title: {
	                 text: '功率(MW)'
	             }},{
	             title: {
	                 text: '风速(m/s)'
	             },
				            labels:{  
					             formatter: function(){  
					                 return this.value;  
					             }  
					         },
				            lineWidth : 1,
				            opposite:true
	        } ],
	         
	         tooltip: {
	          	 
	          	 shared:true,
	          	 xDateFormat:'%Y-%m-%d %H:%M '
	             /*formatter: function() {
	                    return '<b>'+ this.series.name +'</b>：'+
	                    Highcharts.numberFormat(this.y, 2) +' 万kW<br/>时间：'+
	                    Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x);
	             }*/
	         },
	         credits: {
	    		enabled: false
			},
	         plotOptions: {
	         	spline: {
	                  		dataLabels : {  
	                            enabled :false  
	                        },  
	                      // pointPadding: 0.2,
	                       borderWidth: 0
	                  },
	                  column: {
	                      pointPadding: 0.2,
	                      borderWidth: 0
	                  },
	             series: {
	                 cursor: 'pointer',
	                 marker: {
	                     radius: 0, 
	                     symbol: 'circle' //曲线点类型："circle", "square", "diamond", "triangle","triangle-down"，默认是"circle"
	                 }
	             }
	         },
	         series: [{
	         	type: 'spline',
	             name: '理论功率(MW)',
	             yAxis:0
	         },
	         {
	         	type: 'spline',
	          	 name: '保证功率(MW)',
	          	 yAxis:0
	         },

	         {
	         	type: 'spline',
	          	 name: '自算功率(MW)',
	          	 yAxis:0
	         },{
	         	type: 'spline',
	          	 name: '实发功率(MW)',
	          	 yAxis:0
	         },{
	         	type: 'spline',
	          	 name: '平均风速(m/s)',
	          	 yAxis:1
	         }]
	   };
        
        
        $(document).ready(function() {
        $("#wpid").val('<s:property value="wpIds"/>');
       	changeFc("MHS_FDC");


		initial();
	});
    </script>
</head>
<body>
<form action="" method="post" id="f1">
	<div style="height: 20px"></div>
	<fieldset style="height: 60px" id="fst">
    <legend  class="item_Name">查询条件</legend>
       <table width="1200PX">
       	<tr>
       		<td><label class="item_Name">风场：</label></td>
       		<td><s:select   cssClass="styled-select" list="wps" listKey="id" listValue="name" id="wpid" name="wpid" headerKey="" headerValue="请选择" onchange="javascript:changeFc(this.value);" ></s:select>
       		</td>
       		<td><label class="item_Name">项目：</label></td>
       		<td> <select name="pjid" id="pjid"  style="width: 180px" class="styled-select">
				<option value="">请选择</option>
			</select></td>
       		<td> <label class="item_Name">线路：</label></td>
       		<td><select name="lnid" id="lnid" style="width: 180px" class="styled-select">
				<option value="">请选择</option>
			</select> </td>
       		<td><label class="item_Name">风机：</label></td>
       		<td><select name="wtid" id="wtid" style="width: 180px " class="styled-select">
				<option value="">请选择</option>
			</select> </td>
       		<td><input type="button" width="40px" value="查&nbsp;&nbsp;&nbsp;询" onClick="queryApData()"/>
            <s:hidden id="beginDate" name="beginDate"></s:hidden>
            <s:hidden id="endDate" name="endDate"></s:hidden>
              <s:hidden id="beginDateDay" name="beginDateDay"></s:hidden>
            <s:hidden id="endDateDay" name="endDateDay"></s:hidden></td>
            <td>           <input type="button"   width="40px"  onclick="javascript:leftMove();" value="左&nbsp;&nbsp;&nbsp;移"/>
            </td>
             <td>           <input type="button"  width="40px"   onclick="javascript:rightMove();" value="右&nbsp;&nbsp;&nbsp;移"/>
             </td>
       	</tr>
       	
       </table>
</fieldset>
   
    
    <div id="menuWindfarm" class="menuContent" style="overflow-y:scroll;overflow-x:auto;z-index:9999; border: 1px solid #617775;background: #f0f6e4;display:none;position: absolute;">
		<!--  <div style="overflow-y:scroll;overflow-x:auto;">-->
		<ul id="treeWindfarm" class="ztree" style="margin-top:0; width:180px; height: 300px;"></ul>
		<!--  </div>
			<div style="padding:5px;margin-left:25px;">
			<input style="width:70px" type="button" value="确定" onClick="selectWindfarm()"/>
			<input style="width:70px;margin-left:5px;" type="button" value="取消" onClick="hideMenuWindfarm()"/>
			</div>-->
		</div>
		<div id="menuPj" class="menuContent" style="overflow-y:scroll;overflow-x:auto;z-index:9999; border: 1px solid #617775;background: #f0f6e4;display:none;position: absolute;">
		<!--  <div style="overflow-y:scroll;overflow-x:auto;">-->
		<ul id="treePj" class="ztree" style="margin-top:0; width:180px; height: 300px;"></ul>
		<!-- </div>
			<div style="padding:5px;margin-left:25px;">
			<input style="width:70px" type="button" value="确定" onClick="selectXl()"/>
			<input style="width:70px;margin-left:5px;" type="button" value="取消" onClick="hideMenuXl()"/>
			</div>-->
		</div>
		<div id="menuXl" class="menuContent" style="overflow-y:scroll;overflow-x:auto;z-index:9999; border: 1px solid #617775;background: #f0f6e4;display:none;position: absolute;">
		<!--  <div style="overflow-y:scroll;overflow-x:auto;">-->
		<ul id="treeXl" class="ztree" style="margin-top:0; width:180px; height: 300px;"></ul>
		<!-- </div>
			<div style="padding:5px;margin-left:25px;">
			<input style="width:70px" type="button" value="确定" onClick="selectXl()"/>
			<input style="width:70px;margin-left:5px;" type="button" value="取消" onClick="hideMenuXl()"/>
			</div>-->
		</div>
		
		<div id="menuFj" class="menuContent" style="overflow-y:scroll;overflow-x:auto;z-index:9999; border: 1px solid #617775;background: #f0f6e4;display:none;position: absolute;">
		<!--  <div style="overflow-y:scroll;overflow-x:auto;">-->
		<ul id="treeFj" class="ztree" style="margin-top:0; width:180px; height: 300px;"></ul>
		<!--  </div>
			<div style="padding:5px;margin-left:25px;">
			<input style="width:70px" type="button" value="确定" onClick="selectFj()"/>
			<input style="width:70px;margin-left:5px;" type="button" value="取消" onClick="hideMenuFj()"/>
			</div>-->
		</div>
		<p style="clear:both;height:1px"/>
		<div style="width:100%;height:800px;" id="chartfc"></div>
		<div style="width:100%;height:50px;"></div>
		
		<div style="width:1000px;height:800px;display:none;" id="chartContainer">
		<div style="float:left;line-height:39px;margin-left:20px;left: 360px;position: relative;">
           <input type="button"   onclick="javascript:leftMoveDay();" value="左移"/>
        </div>
       
        <div style="float:left;line-height:39px;margin-left:20px;left: 480px;position: relative;">
           <input type="button"   onclick="javascript:rightMoveDay();" value="右移"/>
        </div>
        <div style="width:1000px;height:540px;top: 40px;position: relative;" id="chart1"></div>
		</div>
</form>
</body>