955745fe9c12e7bdee5fa982bfe8d82263319a44.svn-base 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>变电站停运010</title>
  5. <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/jquery.js"></script>
  8. <script type="text/javascript" src="/nwyj/page/cockpit/echarts-2.2.7/build/dist/echarts-all.js"></script>
  9. <script type="text/javascript" src="/nwyj/page/cockpit/echarts-2.2.7/build/dist/chart/bar.js"></script>
  10. <script type="text/javascript" src=" /nwyj/page/cockpit/cockpit_echart.js"></script>
  11. <!-- <script type="text/javascript" src="/nwyj/scripts/cockpit/echarts/echatsPulic.js"></script> -->
  12. <script type="text/javascript" src=" /nwyj/page/cockpit/webgis/util.js"></script>
  13. <style type="text/css">
  14. html,body {width: 100%;height: 100%;}
  15. .c_page_main{width: 100%;height: 100%;display: inline-block;}
  16. </style>
  17. </head>
  18. <body>
  19. <div id="i_page_main" class="c_page_main"></div>
  20. <script type="text/javascript">
  21. var pageParam={};
  22. var chart=null;
  23. $(function(){
  24. pageParam.style="style1";
  25. pageParam.number=warnningnumber;
  26. init();
  27. });
  28. function init(){
  29. loadChart(pageParam);
  30. }
  31. function loadChart(jsonParam){
  32. $.post("/nwyj/ws/ChartServiceImpl/ChartServiceImpl/getChildDataOrSelfByWarnningNumber",{name:"getRecodeSumData",number:jsonParam.number,viewName:"SUBSTATION_STOPPAGE_RECOVERY_VIEW"},function(result){
  33. if(result.rows.length==0){
  34. zeroChart();
  35. return;
  36. }
  37. var sArr=[{type:"pie",name:"已恢复",data:[]}];
  38. var xAxis=[];
  39. var item=result.rows[0];
  40. var str="PRESSURE_LOSS_";
  41. var count=0;
  42. var tempLabel=[{strLabel:"ONE",level:"500kV"},{strLabel:"TWO",level:"220kV"},{strLabel:"THREE",level:"110kV"},{strLabel:"FOUR",level:"35kV"}];
  43. for(var index=0,len=tempLabel.length;index<len;index++){
  44. if(changeQ(item[str+tempLabel[index].strLabel])!=0){
  45. sArr[0].data.push({value:changeQ(item[str+tempLabel[index].strLabel]),
  46. name:tempLabel[index].name,
  47. compId:item["PARENT_ID"],
  48. number:jsonParam.number,
  49. itemStyle: {
  50. normal: {color:pageStyle[jsonParam.style]["chartColor"][count]}}
  51. });
  52. count++;
  53. }
  54. }
  55. var opParams={
  56. title:"广东",//标题
  57. unit:"座",//单位
  58. leArr:["已恢复","未恢复"],//图例
  59. xAxis:xAxis,//x轴
  60. sArr:sArr//主数据
  61. };
  62. chart=getEchart($("#i_page_main"),getOption,opParams,null);
  63. setTitle();
  64. bindEvent();
  65. },"json");
  66. }
  67. function setTitle(){
  68. $("#i_page_head_title").find("h2").remove();
  69. $("#i_page_head_title").append("<h2>"+pageParam.title+"变电站恢复率</h2>");
  70. }
  71. function bindEvent(){
  72. $(window).resize(function(){
  73. subStationEachPressureLossline.resize();
  74. });
  75. }
  76. </script>
  77. </body>
  78. </html>