xieshengjie
/
gdhb


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134
							<%@ page language="java" contentType="text/html;charset=utf-8"%>
<%@include file="/pages/includes/taglibs.jsp"%>
<head>

<script src="<%=request.getContextPath() %>/resource/js/highcharts/highcharts.js" type="text/javascript"></script>
<script src="<%=request.getContextPath() %>/resource/js/highcharts/themes/grid.js" type="text/javascript"></script>

<link rel="stylesheet" href="<%=request.getContextPath() %>/resource/css/ztree/zTreeStyle.css" type="text/css">
<script src="<%=request.getContextPath() %>/resource/js/ztree/jquery.ztree.all.min.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>
<script src="<%=request.getContextPath() %>/resource/js/datePicker/WdatePicker.js" type="text/javascript"></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:#f1f1f1;
            border-right-color:#f1f1f1;
            border-bottom-color:#f1f1f1;
            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:#f1f1f1;
            border-left-color:#f1f1f1;
            border-right-color:#f1f1f1;
            border-bottom-color:#f1f1f1;
            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: 70px; 
            border-style: solid;
            border-color: #f1f1f1;
            border-width:1px;
        }
        .panelquery {
            width:100%;
            height:25px;
            background-color:#f1f1f1;
            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;
        }
        
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;
}
    </style>
    <script type="text/javascript">
    	var queryType="fc";
    	var setting = {
			check: {
				enable: true,
				chkStyle:"radio"
			},
			view: {
				dblClickExpand: false
			},
			data: {
				simpleData: {
					enable: true
				}
			},
			callback: {
				beforeClick: beforeClickWindfarm,
				onCheck: selectWindfarm
				
			},
			async: {
				enable: true,
				url:"windfarmAjax.action",
				dataType:"json"
			}
			
		};
		function beforeClickWindfarm(treeId, treeNode) {
			var zTree = $.fn.zTree.getZTreeObj(treeId);
			zTree.checkNode(treeNode, !treeNode.checked, null, true);
			return false;
		}
		function showWindfarm() {
			var cityObj = $("#windfarm");
			var cityOffset = $("#windfarm").offset();
			$("#menuWindfarm").css({left:cityOffset.left + "px", top:cityOffset.top + cityObj.outerHeight() + "px"}).slideDown("fast");
			$("body").bind("mousedown", onBodyDown);
			
			
		}
		function showWindturbine(){
			if(wpids==""){
				alert("请选择风场！");
				return;
			}
			var setting2 = {
				check: {
					enable: true,
					chkStyle:"radio"
				},
				view: {
					dblClickExpand: false
				},
				data: {
					simpleData: {
						enable: true
					}
				},
				callback: {
					beforeClick: beforeClickWindfarm,
					onCheck: selectFj
				},
				async: {
					enable: true,
					url:"fjAjax.action?wpIds="+wpids,
					dataType:"json"
				}
				
			};
			$.fn.zTree.init($("#treeFj"), setting2);
			var cityObj = $("#windturbine");
			var cityOffset = $("#windturbine").offset();
			$("#menuFj").css({left:cityOffset.left + "px", top:cityOffset.top + cityObj.outerHeight() + "px"}).slideDown("fast");
			$("body").bind("mousedown", onBodyDown);
	
			
			//$("#menuWindfarm").fadeOut("fas
		}
		function showLine(){
			if(wpids==""){
				alert("请选择风场！");
				return;
			}
			var setting1 = {
				check: {
					enable: true,
					chkStyle:"radio"
					//chkStyle:"checkbox"
				},
				view: {
					dblClickExpand: false
				},
				data: {
					simpleData: {
						enable: true
					}
				},
				callback: {
					beforeClick: beforeClickWindfarm,
					onCheck: selectXl
				},
				async: {
					enable: true,
					url:"lineAjax.action?wpIds="+wpids,
					dataType:"json"
				}
				
			};
			$.fn.zTree.init($("#treeXl"), setting1);
			var cityObj = $("#line");
			var cityOffset = $("#line").offset();
			$("#menuXl").css({left:cityOffset.left + "px", top:cityOffset.top + cityObj.outerHeight() + "px"}).slideDown("fast");
			$("body").bind("mousedown", onBodyDown);
			
			lines='';
			$("#line").val("");
			
			//$("#menuWindfarm").fadeOut("fas
		}
		function showProject(){
			if(wpids==""){
				alert("请选择风场！");
				return;
			}
			var setting3 = {
				check: {
					enable: true,
					//chkStyle:"radio"
					chkStyle:"checkbox"
				},
				view: {
					dblClickExpand: false
				},
				data: {
					simpleData: {
						enable: true
					}
				},
				callback: {
					beforeClick: beforeClickWindfarm,
					onCheck: selectPj
				},
				async: {
					enable: true,
					url:"projectAjax.action?wpIds="+wpids,
					dataType:"json"
				}
				
			};
			$.fn.zTree.init($("#treePj"), setting3);
			var cityObj = $("#project");
			var cityOffset = $("#project").offset();
			$("#menuPj").css({left:cityOffset.left + "px", top:cityOffset.top + cityObj.outerHeight() + "px"}).slideDown("fast");
			$("body").bind("mousedown", onBodyDown);
			pjIds='';
			$("#project").val("");
		
		}
		function hideMenuWindfarm() {
			$("#menuWindfarm").fadeOut("fast");
			
		}
	
		var wpids="";
		function selectWindfarm(e, treeId, treeNode) {
			var zTree = $.fn.zTree.getZTreeObj("treeWindfarm"),
			nodes = zTree.getCheckedNodes(true);
			v = "";
			d="";
			
			for (var i=0, l=nodes.length; i<l; i++) {
				v += nodes[i].name + ",";
				d+=nodes[i].id+",";
			}
			if (v.length > 0 ) v = v.substring(0, v.length-1);
			if (d.length > 0 ) d = d.substring(0, d.length-1);
			wpids=d;
			var cityObj = $("#windfarm");
			cityObj.attr("value", v);
			
			
			lineIds='';
			pjIds='';
			$("#project").val("");
			$("#line").val("");
	
			//$("#menuWindfarm").fadeOut("fast");
		}
		
		var lines="";
		function selectXl(e, treeId, treeNode){
			var zTree = $.fn.zTree.getZTreeObj("treeXl"),
			nodes = zTree.getCheckedNodes(true);
			v = "";
			d="";
			
			for (var i=0, l=nodes.length; i<l; i++) {
				v += nodes[i].name + ",";
				d+=nodes[i].id+",";
			}
			if (v.length > 0 ) v = v.substring(0, v.length-1);
			if (d.length > 0 ) d = d.substring(0, d.length-1);
			lines=d;
			
			var cityObj = $("#line");
			cityObj.attr("value", v);
			
			//$("#menuXl").fadeOut("fast");
		}
		var pjIds;
		function selectPj(e, treeId, treeNode){
			var zTree = $.fn.zTree.getZTreeObj("treePj"),
			nodes = zTree.getCheckedNodes(true);
			v = "";
			d="";
			
			for (var i=0, l=nodes.length; i<l; i++) {
				v += nodes[i].name + ",";
				d+=nodes[i].id+",";
			}
			if (v.length > 0 ) v = v.substring(0, v.length-1);
			if (d.length > 0 ) d = d.substring(0, d.length-1);
			pjIds=d;
			
			var cityObj = $("#project");
			cityObj.attr("value", v);
			
			//$("#menuXl").fadeOut("fast");
		}
		function hideMenuPj() {
			$("#menuPj").fadeOut("fast");
			
		}
		function hideMenuXl() {
			$("#menuXl").fadeOut("fast");
			
		}
		
		$(document).ready(function(){
			$.fn.zTree.init($("#treeWindfarm"), setting);

		});
		
        function swap(obj) {
            document.getElementById('fc').className = "disable";
            document.getElementById('pj').className = "disable";
            document.getElementById('xl').className = "disable";
            obj.className = "normal";

            /*document.getElementById('pjpanel').style.display = "none";
            document.getElementById('xlpanel').style.display = "none";*/
            
            document.getElementById('pjpanel').style.display = "";
            document.getElementById('xlpanel').style.display = "";
            
      
            if (obj.id == "pj") {
            	queryType="pj";
                	wpids="";
            	pjIds="";
            	lines="";
            	$("#windfarm").val("");
            	$("#project").val("");
            	$("#line").val("");
                document.getElementById('pjpanel').style.display = "";
                queryApData();
                
            }
            else if (obj.id == "xl") {
            	queryType="xl";
                wpids="";
            	pjIds="";
            	lines="";
            	$("#windfarm").val("");
            	$("#project").val("");
            	$("#line").val("");
            	
                document.getElementById('xlpanel').style.display = "";
                 queryApData();
            }
           
            else{
            	queryType="fc";
            	wpids="";
            	pjIds="";
            	lines="";
            	$("#windfarm").val("");
            	$("#project").val("");
            	$("#line").val("");
            	 queryApData();
            
            }

        }
        
var chartfc;


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

var optionsfc = {
			
		      chart: {
                renderTo: 'container1',
                width:870,
                height:225,
                events: {
		            load: function () {
					
					  $(".aaa").parent().parent().css("left","50px");
					}
				
	        	}
            },
            title: {
                text: '风场绩效榜'
            },
            xAxis: [{
                categories: ['01号风机',  '02号风机', '03号风机', '04号风机', '05号风机'],
                labels: {
                	  useHTML:true,
	                formatter: function () {
	                    return "<div style=\"width:78px;text-align:center\">" +
	                        this.value + "</div>";
	                }
            	  }
            },{
                categories: ['', '', '', '', ''],
				opposite: true
            }],
	     yAxis:{ // Primary yAxis
		  min: 0,
                title: {
                    text: ''
                },
                stackLabels: {
                    enabled: true,
                    align:'right',
		      useHTML: true,
		      formatter: function(){
		      		//var html ="<div>";
		      		
				return "<div>"+parseFloat(fnlyl[d++])+"%</div>";
				//"<div style=\"width:200px;height:20px;text-align:right\"></div>"
			},
                style: {
                    fontWeight: 'bold',
                    color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray',
                    width:'200px'
                }
               }
        },
		
		
            legend: {
				align: 'center',
	            verticalAlign: 'top',
				margin:20,
				y:20,
                reversed: true
            },
            plotOptions: {
                series: {
                    stacking: 'normal',
                    dataLabels: {
                    	shape: 'callout',
			useHTML:true,
                   	backgroundColor: 'rgba(255, 255, 255, 0.75)',
                    	style: {
                        	color: '#000',
				textShadow: 'none'
                     }
                    }
               }
            /*,
                 bar: {
                    dataLabels: {
                        enabled: true
                    }
                }*/
            },
                series: [
				 {
				type: 'bar',
                name: '性能损失',
				 yAxis: 0,
                data: []
				,
				stack: '2'
            },{
				type: 'bar',
                name: '受累损失',
				yAxis: 0,
                data: [],
				stack: '2'
            },
				 {
				type: 'bar',
                name: '限电损失',
				 yAxis: 0,
                data: []
				,
				stack: '2'
            },{
				type: 'bar',
                name: '非计划检修损失',
				yAxis: 0,
                data: [],
				stack: '2'
            }, {
			type: 'bar',
                name: '计划检修损失',
				 yAxis: 0,
                data: [],
				stack: '2'
            },{
				type: 'bar',
                name: '实发电量',
				yAxis: 0,
                data: [],
				stack: '2'
            }
            /*,{
				type: 'bar',
                name: '理论电量',
				yAxis: 0,
                data: [],
				stack: '3'
            }*/
			,{
				type: 'line',
                inverted: true,
				 xAxis: 1,
				 yAxis: 0,
				 color: '#000000',
                 name: ' ',
				 data:  []
            }]
	   };
        
        	var fnlyl=[];
        	var d=0;
        	function getResultInfo(res)
        	{
        		if(res["sfdl"]!=null)
        		{
        		var yfdl=[];
				var sfdl=[];
				var gzdl=[];
				var whdl=[];
				var xddl=[];
				var qfdl=[];
				var sldl=[];
				var labels=[];
				var names=[];
				var names2=[];
				fnlyl=[];
				$.each(res["names"],function(m,obj){
						/* if(obj.length<8){
							for(var jj=0;jj<8-obj.length;jj++){
								obj=obj+" ";
							}
						} */
						names.push(obj);
					}
				);
				$.each(res["names2"],function(m,obj){
					names2.push(obj);
					}
				);
				$.each(res["yfdl"],function(m,obj){
					yfdl.push(parseFloat(obj));
					}
				);
				fnlyl=res["lyl"];
				d=0;
				 $.each(res["lyl"],function(m,obj){
					fnlyl.push(parseFloat(obj));
					}
				); 
				/*$.each(res["lyl"],function(m,obj){
				
					var object = new Object();
					 object.y =parseFloat(obj);
					 object.dataLabels=new Object();
					 object.dataLabels.enabled=true;
					 object.dataLabels.format=parseFloat(obj)+"<br>"+parseFloat(obj)
					 object.dataLabels.align='right';
					 object.dataLabels.verticalAlign='middle';
					 object.dataLabels.x=80;
					object.dataLabels.style=new Object();
					object.dataLabels.style.position="absolute";
			        object.dataLabels.style.left=80;       
			        labels.push(object);
					}
				);*/
	
				$.each(res["sfdl"],function(m,obj){
					sfdl.push(parseFloat(obj));
					}
				);
				$.each(res["gzdl"],function(m,obj){
					gzdl.push(parseFloat(obj));
					}
				);
				$.each(res["whdl"],function(m,obj){
					whdl.push(parseFloat(obj));
					}
				);
				$.each(res["xddl"],function(m,obj){
					xddl.push(parseFloat(obj));
					}
				);
				$.each(res["qfdl"],function(m,obj){
					qfdl.push(parseFloat(obj));
					}
				);
				$.each(res["sldl"],function(m,obj){
					sldl.push(parseFloat(obj));
					}
				);
				
					var num= names.length;
							
						if(num<4)
						{
							$("#powerframe").css("height",605*num+"px");
							$("#container1").css("height",66*num+"px");
							$("#container2").css("height",66*num+"px");
							
							optionsfc.chart.height=num*66;
							
							var top=67;
							var left=98;
							/* $("#zcontian").html("");
							for(var i=0;i<res["lyl"].length;i++ ){
								var obj=res["lyl"][i];
								top=top+31;
								var div="<Div id='lyldiv"+i+"' style='margin: 0px;border: 0px;padding: 0px;font-size: 12px;width:62px;height:22px;text-align: center;vertical-align: middle;background-image:url(/resource/images/system/pictures/jixiao_bg.fw.png);position: absolute;left:"+left+"px;top:"+top+"px;'>"+parseFloat(obj)+"%</Div>"
						      	$("#zcontian").append(div);   
			                 }*/
						}else if(num<7)
						{
							$("#powerframe").css("height",45*num+"px");
							$("#container1").css("height",45*num+"px");
							$("#container2").css("height",45*num+"px");
							
							optionsfc.chart.height=num*44.6;
							
							var top=67;
							var left=98;
							/* $("#zcontian").html("");
							for(var i=0;i<res["lyl"].length;i++ ){
								var obj=res["lyl"][i];
								top=top+27.4;
								var div="<Div id='lyldiv"+i+"' style='margin: 0px;border: 0px;padding: 0px;font-size: 12px;width:62px;height:22px;text-align: center;vertical-align: middle;background-image:url(/resource/images/system/pictures/jixiao_bg.fw.png);position: absolute;left:"+left+"px;top:"+top+"px;'>"+parseFloat(obj)+"%</Div>"
						      	$("#zcontian").append(div);  
			                 } */
						}else if(num<9)
						{
							$("#powerframe").css("height",45*num+"px");
							$("#container1").css("height",45*num+"px");
							$("#container2").css("height",45*num+"px");
							
							optionsfc.chart.height=num*38.6;
							
							var top=67;
							var left=98;
							/* $("#zcontian").html("");
							for(var i=0;i<res["lyl"].length;i++ ){
								var obj=res["lyl"][i];
								top=top+25.4;
								var div="<Div id='lyldiv"+i+"' style='margin: 0px;border: 0px;padding: 0px;font-size: 12px;width:62px;height:22px;text-align: center;vertical-align: middle;background-image:url(/resource/images/system/pictures/jixiao_bg.fw.png);position: absolute;left:"+left+"px;top:"+top+"px;'>"+parseFloat(obj)+"%</Div>"
						      	$("#zcontian").append(div);  
			                 } */
						}else if(num<12)
						{
							$("#powerframe").css("height",45*num+"px");
							$("#container1").css("height",45*num+"px");
							$("#container2").css("height",45*num+"px");
							
							optionsfc.chart.height=num*38.6;
						
							var top=67;
							var left=98;
							/*$("#zcontian").html("");
							 for(var i=0;i<res["lyl"].length;i++ ){
								var obj=res["lyl"][i];
								top=top+28.4;
								var div="<Div id='lyldiv"+i+"' style='margin: 0px;border: 0px;padding: 0px;font-size: 12px;width:62px;height:22px;text-align: center;vertical-align: middle;background-image:url(/resource/images/system/pictures/jixiao_bg.fw.png);position: absolute;left:"+left+"px;top:"+top+"px;'>"+parseFloat(obj)+"%</Div>"
						      	$("#zcontian").append(div); 
			                 }  */
						}else if(num<18)
						{
							$("#powerframe").css("height",45*num+"px");
							$("#container1").css("height",45*num+"px");
							$("#container2").css("height",45*num+"px");
							
							optionsfc.chart.height=num*38.6;
							
							var top=67;
							var left=98;
							/* $("#zcontian").html("");
							 for(var i=0;i<res["lyl"].length;i++ ){
								var obj=res["lyl"][i];
								top=top+32.5;
								var div="<Div id='lyldiv"+i+"' style='margin: 0px;border: 0px;padding: 0px;font-size: 12px;width:62px;height:22px;text-align: center;vertical-align: middle;background-image:url(/resource/images/system/pictures/jixiao_bg.fw.png);position: absolute;left:"+left+"px;top:"+top+"px;'>"+parseFloat(obj)+"%</Div>"
						      	$("#zcontian").append(div); 
			                 }  */
						}else if(num<20)
						{
							$("#powerframe").css("height",45*num+"px");
							$("#container1").css("height",45*num+"px");
							$("#container2").css("height",45*num+"px");
							 optionsfc.chart.height=num*35.6;
							var top=67;
							var left=98;
							/* $("#zcontian").html("");
							for(var i=0;i<res["lyl"].length;i++ ){
								var obj=res["lyl"][i];
								top=top+27.5;
								var div="<Div id='lyldiv"+i+"' style='margin: 0px;border: 0px;padding: 0px;font-size: 12px;width:62px;height:22px;text-align: center;vertical-align: middle;background-image:url(/resource/images/system/pictures/jixiao_bg.fw.png);position: absolute;left:"+left+"px;top:"+top+"px;'>"+parseFloat(obj)+"%</Div>"
						      	$("#zcontian").append(div); 
			                 }  */
						}else if(num<35)
						{
							
							$("#powerframe").css("height",45*num+"px");
							$("#container1").css("height",45*num+"px");
							$("#container2").css("height",45*num+"px");
							optionsfc.chart.height=num*35.6;
							 var top=67;
							var left=98;
							/* $("#zcontian").html("");
							for(var i=0;i<res["lyl"].length;i++ ){
								var obj=res["lyl"][i];
								top=top+32.4;
								var div="<Div id='lyldiv"+i+"' style='margin: 0px;border: 0px;padding: 0px;font-size: 12px;width:62px;height:22px;text-align: center;vertical-align: middle;background-image:url(/resource/images/system/pictures/jixiao_bg.fw.png);position: absolute;left:"+left+"px;top:"+top+"px;'>"+parseFloat(obj)+"%</Div>"
						      	$("#zcontian").append(div); 
			                 }  */
						}else if(num<45)
						{
							optionsfc.chart.height=num*35.6;
							$("#powerframe").css("height",40*num+"px");
							$("#container1").css("height",40*num+"px");
							$("#container2").css("height",40*num+"px");
						
							 var top=67;
							var left=98;
							/* $("#zcontian").html("");
							for(var i=0;i<res["lyl"].length;i++ ){
								var obj=res["lyl"][i];
								top=top+40.5;
								var div="<Div id='lyldiv"+i+"' style='margin: 0px;border: 0px;padding: 0px;font-size: 12px;width:62px;height:22px;text-align: center;vertical-align: middle;background-image:url(/resource/images/system/pictures/jixiao_bg.fw.png);position: absolute;left:"+left+"px;top:"+top+"px;'>"+parseFloat(obj)+"%</Div>"
						      	$("#zcontian").append(div); 
			                 }  */
						}else if(num<60)
						{
							$("#powerframe").css("height",40*num+"px");
							$("#container1").css("height",40*num+"px");
							$("#container2").css("height",40*num+"px");
							optionsfc.chart.height=num*35.6;
							var top=67;
							var left=98;
							/* $("#zcontian").html("");
							for(var i=0;i<res["lyl"].length;i++ ){
								var obj=res["lyl"][i];
								top=top+33.7;
								var div="<Div id='lyldiv"+i+"' style='margin: 0px;border: 0px;padding: 0px;font-size: 12px;width:62px;height:22px;text-align: center;vertical-align: middle;background-image:url(/resource/images/system/pictures/jixiao_bg.fw.png);position: absolute;left:"+left+"px;top:"+top+"px;'>"+parseFloat(obj)+"%</Div>"
						      	$("#zcontian").append(div); 
			                 }  */
						}else if(num<70)
						{
						optionsfc.chart.height=num*35.6;
							$("#powerframe").css("height",40*num+"px");
							$("#container1").css("height",40*num+"px");
							$("#container2").css("height",40*num+"px");
							
							 var top=67;
							var left=98;
							/* $("#zcontian").html("");
							for(var i=0;i<res["lyl"].length;i++ ){
								var obj=res["lyl"][i];
								top=top+34.0;
								var div="<Div id='lyldiv"+i+"' style='margin: 0px;border: 0px;padding: 0px;font-size: 12px;width:62px;height:22px;text-align: center;vertical-align: middle;background-image:url(/resource/images/system/pictures/jixiao_bg.fw.png);position: absolute;left:"+left+"px;top:"+top+"px;'>"+parseFloat(obj)+"%</Div>"
						      	$("#zcontian").append(div); 
			                 }  */
						}else if(num<100)
						{
							$("#powerframe").css("height",50*num+"px");
							$("#container1").css("height",50*num+"px");
							$("#container2").css("height",50*num+"px");
							 optionsfc.chart.height=num*35.6;
							var top=67;
							var left=98;
							/* $("#zcontian").html("");
							for(var i=0;i<res["lyl"].length;i++ ){
								var obj=res["lyl"][i];
								top=top+34.45;
								var div="<Div id='lyldiv"+i+"' style='margin: 0px;border: 0px;padding: 0px;font-size: 12px;width:62px;height:22px;text-align: center;vertical-align: middle;background-image:url(/resource/images/system/pictures/jixiao_bg.fw.png);position: absolute;left:"+left+"px;top:"+top+"px;'>"+parseFloat(obj)+"%</Div>"
						      	$("#zcontian").append(div); 
			                 }  */
	
							$(".null").css("left","540px");
						}else if(num<250)
						{
							$("#powerframe").css("height",50*num+"px");
							$("#container1").css("height",50*num+"px");
							$("#container2").css("height",50*num+"px");
							optionsfc.chart.height=num*35.51;
							var top=67;
							var left=98;
							/* $("#zcontian").html("");
							for(var i=0;i<res["lyl"].length;i++ ){
								var obj=res["lyl"][i];
								top=top+35.1;
								var div="<Div id='lyldiv"+i+"' style='margin: 0px;border: 0px;padding: 0px;font-size: 12px;width:62px;height:22px;text-align: center;vertical-align: middle;background-image:url(/resource/images/system/pictures/jixiao_bg.fw.png);position: absolute;left:"+left+"px;top:"+top+"px;'>"+parseFloat(obj)+"%</Div>"
						      	$("#zcontian").append(div); 
			                 } */
	
							$(".null").css("left","540px"); 
						}else 
						{
						optionsfc.chart.height=num*24.2;
							var top=54;
							var left=98;
							$("#zcontian").html("");
							/* for(var i=0;i<res["lyl"].length;i++ ){
								var obj=res["lyl"][i];
								top=top+27.5;
								var div="<Div id='lyldiv"+i+"' style='margin: 0px;border: 0px;padding: 0px;font-size: 12px;width:62px;height:22px;text-align: center;vertical-align: middle;background-image:url(/resource/images/system/pictures/jixiao_bg.fw.png);position: absolute;left:"+left+"px;top:"+top+"px;'>"+parseFloat(obj)+"%</Div>"
						      	$("#zcontian").append(div); 
			                 } */
							$("#powerframe").css("height",45*num+"px");
							$("#container1").css("height",45*num+"px");
							$("#container2").css("height",45*num+"px");
							$(".null").css("left","540px");
						}
						
					
					optionsfc.series[0].data = qfdl;
					optionsfc.series[1].data = sldl;
					optionsfc.series[2].data = xddl;
					optionsfc.series[3].data = gzdl;
					optionsfc.series[4].data = whdl;

					optionsfc.series[5].data = sfdl;
					optionsfc.series[6].data = yfdl;
					//optionsfc.series[7].data = labels;
					//optionsfc.series[7].data = yfdl;
					optionsfc.xAxis[0].categories = names;
					optionsfc.xAxis[1].categories = names2;
					//optionsfc.yAxis[0].total=fnlyl;
        		}else
        		{

        			optionsfc.series[0].data = [];
				optionsfc.series[1].data = [];
				optionsfc.series[2].data = [];
				optionsfc.series[3].data = [];
				optionsfc.series[4].data = [];
				optionsfc.series[5].data = [];
				optionsfc.series[6].data = [];
				//optionsfc.series[7].data = [];
				optionsfc.xAxis[0].categories = [];
				optionsfc.xAxis[1].categories = [];
        		}
        		
				chartfc = new Highcharts.Chart(optionsfc);
				//chartfc.reflow();
				setTimeout(todo,1000);
				//console.log(chartfc);
        	}
  		function todo(){
			var s=$(".highcharts-stack-labels"); 
			var dd=$(s).find("span");
			for(var i=0;i<dd.length;i++){
				
				var left=$(dd[i]).attr("style");
				$(dd[i]).attr("style",left+"left:700px;");
				//var left1=$(dd[i]).attr("style");
				
			}
	
		}
		window.onload=function(){
			setTimeout(todo,1000);
		};
        	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 == "project" || event.target.id == "menuPj" || $(event.target).parents("#menuPj").length>0)) {
				hideMenuPj();
			}
		}
        	
   	var types="";	
        function queryApData(item){

        	var beginDate=$("#beginDate").val();
        	var endDate=$("#endDate").val();
        	
        	
        	if(beginDate==""){
        		alert("请选开始时间！");
        			return;
        	}
        	
        	if(endDate==""){
        		alert("请选结束时间！");
        			return;
        	}
		var url="";
		if(wpids==""){
       		url="queryPowerAll.action?queryType=" + queryType+"&wpIds="+wpids+"&beginDate="+beginDate+"&endDate="+endDate;
       		$("#powerframe").attr("src","powerdetail.action?type=all&queryType=" + queryType+"&wpIds="+wpids+"&beginDate="+beginDate+"&endDate="+endDate);
       		
        	}else
        	{
        		url="queryPower.action?wpIds="+wpids+"&pjIds="+pjIds+"&lineIds="+lines+"&beginDate="+beginDate+"&endDate="+endDate;
                $("#powerframe").attr("src","powerdetail.action?wpIds="+wpids+"&pjIds="+pjIds+"&lineIds="+lines+"&beginDate="+beginDate+"&endDate="+endDate);
        
			}
		console.log(url);
        	$.ajax({
				url : url,
				type : "post",
				cache : false,
				dataType : "json",
				data : {},
				ifModified : false,
				success : function(result) {
				
					getResultInfo(result);
				}
			});
			
        }

       
        function initial(){
       		$("#beginDate").val("<s:property value='beginDate'/>");
        	$("#endDate").val("<s:property value='endDate'/>");
        	//$("#windfarm").val("麻黄山风电场");
        	
        	queryApData();
        	
        	//queryApData();

        }
        
        function toExcel() {
       		
           	var beginDate=$("#beginDate").val();
        	var endDate=$("#endDate").val();
        	
			if("" == $("#beginDate").val()){
				alert("请选择查询开始日期!");
			}else if("" == $("#endDate").val()){
				alert("请选择查询结束日期!");
			}
			else{

			if(wpids==""){
        		url="<%=request.getContextPath() %>/power/powerCompareExcel.action?queryType=" + queryType+"&wpIds="+wpids+"&beginDate="+beginDate+"&endDate="+endDate;
        		
        	}else
        	{
        		url="<%=request.getContextPath() %>/power/powerCompareExcel.action?wpIds="+wpids+"&pjIds="+pjIds+"&lineIds="+lines+"&beginDate="+beginDate+"&endDate="+endDate;
        
			}
				$('#toexcel').attr('href',url); 
						
			}
		}		
        
      
        $(document).ready(function() {
		initial();
		//$("#windfarm").attr("value", "麻黄山风场");
		//wpids = "MHS_FDC";
	});
	
	function queryApDataMx(){
		$("#f1").attr("action","<%=request.getContextPath() %>/power/powerindexNew.action");
		$("#f1").submit();
	
	}
    </script>
</head>
<body>

<form action="" method="post" id="f1" style="width:1620px;">
<div class="panelcontainer" style="width:1620px;" >
        <div class="panelquery"><span class="panelquerytext">电量绩效榜</span></div>
        <div  class="querycondcontainer">
            风场：
            <input id="windfarm" type="text" readonly value="" style="width:150px;" onclick="showWindfarm();" />
        </div>
         <div id="pjpanel" class="querycondcontainer" >
            项目：<input id="project" type="text" readonly value="" style="width:150px;" onclick="showProject();" />
        </div>
        <div id="xlpanel" class="querycondcontainer" >
            线路：<input id="line" type="text" readonly value="" style="width:150px;" onclick="showLine();" />
        </div>
        <div class="querycondcontainer">
        	开始日期:<input type="text" style="width:150px;"  class="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowWeek:true,readOnly:true})" 
			id="beginDate" name="beginDate"/>
        </div>
        <div class="querycondcontainer">
        	结束日期:<input type="text" style="width:150px;"  class="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowWeek:true,readOnly:true})" 
			id="endDate" name="endDate"/>
        </div>
       <div style="float:left;line-height:39px;margin-left:20px;width:80px;">
            <input type="button" value="查询" onClick="queryApData()"/>
        </div>
        <div style="float:left;line-height:39px;margin-left:20px;width:80px;">
            <input type="button" value="明细信息" id="mx"  onClick="queryApDataMx()"/>
        </div>
          <div style="float:left;line-height:39px;margin-left:20px;width:80px;">
           <a href="#" onclick="javascript:toExcel();"  id="toexcel">导出</a>	
        </div>   
    </div>
    <div id="fc" onclick="swap(this);" class="normal">风场</div>
    <div id="pj" onclick="swap(this);" class="disable">项目</div>
    <div id="xl" onclick="swap(this);" class="disable">集电线路</div>

    
    <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>
		
		
		<p style="clear:both;height:1px"/>

		<table style="overflow:scroll">
			<tr>
				<td><table >
					<tr>
						<td>

						<div style="width:890px;height:850px;overflow:hidden;" id="container1" ></td>
						
					</tr>
					</table>
				</td>
				<td>
					<table >
					<tr>
						<td>

						<div style="width:1000px;height:840px"  id="container2"  >
						<iframe id="powerframe" width="1000px" height="900px" frameborder="0" scrolling="no"></iframe>
						</div>

						</td>
						
					</tr>
					</table>
				
				</td>
			</tr>
			
		</table>
		
		 <div id="zcontiantitle"  class="querycondcontainer" style="position: absolute;top: 148px;left: 800px;margin: 0px;border: 0px;padding: 0px;width: 80;height: 30;z-index: 99">风能利用率</div>
        <!-- <div id="zcontian" style="width:0px;height:840px;position: absolute;top: 100px;left: 700px;margin: 0px;border: 0px;padding: 0px;z-index: 99"></div> -->
</form>
</body>