17bc972a280a42d1b026905bbc8499766a3cbf36.svn-base 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>变电站停趋势图</title>
  5. <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <!-- <script type="text/javascript" src="/nwyj/page/cockpit/context.js"></script> -->
  8. <!--框架必需start-->
  9. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/jquery.js"></script>
  10. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/language/cn.js"></script>
  11. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/main.js"></script>
  12. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/framework.js"></script>
  13. <link href="/nwyj/scripts/qui/libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
  14. <link rel="stylesheet" type="text/css" id="skin" prePath="/nwyj/scripts/qui/" scrollerY="false"/>
  15. <!-- <link rel="stylesheet" type="text/css" id="customSkin"/> -->
  16. <!--框架必需end-->
  17. <!--树组件start-->
  18. <link rel="stylesheet" type="text/css" href="/nwyj/scripts/qui/libs/js/tree/ztree/ztree.css" />
  19. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/tree/ztree/ztree.js"></script>
  20. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/form/selectTree.js"></script>
  21. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/form/listerTree.js"></script>
  22. <!--树组件end-->
  23. <link rel="stylesheet" type="text/css" href="/nwyj/page/cockpit/chartPage.css">
  24. <script type="text/javascript" src="/nwyj/page/cockpit/echarts-2.2.7/build/source/echarts.js"></script>
  25. <script type="text/javascript" src="/nwyj/page/cockpit/echarts-2.2.7/build/dist/echarts.min.js"></script>
  26. <script type="text/javascript" src="/nwyj/page/cockpit/echarts-2.2.7/build/dist/echarts-all.min.js"></script>
  27. <script type="text/javascript" src="/nwyj/page/cockpit/echarts-2.2.7/build/dist/chart/bar.js"></script>
  28. <script type="text/javascript" src="/nwyj/page/cockpit/laydate/laydate.js"></script>
  29. <script type="text/javascript" src="/nwyj/page/cockpit/webgis/util.js"></script>
  30. <script src="/nwyj/page/cockpit/tableandmap/js/echarts.js"></script>
  31. <link rel="stylesheet" type="text/css" href="/nwyj/css/cockpit/charTitle.css">
  32. <script type="text/javascript" src="/nwyj/page/cockpit/webgis/util.js"></script>
  33. <script type="text/javascript" src="/nwyj/page/cockpit/pblicEcharts/publicHistogram/emergencyPlanRevision/emergencyPlanRevision.js"></script>
  34. <!-- 数据表格star -->
  35. <script type="text/javascript" src="../../../../scripts/qui/libs/js/table/quiGrid.js"></script>
  36. <!--数据表格end-->
  37. <style type="text/css">
  38. html, body{width:100%; height:100%; margin:0; padding:0; overflow:hidden; }
  39. .main_box{width:100%; height:100%; }
  40. .map_left{height:100%; width:40%; float:left; display:inline-block; }
  41. .map_left img{width:100%; height:80%; display:block; }
  42. .tab_right{height:100%; width:60%; float:left; }
  43. .min_tab{height:50%; width:100%; clear:both; display:block;overflow: hidden;}
  44. .text_{width:100%; height:auto; border-left:3px solid #008100; display:run-in; }
  45. .text_ span{font-size:14px; font-family:"微软雅黑"; font-weight:bold; color:#d9a505; }
  46. .main_grid{padding:0px; margin-top:0px;}
  47. .bottom_text{display:run-in; }
  48. #title{color:white;font-family: "微软雅黑";font-size: 18px;font-weight: bold;}
  49. </style>
  50. <script type="text/javascript">
  51. </script>
  52. </head>
  53. <body>
  54. <div class="main_box">
  55. <div id="title" class="jsc_chartitle">线路与变电站统计</div>
  56. <div id="histogram" class="map_left"> <img src="/nwyj/images/cockpit/line_substation_map.png"> </div>
  57. <div class="tab_right" id="pie">
  58. <div class="min_tab">
  59. <div class="text_"><span>全网:变电站100座,主变160台,主变容量50361MVA</span></div>
  60. <div id="maingrid" class="main_grid">
  61. <table class="tableStyle" useClick="false" mode="list" id="list">
  62. <tr>
  63. <td width="10%"></td>
  64. <td width="10%">累计</td>
  65. <td width="10%">500kV</td>
  66. <td width="10%">220kV</td>
  67. <td width="10%">110kV</td>
  68. <td width="10%">35kV</td>
  69. </tr>
  70. <tr>
  71. <td>变电站</td>
  72. <td>100</td>
  73. <td>2</td>
  74. <td>10</td>
  75. <td>72</td>
  76. <td>16</td>
  77. </tr>
  78. <tr>
  79. <td>变压器</td>
  80. <td>160</td>
  81. <td>12</td>
  82. <td>20</td>
  83. <td>102</td>
  84. <td>26</td>
  85. </tr>
  86. <tr>
  87. <td>断路器</td>
  88. <td>491</td>
  89. <td>15</td>
  90. <td>58</td>
  91. <td>330</td>
  92. <td>88</td>
  93. </tr>
  94. <tr>
  95. <td>隔离开关</td>
  96. <td>1372</td>
  97. <td>31</td>
  98. <td>192</td>
  99. <td>942</td>
  100. <td>207</td>
  101. </tr>
  102. </table>
  103. </div>
  104. </div>
  105. <div class="min_tab">
  106. <div class="text_ bottom_text"><span>全网:输电线路188回,长度3323.9563公里</span></div>
  107. <div id="maingrid1" class="main_grid">
  108. <table class="tableStyle" useClick="false" mode="list" id="list">
  109. <tr>
  110. <td width="20%">电压等级(kV)</td>
  111. <td width="20%">数量</td>
  112. <td width="20%">长度(公里)</td>
  113. <td width="20%">年同比增长</td>
  114. </tr>
  115. <tr>
  116. <td>500</td>
  117. <td>6</td>
  118. <td>224.146</td>
  119. <td>0%</td>
  120. </tr>
  121. <tr>
  122. <td>220</td>
  123. <td>30</td>
  124. <td>765.754</td>
  125. <td>0%</td>
  126. </tr>
  127. <tr>
  128. <td>110</td>
  129. <td>131</td>
  130. <td>2032.1083</td>
  131. <td>2.039%</td>
  132. </tr>
  133. <tr>
  134. <td>35</td>
  135. <td>21</td>
  136. <td>301.948</td>
  137. <td>0%</td>
  138. </tr>
  139. </table>
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. </body>
  145. </html>