1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210 |
- <%@ 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 = {
- colors:['003f5a','#00b3ff','#006089','#048dc7','#216f0a','#50b532','#8e5139','#ed561a','#aaac00',
- '#dddf00','#128a9d','#24cbe5','#64e572','#000000'],
- 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,
- width:750,
- 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: '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: '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 statusLossofpower0 =[];
- var statusLossofpower1 =[];
- var statusLossofpower2 =[];
- var statusLossofpower3 =[];
- var statusLossofpower4 =[];
- var statusLossofpower5 =[];
- var statusLossofpower6 =[];
- var statusLossofpower7 =[];
- var statusLossofpower8 =[];
- var statusLossofpower9 =[];
- var statusLossofpower10 =[];
- var statusLossofpower11 =[];
- var names=[];
- var names2=[];
- fnlyl=[];
- $.each(res["names"],function(m,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["sfdl"],function(m,obj){
- sfdl.push(parseFloat(obj));
- }
- );
-
- $.each(res["statusLossofpower0"],function(m,obj){
- statusLossofpower0.push(parseFloat(obj));
- }
- );
- $.each(res["statusLossofpower1"],function(m,obj){
- statusLossofpower1.push(parseFloat(obj));
- }
- );
- $.each(res["statusLossofpower2"],function(m,obj){
- statusLossofpower2.push(parseFloat(obj));
- }
- );
- $.each(res["statusLossofpower3"],function(m,obj){
- statusLossofpower3.push(parseFloat(obj));
- }
- );
- $.each(res["statusLossofpower4"],function(m,obj){
- statusLossofpower4.push(parseFloat(obj));
- }
- );
- $.each(res["statusLossofpower5"],function(m,obj){
- statusLossofpower5.push(parseFloat(obj));
- }
- );
- $.each(res["statusLossofpower6"],function(m,obj){
- statusLossofpower6.push(parseFloat(obj));
- }
- );
- $.each(res["statusLossofpower7"],function(m,obj){
- statusLossofpower7.push(parseFloat(obj));
- }
- );
- $.each(res["statusLossofpower8"],function(m,obj){
- statusLossofpower8.push(parseFloat(obj));
- }
- );
- $.each(res["statusLossofpower9"],function(m,obj){
- statusLossofpower9.push(parseFloat(obj));
- }
- );
- $.each(res["statusLossofpower10"],function(m,obj){
- statusLossofpower10.push(parseFloat(obj));
- }
- );
- $.each(res["statusLossofpower11"],function(m,obj){
- statusLossofpower11.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 = statusLossofpower3;
- optionsfc.series[1].data = statusLossofpower2;
- optionsfc.series[2].data = statusLossofpower1;
- optionsfc.series[3].data = statusLossofpower0;
- optionsfc.series[4].data = statusLossofpower11;
- optionsfc.series[5].data = statusLossofpower10;
- optionsfc.series[6].data = statusLossofpower5;
- optionsfc.series[7].data = statusLossofpower4;
- optionsfc.series[8].data = statusLossofpower7;
- optionsfc.series[9].data = statusLossofpower6;
- optionsfc.series[10].data = statusLossofpower9;
- optionsfc.series[11].data = statusLossofpower8;
- optionsfc.series[12].data = sfdl;
- optionsfc.series[13].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="queryPowerAllNew.action?queryType=" + queryType+"&wpIds="+wpids+"&beginDate="+beginDate+"&endDate="+endDate;
- $("#powerframe").attr("src","powerdetailNew.action?type=all&queryType=" + queryType+"&wpIds="+wpids+"&beginDate="+beginDate+"&endDate="+endDate);
-
- }else
- {
- url="queryPowerNew.action?wpIds="+wpids+"&pjIds="+pjIds+"&lineIds="+lines+"&beginDate="+beginDate+"&endDate="+endDate;
- $("#powerframe").attr("src","powerdetailNew.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) {
- if(result!=null&&result!=undefined){
- 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/powerCompareExcelNew.action?queryType=" + queryType+"&wpIds="+wpids+"&beginDate="+beginDate+"&endDate="+endDate;
-
- }else
- {
- url="<%=request.getContextPath() %>/power/powerCompareExcelNew.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/powerindex.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>
|