96ab8dc12ba851bee6da64928c352bb4e6d83bc6.svn-base 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  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/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. <script type="text/javascript" src="/nwyj/scripts/cockpit/cockpitIndex/util.js"></script>
  23. <!-- <link rel="stylesheet" type="text/css" href="/nwyj/page/cockpit/webgis/js/gisgrid.css"> -->
  24. <link rel="stylesheet" type="text/css" href="/nwyj/page/cockpit/cockpit_layout/icon.css">
  25. <!-- <style type="text/css">
  26. .c_index_iframe_content{position: absolute;top:50%;left: 50%;width: 1000px;height: 500px;
  27. margin-left: -500px;margin-top: -250px;display: inline-block;background-color: #ffffff}
  28. .c_index_detail_iframe{width: 100%;height: 100%;display: inline-block;background-color: transparent;border: none;background-color: #ffffff}
  29. </style> -->
  30. <link rel="stylesheet" type="text/css" href="/nwyj/page/cockpit/webgis/js/jsc_grid.css">
  31. </head>
  32. <body>
  33. <div id="i_page_hed" class="c_page_hed" >
  34. </div><div id="i_page_colse" class=" c_page_close index_icon_close_content"></div>
  35. <div id="i_page_grid_content" class="c_page_grid_content">
  36. <div id="i_page_grid" class="c_page_grid"></div>
  37. </div>
  38. <script type="text/javascript">
  39. var utils=new Util();
  40. var grid=null;
  41. var params=utils.resolveUrl();
  42. //IS_DEL=0 and CUSTOMER_CLASSIFICATION='1' 重要用户
  43. //IS_DEL=0 and CUSTOMER_CLASSIFICATION='3' 重点关注用户
  44. if(params.state==9){
  45. var loadParams = {
  46. "compId" : params.compId,
  47. volate:params.volate,
  48. beginTime:params.beginTime,
  49. endTime:params.endTime
  50. };
  51. var columns=[
  52. { display: '线路名称', name: 'EQUIPMENTNAME', align: 'center', width: "20%"},
  53. { display: '变电站', name: 'STATIONNAME', align: 'center', width: "10%"},
  54. { display: '所属地市', name: 'AREA', align: 'center', width: "10%"},
  55. { display: '影响重要用户', name: 'VIPCONSUMER', align: 'center', width: "10%"},
  56. { display: '影响用户数', name: 'CONSUMER', align: 'center', width: "10%"},
  57. { display: '故障所属维护单位', name: 'MAINTENANCEDEPARTMENT', align: 'center', width: "10%"},
  58. { display: '损失负荷', name: 'LOSTLOAD', align: 'center' , width: "10%" },
  59. { display: '调管机构', name: 'INSTITUTIONS', align: 'center', width: "10%" },
  60. { display: '停电时间', name: 'TRIPTIME', align: 'center', width: "10%" }
  61. ];
  62. url="/nwyj/ws/SystemDataSourceChartServiceImpl/SystemDataSourceChartServiceImpl/getNowLineTripDetailInfo1";
  63. }else{
  64. url="/nwyj/ws/SystemDataSourceChartServiceImpl/SystemDataSourceChartServiceImpl/getNowLineTripDetailInfo";
  65. var loadParams = {
  66. "state" : "'"+params.state.replace("-","','")+"'",
  67. "compId" : params.compId,
  68. volate:params.volate,
  69. beginTime:params.beginTime,
  70. endTime:params.endTime
  71. };
  72. var columns=[
  73. { display: '线路名称', name: 'EQUIPMENTNAME', align: 'center', width: "20%"},
  74. { display: '变电站', name: 'STATIONNAME', align: 'center', width: "10%"},
  75. { display: '所属地市', name: 'AREA', align: 'center', width: "10%"},
  76. { display: '影响重要用户', name: 'VIPCONSUMER', align: 'center', width: "10%"},
  77. { display: '影响用户数', name: 'CONSUMER', align: 'center', width: "10%"},
  78. { display: '故障所属维护单位', name: 'MAINTENANCEDEPARTMENT', align: 'center', width: "10%"},
  79. { display: '损失负荷', name: 'LOSTLOAD', align: 'center' , width: "10%" },
  80. { display: '调管机构', name: 'INSTITUTIONS', align: 'center', width: "10%" },
  81. { display: '停电时间', name: 'TRIPTIME', align: 'center', width: "10%" }
  82. ];
  83. }
  84. var options={
  85. columns:columns,
  86. url:url,
  87. params:loadParams,
  88. pageSize:10,
  89. usePager:false,
  90. percentWidthMode:true,
  91. height:"100%",
  92. method: "post",
  93. width:"100%",
  94. usePager : true,
  95. isScroll: true,
  96. percentWidthMode : false,
  97. alternatingRow: false,
  98. rowAttrRender: function(rowdata, rowindex, rowid){
  99. return rowdata["__index"] % 2 == 0 ? "style='background-color:rgb(44,51,79);'" : "style='background-color:rgb(34,40,62);'" ;
  100. }
  101. };
  102. $(function(){
  103. grid=$("#i_page_grid").quiGrid(options);
  104. setTitle();
  105. close();
  106. });
  107. function setTitle(){
  108. $("#i_page_hed").text(params.deptName+"实时线路跳闸详情");
  109. }
  110. //点击查看
  111. function jumpPage(id){
  112. var pathStr=url["http_path"]+"page/cockpit/echart_maticView/amResource/customer-focusinfo.html?"+id;
  113. utils.openIframe(pathStr);
  114. //window.location.href="customer-focusinfo.jsp?"+id;
  115. }
  116. </script>
  117. </body>
  118. </html>