PerfectEquation
/
GZ


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249
							<!DOCTYPE html>
<html>
  <head>
    <title>变电站停运大于电压明细</title>
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript" src="/nwyj/scripts/cockpit/cockpitIndex/context.js"></script>
    <!--框架必需start-->
	 <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/jquery.js"></script> 
    <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/language/cn.js"></script>
    <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/main.js"></script>
    <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/framework.js"></script>
    <link href="/nwyj/scripts/qui/libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" id="skin" prePath="/nwyj/scripts/qui/" scrollerY="false"/>
    <link rel="stylesheet" type="text/css" id="customSkin"/>
	<!--框架必需end-->
	<!--grid组件start-->
	<script src="/nwyj/scripts/qui/libs/js/table/quiGrid.js" type="text/javascript"></script>
	<!--grid组件end-->
	<script type="text/javascript" src="/nwyj/scripts/cockpit/cockpitIndex/util.js"></script>
	<!-- <link rel="stylesheet" type="text/css" href="/nwyj/page/cockpit/webgis/js/gisgrid.css"> -->
	<link rel="stylesheet" type="text/css" href="/nwyj/page/cockpit/cockpit_layout/icon.css">
	<!-- <style type="text/css">
		.c_page_hed{background-color:#08094C }
	</style> -->
	
	<link rel="stylesheet" type="text/css" href="/nwyj/page/cockpit/webgis/js/jsc_grid.css">
	
  </head>
  
  <body>
  	<div id="i_page_hed" class="c_page_hed">
  	</div><div id="i_page_colse" class=" c_page_close index_icon_close_content"></div>	
  	<div id="i_page_grid_content" class="c_page_grid_content">
  		<div id="i_page_grid" class="c_page_grid"></div>
  	</div>
	<script type="text/javascript">
	var utils=new Util();
	var grid=null;
	var params=utils.resolveUrl();
 	var columns=[{ display:"变电站名称", name: "BDZMC", align: "center", width: "25%"},
	         { display:"停运时间", name: "TYSJ",align: "center", width: "25%"},
	         { display:"恢复时间", name: "HFSJ",align: "center", width: "25%"},
	         { display:"是否已恢复", name: "SFYHF",align: "center", width: "25%",render:function(rowdata, rowindex, value, column){
	         	return value==0?"未恢复":"已恢复";
	         }}
	 ]; 
 	
 	var options={
	    columns:columns, 
	    url:"/nwyj/ws/ChartServiceImpl/ChartServiceImpl/getSubstationStoppageDetailInfo",
	    params: [
	             {name:"reportId",value:params.reportId},
	             {name:"compId",value:params.compId}
	             
	             ] ,
	    pageSize:10, 
	    usePager:true,
	    percentWidthMode:true,
	    height:"100%", 
	    method: "post",
	    width:"100%",
	    usePager : false,
		isScroll: true,
		percentWidthMode : false,
		alternatingRow: false,
	    rowAttrRender: function(rowdata, rowindex, rowid){
            return rowdata["__index"] % 2 == 0 ? "style='background-color:rgb(44,51,79);'" : "style='background-color:rgb(34,40,62);'" ;
        }
	};
	$(function(){
		 grid=$("#i_page_grid").quiGrid(options); 
		 setTitle();
		 close();

	});
	function setTitle(){
		$("#i_page_hed").text(params.text+"变电站停运详情表");
	}
	
	</script>
  </body>
</html>


<!-- <!DOCTYPE html>
<html>
  <head>
<title>变电站停运统计图--子集饼图</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="/nwyj/scripts/qui/libs/js/jquery.js"></script>
<script type="text/javascript" src="/nwyj/scripts/cockpit/cockpitIndex/context.js"></script>
<script type="text/javascript" src="/nwyj/page/cockpit/echarts-2.2.7/build/source/echarts.js"></script>
<script type="text/javascript" src="/nwyj/page/cockpit/echarts-2.2.7/build/source/echarts-all.js"></script>
<script type="text/javascript" src="/nwyj/page/cockpit/echarts-2.2.7/build/source/chart/pie.js"></script>
<script type="text/javascript" src=" /nwyj/page/cockpit/cockpit_echart.js"></script>
   <script type="text/javascript" src=" /nwyj/page/cockpit/webgis/util.js"></script>  
<script type="text/javascript" src="/nwyj/scripts/cockpit/cockpitIndex/util.js"></script>
<link rel="stylesheet" type="text/css" href=" /nwyj/css/cockpit/commom/ehcartPage.css" />
<link rel="stylesheet" type="text/css" href="/nwyj/page/cockpit/cockpit_layout/icon.css">
<link rel="stylesheet" type="text/css" href="/nwyj/page/cockpit/webgis/js/gisgrid.css">

<style type="text/css">
	.c_page_head{background-color:#08094C }
	.c_page_chart{background-color: #192735}
	body, html {width: 100%;height: 100%;overflow: hidden;background-color: #192735;}
</style>
</head>
  <body>
  
 <div id="i_page_main" class="c_page_main">
 	<div id="i_page_head" class="c_page_head">
 		<div id="i_page_head_title">
 		</div>
 		<div id="i_page_head_subtitle"></div>
 	</div><div id="i_page_colse" class=" c_page_close index_icon_close_content"></div>
 	<div id="i_page_chart" class="c_page_chart">
 	</div>
 </div>


 <script type="text/javascript">
 var pageParam={};
 var chart=null;
 var utils=new Util();
 $(function(){
	 close();
	 pageParam=utils.resolveUrl();
	 init();
 });
 function init(){
	
	 loadChart(pageParam);
 }
 function loadChart(jsonParam){

		
		var strLabel="PRESSURE_LOSS_";
		 var levelArr=[{name:"ONE",text:"500kV"},{name:"TWO",text:"220kV"},{name:"THREE",text:"110kV"},{name:"FOUR",text:"35kV"}];
		 var suml="PRESSURE_LOSS_";
 		 var unl="NO_RECOVER_";
 		 var tempLevel=["ONE","TWO","THREE","FOUR"];
 		 var tempXAxis=["500kV","220kV","110kV","35kV"];
 		 var sArr=[
				 {	 type:"pie",
					 stack:"sum",
					 name:"变电站"+pageParam.state+"数",data:[],
	 		         radius : "55%",
	 		         center: ["50%", "60%"],
					 itemStyle: { 
					           normal: {borderWidth: 1,borderColor:"tomato",
							             label : { show : true,
							             		   position: "insideTop",
							             		   textStyle: {fontSize: 14,fontStyle: "normal",fontWeight: "bold"},
	 		     							       formatter: "{b} : {c} ({d}%)"
							             		 }
					           			}
		           			}
					}
 		 			];
 		 var xAxis=["500kV","220kV","110kV","35kV"];

 			sArr[0].data.push({value:utils.changeQ(pageParam["five"]),name:"500kV",
 			                 itemStyle: { normal: {color: pageStyle[jsonParam.style]["chartColor"][0]}}
 			                 })
 			sArr[0].data.push({value:utils.changeQ(pageParam["two"]),name:"220kV",
                			 itemStyle: { normal: {color: pageStyle[jsonParam.style]["chartColor"][1]}}
                			 });
            sArr[0].data.push({value:utils.changeQ(pageParam["one"]),name:"110kV",
		        			 itemStyle: { normal: {color: pageStyle[jsonParam.style]["chartColor"][2]}}
		        			 });
            sArr[0].data.push({value:utils.changeQ(pageParam["three"]),name:"35kV",
		         			 itemStyle: { normal: {color: pageStyle[jsonParam.style]["chartColor"][3]}}
		         			 });
 		
 
 		pageParam.opParams={

		 			title:"",//标题
		 			subtext:"",
		 			unit:"条",//单位
		 			leArr:["500kV","220kV","110kV","35kV"],//图例
		 			xAxis:[],//x轴
		 			sArr:sArr//主数据
		 		};
 		setTitle();
	 	bindEvent();
 		chart=getEchart($("#i_page_chart"),getOption11,pageParam.opParams,null); 

	
 }

 function setTitle(){
		$("#i_page_head").html(pageParam["text"]+"变电站"+pageParam["state"]+"统计");
 	} 

 /**
  * 绑定事件
  */
 function bindEvent(){
 	$(window).resize(function(){
 		chart.resize();
 	});	
 }

   </script>
  </body>
</html>
 -->