26fbd24254e1761efcc1479efb60d22a0556f98e.svn-base 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>设备受损主网受损详情</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/cockpit/cockpitIndex/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. <!--grid组件start-->
  18. <script src="/nwyj/scripts/qui/libs/js/table/quiGrid.js" type="text/javascript"></script>
  19. <!--grid组件end-->
  20. <script type="text/javascript" src="/nwyj/scripts/cockpit/cockpitIndex/util.js"></script>
  21. <!-- <link rel="stylesheet" type="text/css" href="/nwyj/page/cockpit/webgis/js/gisgrid.css"> -->
  22. <link rel="stylesheet" type="text/css" href="/nwyj/page/cockpit/cockpit_layout/icon.css">
  23. <!-- <style type="text/css">
  24. .c_page_hed{background-color: #08094C}
  25. </style> -->
  26. <link rel="stylesheet" type="text/css" href="/nwyj/page/cockpit/webgis/js/jsc_grid.css">
  27. </head>
  28. <body>
  29. <div id="i_page_hed" class="c_page_hed">
  30. </div><div id="i_page_colse" class=" c_page_close index_icon_close_content"></div>
  31. <div id="i_page_grid_content" class="c_page_grid_content">
  32. <div id="i_page_grid" class="c_page_grid"></div>
  33. </div>
  34. <script type="text/javascript">
  35. var utils=new Util();
  36. var grid=null;
  37. var params=utils.resolveUrl();
  38. var columns=[{ display: "单位", name: "DEPT_NAME", minWidth: 60,width:"10%" },
  39. {
  40. display: "500kV",
  41. columns: [{ display: "铁塔倒塌", name: "PLON_DAOTA_500",width:"5%" },
  42. { display: "铁塔变形", name: "PLON_BIANXING_500",width:"5%" },
  43. { display: "未恢复", name: "UNRECOVER_500",width:"5%" }
  44. ]
  45. },
  46. {
  47. display: "220kV",
  48. columns: [{ display: "铁塔倒塌", name: "PLON_DAOTA_220", width:"5%" },
  49. { display: "铁塔变形", name: "PLON_BIANXING_220", width:"5%" },
  50. { display: "未恢复", name: "UNRECOVER_220", width:"5%" }
  51. ]
  52. },
  53. {
  54. display: "110kV",
  55. columns: [{ display: "铁塔倒塌", name: "PLON_DAOTA_110", width:"6%" },
  56. { display: "铁塔变形", name: "PLON_BIANXING_110", width:"5%" },
  57. { display: "断杆", name: "DUANGAN_110", width:"4%" },
  58. { display: "倒杆", name: "DAOGAN_110", width:"4%" },
  59. { display: "电杆倾斜", name: "DIANGAN_QIGNXIE_110",width:"5%" },
  60. { display: "未恢复", name: "UNRECOVER_110", width:"5%" }]
  61. },
  62. {
  63. display: "35kV",
  64. columns: [{ display: "铁塔倒塌", name: "PLON_DAOTA_35",width:"6%" },
  65. { display: "铁塔变形", name: "PLON_BIANXING_35", width:"5%" },
  66. { display: "断杆", name: "DUANGAN_35", width:"4%" },
  67. { display: "倒杆", name: "DAOGAN_35",width:"4%" },
  68. { display: "电杆倾斜", name: "DIANGAN_QIGNXIE_35", width:"5%" },
  69. { display: "未恢复", name: "UNRECOVER_10", width:"5%" }]
  70. },
  71. {
  72. display: "10kV",
  73. columns: [{ display: "铁塔倒塌", name: "PLON_DAOTA_10", width:"9%" },
  74. { display: "铁塔变形", name: "PLON_BIANXING_10", width:"9%" },
  75. { display: "断杆", name: "DUANGAN_10", width:"8%" },
  76. { display: "倒杆", name: "DAOGAN_10", width:"9%" },
  77. { display: "电杆倾斜", name: "DIANGAN_QIGNXIE_10",width:"9%" },
  78. { display: "未恢复", name: "UNRECOVER_10", width:"9%" }]
  79. },
  80. {
  81. display: "低压",
  82. columns: [
  83. { display: "断杆", name: "DAUNGAN_DIYA", width:"8%" },
  84. { display: "倒杆", name: "DAOGAN_DIYA",width:"9%" },
  85. { display: "电杆倾斜", name: "QINGGAN_DIYA", width:"9%" },
  86. { display: "未恢复", name: "UNRECOVER_DIYA", width:"9%" }]
  87. }];
  88. var options={
  89. columns:columns,
  90. url:"/nwyj/ws/SystemDataSourceChartServiceImpl/SystemDataSourceChartServiceImpl/getDaoGanChildDeptInfo",
  91. params: [
  92. {name:"number",value:params.number},
  93. {name:"compId",value:params.compId}
  94. ] ,
  95. pageSize:10,
  96. usePager:false,
  97. percentWidthMode:true,
  98. height:"100%",
  99. method: "post",
  100. width:"100%",
  101. usePager : false,
  102. isScroll: true,
  103. percentWidthMode : false,
  104. alternatingRow: false,
  105. rowAttrRender: function(rowdata, rowindex, rowid){
  106. return rowdata["__index"] % 2 == 0 ? "style='background-color:rgb(44,51,79);'" : "style='background-color:rgb(34,40,62);'" ;
  107. }
  108. };
  109. $(function(){
  110. grid=$("#i_page_grid").quiGrid(options);
  111. setTitle();
  112. close();
  113. });
  114. function setTitle(){
  115. $("#i_page_hed").text(params.text+"主网设备受损详情");
  116. }
  117. </script>
  118. </body>
  119. </html>