PerfectEquation
/
GZ


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348
							<!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/dist/echarts.min.js"></script>
<script type="text/javascript" src="/nwyj/page/cockpit/echarts-2.2.7/build/dist/echarts-all.min.js"></script>
<script type="text/javascript" src="/nwyj/page/cockpit/echarts-2.2.7/build/dist/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>
<script type="text/javascript" src="/nwyj/scripts/cockpit/search/search_util.js"></script>

<!-- dwr 实现消息推送功能开始-->
	<script type='text/javascript' src='/nwyj/dwr/engine.js'></script>
	<script type='text/javascript' src='/nwyj/dwr/util.js'></script>

<link rel="stylesheet" type="text/css" href=" /nwyj/css/cockpit/commom/ehcartPage.css" />


</head>
<body  onload="dwr.engine.setActiveReverseAjax(true);dwr.engine.setNotifyServerOnPageUnload(true);">
 <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_chart" class="c_page_chart">
 	</div>
 </div>

 <script type="text/javascript">
 var pageParam={};
 var chart=null;
 var utils=new Util();
 var searchUtil = new SearchUtil();
 $(function(){
	 pageParam.style=utils.resolveUrl()["style"]||"style1";
	 pageParam.title=utils.resolveUrl()["title"]||"广东电网";
	 pageParam.number=utils.resolveUrl()["number"]||warnningnumber;
	pageParam.compId=utils.resolveUrl()["dept_id"]||11;
	 init();
 });
 
 /**
 *初始化方法
 */
 function init(){
	if(utils.resolveUrl().dataSourceState==0){
		 loadChart(pageParam);
 	}else{
 		changeSysDataLoadChart(pageParam);
 	}
 }
 
 function loadChart(jsonParam){
 pageParam.isalert=null;
	 if(pageParam.number.split("|")[0]=="预警"){
	 	pageParam.isalert="0";
	 }else{
	 	pageParam.isalert="1";
	 }
	  pageParam.number=pageParam.number.split("|")[1];
	$.post("/nwyj/ws/ChartServiceImpl/ChartServiceImpl/getChildDataOrSelfByWarnningNumber",{charType:"xianlutiaozha",name:"getRecodeSumData",number:jsonParam.number,isalert:pageParam.isalert,compId:jsonParam.compId,viewName:"ROUTE_OFLINE_RESTORE_VIEW"},function(result){
		if(result.rows.length==0){
			zeroChart();
			return;
		}
		removeNoData();
		 var data=result.rows[0];

 		 var sum=utils.changeQ(data["sum"]);
 		 var un=utils.changeQ(data["unsum"]);
 		 var hfl=(sum==0?1:((sum-un)/sum));
		var sArr= [
 		           {
 		              name:"线路跳闸",
 		              type:"gauge",
 			       		radius : "55%",
 			            center: ["50%", "60%"],
 		              detail: {
               					formatter: "{value}%",
               					textStyle: {
                   							fontSize: 32,
                   							fontStyle: "normal",
                   							fontWeight: "bold"
               								},	
               					show: true,
               					width: 100,
               					height: 40,
               					offsetCenter: [0, 0],
               					borderColor: "#ccc",
               					borderWidth: 0
           					},
 		               splitNumber: 5,
 		              axisLine: {
               			lineStyle: {
                   			color: [[hfl, "#0c8918"],[1, "#c00000"]],
                   			width: 30,
                   			shadowColor: "white",
                   			shadowBlur: 14,
                   			shadowOffsetX: 0,
                   			shadowOffsetY: 0
               						}
           						},
 		              axisTick: {            // 坐标轴小标记
 		                  splitNumber: 10,   // 每份split细分多少段
 		                  length :12,        // 属性length控制线长
 		                  lineStyle: {       // 属性lineStyle控制线条样式
 		                      color: "white"
 		                  }
 		              },
 		              axisLabel: {
               						show: true,
               						textStyle: {
                   									fontSize: 10,
                   									fontWeight: "bold",
                   									fontStyle: "normal"
               									}
           						},
 		              splitLine: {
               				show: true,
               				length: 35,
               				lineStyle: {
                   							width: 2,
                   							type: "solid"
               							}
           						},
 		              pointer: {
               					length: "80%",
               					width: 12
           					   },
 		              title : {
 		                  show : true,
 		                  offsetCenter: [0, "-40%"],       // x, y，单位px
 		                  textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
 		                      fontWeight: 'bolder'
 		                  }
 		              },
 		              tooltip: {
               					trigger: "item"
          					   },
 		              detail : {
 		                  formatter:'{value}%',
 		                  textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
 		                      color: 'auto',
 		                      fontWeight: 'bolder'
 		                  }
 		              },
 		              data:[],
 		              title:{show:false}
 		          }
 		      ];
 		 var xAxis=[];
			sArr[0].data.push({value:getFourData(hfl),name:"恢复率"});
			
 
 		opParams={
		 			title:"起始："+data["SEND_TIME"]+":00"+"  截止："+data["APPEAR_TIME"],//标题
		 			subtext:"10kV及以上电压跳闸已恢复总数："+(data["sum"]-data["unsum"])+"(条)\n10kV及以上电压跳闸总数："+data["sum"]+"  (条)",
		 			saveName:$("#i_page_head_title").find("h2").html()+searchUtil.getNowFormatDateTime(new Date),
		 			unit:"座",//单位
		 			leArr:[],//图例
		 			xAxis:xAxis,//x轴
		 			sArr:sArr//主数据
		 		};
 		chart=getEchart($("#i_page_chart"),getOption11,opParams,null); 
 		setTitle();
		   $(window).resize(function(){
			   chart.resize();
			   });
	},"json");
 }


 /**
  *设置标题
  */
  function setTitle(){
 	 $("#i_page_head_title").find("h2").remove();
 		$("#i_page_head_title").append("<h2>"+pageParam.title+"线路跳闸恢复率</h2>");

 	}


 /*dwr推送人工数据方法  */
 function  dwrData(number){
 	if(0!=top.dataSourceState) return;
   	if(number== pageParam.number){
   		loadChart(pageParam);
   	}
}
/*dwr推送系统数据方法  */
 function  dwrSysData(number){
 	if(1!=top.dataSourceState) return;
 	//如果需要关联通知单，放开注释即可
   //	if(number== pageParam.number){
   	changeSysData(pageParam);
   //	}
}
/************************************************************************************************************************/

function changeSysData(number){
	pageParam.number=number;
	changeSysDataLoadChart(pageParam)
}

function changeSysDataLoadChart(jsonParam){
	setTitle();
	$.post("/nwyj/ws/SystemDataSourceChartServiceImpl/SystemDataSourceChartServiceImpl/getLineTripByDept",
	{number:"防风防汛-F-2016-63"/* jsonParam.number */,compId:jsonParam.compId},function(result){
		if("C984DC9C294A486096C25FAA78C99AED"!=jsonParam.compId){
			if("C984DC9C294A486096C25FAA78C99AED"!= jsonParam.parentId){
	 				zeroChartIntoParam("本单位未提供系统数据源");
	 				return;
	 		 }
		}
		if("FAILURE"==result.state){
			zeroChartIntoParam(result.rows);
			return;
		}
		if(result.rows.length==0){
			zeroChart();
			return;
		}
		removeNoData();
		 var data=result.rows[0];
			//alert(JSON.stringify(data));
 		 var sum=utils.changeQ(data["mainT"])+utils.changeQ(data["helpT"]);
 		 var un=utils.changeQ(data["mainW"])+utils.changeQ(data["helpW"]);
 		 var hfl=(sum==0?1:((sum-un)/sum));
		var sArr= [
 		           {
 		              name:"线路跳闸",
 		              type:"gauge",
 			       		radius : "55%",
 			            center: ["50%", "60%"],
 		              detail: {
               					formatter: "{value}%",
               					textStyle: {
                   							fontSize: 32,
                   							fontStyle: "normal",
                   							fontWeight: "bold"
               								},	
               					show: true,
               					width: 100,
               					height: 40,
               					offsetCenter: [0, 0],
               					borderColor: "#ccc",
               					borderWidth: 0
           					},
 		               splitNumber: 5,
 		              axisLine: {
               			lineStyle: {
                   			color: [[hfl, "#0c8918"],[1, "#c00000"]],
                   			width: 30,
                   			shadowColor: "white",
                   			shadowBlur: 14,
                   			shadowOffsetX: 0,
                   			shadowOffsetY: 0
               						}
           						},
 		              axisTick: {            // 坐标轴小标记
 		                  splitNumber: 10,   // 每份split细分多少段
 		                  length :12,        // 属性length控制线长
 		                  lineStyle: {       // 属性lineStyle控制线条样式
 		                      color: "white"
 		                  }
 		              },
 		              axisLabel: {
               						show: true,
               						textStyle: {
                   									fontSize: 10,
                   									fontWeight: "bold",
                   									fontStyle: "normal"
               									}
           						},
 		              splitLine: {
               				show: true,
               				length: 35,
               				lineStyle: {
                   							width: 2,
                   							type: "solid"
               							}
           						},
 		              pointer: {
               					length: "80%",
               					width: 12
           					   },
 		              title : {
 		                  show : true,
 		                  offsetCenter: [0, "-40%"],       // x, y，单位px
 		                  textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
 		                      fontWeight: 'bolder'
 		                  }
 		              },
 		              tooltip: {
               					trigger: "item"
          					   },
 		              detail : {
 		                  formatter:'{value}%',
 		                  textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
 		                      color: 'auto',
 		                      fontWeight: 'bolder'
 		                  }
 		              },
 		              data:[],
 		              title:{show:false}
 		          }
 		      ];
 		 var xAxis=[];
			sArr[0].data.push({value:getFourData(hfl),name:"恢复率"});
			
/* 		 var date = new Date();
		var appear_time = new SearchUtil().getNowFormatDateTime(date); */
 		opParams={
		 			title:"截止："+data["APPEAR_TIME"],//标题
		 			subtext:"220kV及以上电压跳闸已恢复总数："+(data["mainT"]-data["mainW"])+"(条)\n220kV及以上电压跳闸总数："+data["mainT"]+"  (条)",
		 			saveName:$("#i_page_head_title").find("h2").html()+searchUtil.getNowFormatDateTime(new Date),
		 			unit:"座",//单位
		 			leArr:[],//图例
		 			xAxis:xAxis,//x轴
		 			sArr:sArr//主数据
		 		};
 		chart=getEchart($("#i_page_chart"),getOption11,opParams,null); 

		   $(window).resize(function(){
			   chart.resize();
			   });
	},"json");
 }

function subDate(str){
	if(str==null || str==undefined) return "-";
	return str.substring(0,str.indexOf("."));
}


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