wp/nwyj/.svn/pristine/ef/ef38a35d8c7fd911c7bedc018d4cd6cc24dd06d1.svn-base

//数据表格使用
var g;
// 公司名称数组--X轴数据
var compIds = "";
var series = "";
var gridData = "";
var oneCols = [ {
	display : '特级',
	columns: [{ display: '户数', name: 'tjcustomerNum', minWidth: 60,width:70  }]
},{
	display : '一级',
	columns: [{ display: '户数', name: 'yjcustomerNum', minWidth: 60,width:70  }]
},{
	display : '二级',
	columns: [{ display: '户数', name: 'ejcustomerNum', minWidth: 60,width:70  }]
},{
	display : '合计',
	columns: [{ display: '户数', name: 'hejiSum', minWidth: 60,width:70  }]
} ];
var twoCols = [ {
	display : '特级',
	columns: [{ display: '户数', name: 'tjgdmzcustomerNum', minWidth: 60,width:70  },
	          { display: '合格率（%）', name: 'tjgdbfbcustomerNum', minWidth: 60,width:90  }]
},{
	display : '一级',
	columns: [{ display: '户数', name: 'yjgdmzcustomerNum', minWidth: 60,width:70  },
	          { display: '合格率（%）', name: 'yjgdmzbfbcustomerNum', minWidth: 60,width:90  }]
},{
	display : '二级',
	columns: [{ display: '户数', name: 'ejgdmzcustomerNum', minWidth: 60,width:70  },
	          { display: '合格率（%）', name: 'ejgdmzbfbcustomerNum', minWidth: 60,width:90  }]
},{
	display : '合计',
	columns: [{ display: '户数', name: 'hejidmSum', minWidth: 60,width:70  },
	          { display: '合格率（%）', name: 'hejidmbfbSum', minWidth: 60,width:90  }]
} ];
var threeCols = [ {
	display : '特级',
	columns: [{ display: '户数', name: 'tjzbmzcustomerNum', minWidth: 60,width:70  },
	          { display: '合格率（%）', name: 'tjzbmzbfbcustomerNum', minWidth: 60,width:90  }]
},{
	display : '一级',
	columns: [{ display: '户数', name: 'yjzbmzcustomerNum', minWidth: 60,width:70  },
	          { display: '合格率（%）', name: 'yjzbmzbfbcustomerNum', minWidth: 60,width:90  }]
},{
	display : '二级',
	columns: [{ display: '户数', name: 'ejzbmzcustomerNum', minWidth: 60,width:70  },
	          { display: '合格率（%）', name: 'ejzbmzbfbcustomerNum', minWidth: 60,width:90  }]
},{
	display : '合计',
	columns: [{ display: '户数', name: 'hejizbSum', minWidth: 60,width:70  },
	          { display: '合格率（%）', name: 'hejizbbfbSum', minWidth: 60,width:90  }]
} ];
var fourCols = [ {
	display : '特级',
	columns: [{ display: '户数', name: 'tjsfcustomerNum', minWidth: 60,width:70  }]
},{
	display : '一级',
	columns: [{ display: '户数', name: 'yjsfcustomerNum', minWidth: 60,width:70  }]
},{
	display : '二级',
	columns: [{ display: '户数', name: 'ejsfcustomerNum', minWidth: 60,width:70  }]
},{
	display : '合计',
	columns: [{ display: '总户数', name: 'hejisfSum', minWidth: 60,width:70  }]
} ];
		
		//单位ID
		var deptName = top.com.sinosoft.lz.system.user.LoginInfo.getCorp_ids();

		//柱状图
		var option = {
			    title : {
			        text: '重要用户信息统计图',
			        subtext: '/户'
			    },
			    tooltip : {
			        trigger: 'axis',
			        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
			            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
			        },
			        formatter: function (params){
			            return params[0].name + '<br/>'
			                   + params[0].seriesName + ' : ' + params[0].value + '<br/>'
			                   + params[1].seriesName + ' : ' + params[1].value + '<br/>'
			                   + params[2].seriesName + ' : ' + params[2].value;
			        }
			    },
			    legend: {
			    	y  : 'bottom',
			        data:['特级用户','一级用户','二级用户']
			    },
			    toolbox: {
			        show : true,
			        feature : {
			            mark : {show: true},
			            dataView : {show: false, readOnly: false},
			            restore : {show: true},
			            saveAsImage : {show: true}
			        }
			    },
			    calculable : true,
			    xAxis : [
			        {
			            type : 'category',
			            data : ['广东电网','清远','韶关','中山','东莞','佛山']
			        }
			    ],
			    yAxis : [
			        {
			            type : 'value',
			            boundaryGap: [0, 0.1]
			        }
			    ],
			    series : [
			        {
			            name:'特级用户',
			            type:'bar',
			            stack: 'sum',
			            barCategoryGap: '50%',
			            itemStyle: {
			                normal: {
			                    color: 'tomato',
			                    barBorderColor: 'tomato',
			                    barBorderWidth:0.2,
			                    barBorderRadius:0,
			                    label : {
			                        show: true, position: 'insideTop'
			                    }
			                }
			            },
			            data:[100, 200, 220, 120, 100, 80]
			        },
			        {
			            name:'一级用户',
			            type:'bar',
			            stack: 'sum',
			            barCategoryGap: '50%',
			            itemStyle: {
			                normal: {
			                    color: 'yellow',
			                    barBorderColor: 'tomato',
			                    barBorderWidth:0.2,
			                    barBorderRadius:0,
			                    label : {
			                        show: true, position: 'insideTop',
			                        formatter: function (params) {
			                            for (var i = 0, l = option.xAxis[0].data.length; i < l; i++) {
			                                if (option.xAxis[0].data[i] == params.name) {
			                                    return option.series[0].data[i] + params.value;
			                                }
			                            }
			                        }
			                    }
			                }
			            },
			            data:[200, 200, 220, 120, 100, 80]
			        },
			        {
			            name:'二级用户',
			            type:'bar',
			            stack: 'sum',
			            itemStyle: {
			                normal: {
			                    color: 'blue',
			                    barBorderColor: 'tomato',
			                    barBorderWidth:0.2,
			                    barBorderRadius:0,
			                    label : {
			                        show: true, 
			                        position: 'top',
			                        formatter: function (params) {
			                            for (var i = 0, l = option.xAxis[0].data.length; i < l; i++) {
			                                if (option.xAxis[0].data[i] == params.name) {
			                                    return option.series[0].data[i] + option.series[1].data[i] + params.value;
			                                }
			                            }
			                        },
			                        textStyle: {
			                            color: 'tomato'
			                        }
			                    }
			                }
			            },
			            data:[300, 80, 50, 80,80, 70]
			        }
			    ]
			};
		var series1={
		        name:'特级用户',
		        type:'bar',
		        stack: 'sum',
		        barCategoryGap: '50%',
		        itemStyle: {
		            normal: {
		                color: 'tomato',
		                barBorderColor: 'tomato',
		                barBorderWidth:0.2,
		                barBorderRadius:0,
		                label : {
		                    show: true, position: 'insideTop'
		                }
		            }
		        },
		        data:[100, 200, 220, 120, 100, 80]
		    };
		var series2={
		        name:'一级用户',
		        type:'bar',
		        stack: 'sum',
		        barCategoryGap: '50%',
		        itemStyle: {
		            normal: {
		                color: 'yellow',
		                barBorderColor: 'tomato',
		                barBorderWidth:0.2,
		                barBorderRadius:0,
		                label : {
		                    show: true, position: 'insideTop',
		                    formatter: function (params) {
		                        for (var i = 0, l = option.xAxis[0].data.length; i < l; i++) {
		                            if (option.xAxis[0].data[i] == params.name) {
		                                return parseInt(option.series[0].data[i]) + parseInt(params.value);
		                            }
		                        }
		                    }
		                }
		            }
		        },
		        data:[200, 200, 220, 120, 100, 80]
		    };
		var series3={
		        name:'二级用户',
		        type:'bar',
		        stack: 'sum',
		        itemStyle: {
		            normal: {
		                color: 'blue',
		                barBorderColor: 'tomato',
		                barBorderWidth:0.2,
		                barBorderRadius:0,
		                label : {
		                    show: true, 
		                    position: 'top',
		                    formatter: function (params) {
		                        for (var i = 0, l = option.xAxis[0].data.length; i < l; i++) {
		                            if (option.xAxis[0].data[i] == params.name) {
		                                return parseInt(option.series[0].data[i]) + parseInt(option.series[1].data[i]) + parseInt(params.value);
		                            }
		                        }
		                    },
		                    textStyle: {
		                        color: 'tomato'
		                    }
		                }
		            }
		        },
		        data:[300, 80, 50, 80,80, 70]
		    };
		//柱状图方法
		//总体
		function changeBarOption1(data){
			series1.name='特级用户';
			series2.name='一级用户';
			series3.name='二级用户';
			var legendData=[];
			var data1=[];
			var data2=[];
			var data3=[];
			for(var i=0;i<data.rows.length-1;i++){
				legendData[i]=data.rows[i].name;
				data1[i]=data.rows[i].tjcustomerNum;
				data2[i]=data.rows[i].yjcustomerNum;
				data3[i]=data.rows[i].ejcustomerNum;
			}
			series1.data=data1;
			series2.data=data2;
			series3.data=data3;
			
			option.series[0]=series1;
			option.series[1]=series2;
			option.series[2]=series3;
			
			option.xAxis[0].data=legendData;
			option.legend.data=['特级用户', '一级用户','二级用户'];
			option.tooltip.formatter=function (params){
		        return params[0].name + '<br/>'
		               + params[0].seriesName + ' : ' + params[0].value + '<br/>'
		               + params[1].seriesName + ' : ' + params[1].value + '<br/>'
		               + params[2].seriesName + ' : ' + params[2].value;
		    };
		    
		}
		//供电电源
		function changeBarOption2(data){
			series1.name='特级用户';
			series2.name='一级用户';
			series3.name='二级用户';
			var legendData=[];
			var data1=[];
			var data2=[];
			var data3=[];
			for(var i=0;i<data.rows.length-1;i++){
				legendData[i]=data.rows[i].name;
				data1[i]=data.rows[i].tjgdmzcustomerNum;
				data2[i]=data.rows[i].yjgdmzcustomerNum;
				data3[i]=data.rows[i].ejgdmzcustomerNum;
			}
			series1.data=data1;
			series2.data=data2;
			series3.data=data3;
			
			option.series[0]=series1;
			option.series[1]=series2;
			option.series[2]=series3;
			
			option.xAxis[0].data=legendData;
			option.legend.data=['特级用户', '一级用户','二级用户'];
			option.tooltip.formatter=function (params){
		        return params[0].name + '<br/>'
	               + params[0].seriesName + ' : ' + params[0].value + '<br/>'
	               + params[1].seriesName + ' : ' + params[1].value + '<br/>'
	               + params[2].seriesName + ' : ' + params[2].value;
		    };
		    
		}
		//自备应急
		function changeBarOption3(data){
			series1.name='特级用户';
			series2.name='一级用户';
			series3.name='二级用户';
			var legendData=[];
			var data1=[];
			var data2=[];
			var data3=[];
			for(var i=0;i<data.rows.length-1;i++){
				legendData[i]=data.rows[i].name;
				data1[i]=data.rows[i].tjzbmzcustomerNum;
				data2[i]=data.rows[i].yjzbmzcustomerNum;
				data3[i]=data.rows[i].ejzbmzcustomerNum;
			}
			series1.data=data1;
			series2.data=data2;
			series3.data=data3;
			
			option.series[0]=series1;
			option.series[1]=series2;
			option.series[2]=series3;
			
			option.xAxis[0].data=legendData;
			option.legend.data=['特级用户', '一级用户','二级用户'];
			option.tooltip.formatter=function (params){
		        return params[0].name + '<br/>'
		               + params[0].seriesName + ' : ' + params[0].value + '<br/>'
		               + params[1].seriesName + ' : ' + params[1].value + '<br/>'
		               + params[2].seriesName + ' : ' + params[2].value;
		    };
		    
		}
		//“双不满足”
		function changeBarOption4(data){
			series1.name='特级用户';
			series2.name='一级用户';
			series3.name='二级用户';
			var legendData=[];
			var data1=[];
			var data2=[];
			var data3=[];
			for(var i=0;i<data.rows.length-1;i++){
				legendData[i]=data.rows[i].name;
				data1[i]=data.rows[i].tjsfcustomerNum;
				data2[i]=data.rows[i].yjsfcustomerNum;
				data3[i]=data.rows[i].ejsfcustomerNum;
			}
			series1.data=data1;
			series2.data=data2;
			series3.data=data3;
			
			option.series[0]=series1;
			option.series[1]=series2;
			option.series[2]=series3;
			
			option.xAxis[0].data=legendData;
			option.legend.data=['特级用户', '一级用户','二级用户'];
			option.tooltip.formatter=function (params){
		        return params[0].name + '<br/>'
	               + params[0].seriesName + ' : ' + params[0].value + '<br/>'
	               + params[1].seriesName + ' : ' + params[1].value + '<br/>'
	               + params[2].seriesName + ' : ' + params[2].value;
		    };
		    
		}
		
		//折线图option1
		var option1 = {
			  	title : {
			        text: '重要用户信息统计图',
				    subtext: '/户'
			    },
			    tooltip : {
			        trigger: 'axis'
			    },
			    legend: {
			    	y:'bottom',
			    	data:['广东','清远','中山']
			    },
			    toolbox: {
			        show : true,
			        feature : {
			            mark : {show: true},
			            dataView : {show: false, readOnly: false},
			            magicType : {show: false, type: ['line', 'bar', 'stack', 'tiled']},
			            restore : {show: true},
			            saveAsImage : {show: true}
			        }
			    },
			    calculable : true,
			    xAxis : [
			        {
			            type : 'category',
			            boundaryGap : false,
			            data : ['特级用户','一级用户','二级用户']
			        }
			    ],
			    yAxis : [
			        {
			            type : 'value'
			        }
			    ],
			    series : [
			  	        {
			  	            name:'广东',
			  	            type:'line',
			  	            
			  	            data:[20, 30, 50,40]
			  	        },
			  	        {
			  	            name:'清远',
			  	            type:'line',
			  	            
			  	            data:[10, 18, 19, 24]
			  	        },
			  	        {
			  	            name:'中山',
			  	            type:'line',
			  	            
			  	            data:[15, 22, 20, 15]
			  	        }
			  	    ]
			};		
		function changeLineOption(data){
			var legendData=[];
			var seriesJson=[];
			for(var i=0;i<data.rows.length-1;i++){
				legendData[i]=data.rows[i].name;
				var d=[];
				var j=0;
				if(data.rows[i]["tjcustomerNum"]!=undefined){
					d[j]=data.rows[i]["tjcustomerNum"];
					j++;
				}
				if(data.rows[i]["yjcustomerNum"]!=undefined){
					d[j]=data.rows[i]["yjcustomerNum"];
					j++;
				}
				if(data.rows[i]["ejcustomerNum"]!=undefined){
					d[j]=data.rows[i]["ejcustomerNum"];
					j++;
				}
				var json={name:data.rows[i].name,type:'line',data:d};
				seriesJson[i]=json;
			}
			option1.legend.data=legendData;
			option1.xAxis[0].data=['特级用户','一级用户','二级用户'];
			option1.series=seriesJson;
		}

//function changeLineOption2(data){
//	var legendData=[];
//	var seriesData=[];
//	var data1=[];
//	var data2=[];
//	var data3=[];
//	var data4=[];
//	for(var i=0;i<data.rows.length-1;i++){
//		//alert(data.rows[i].name);
//		legendData[i]=data.rows[i].name;
//		data1[i]=data.rows[i].national;
//		data2[i]=data.rows[i].occupation;
//		data3[i]=data.rows[i].provincial;
//		data4[i]=data.rows[i].international;
//	}
//	var series1={ name:'国家标准',
//            	  type:'line',
//                  data:data1
//	 };
//	var series2={ name:'行业标准',
//      	  type:'line',
//            data:data2
//	};
//	var series3={ name:'地方标准',
//      	  type:'line',
//            data:data3
//	};
//	var series4={ name:'国际标准',
//      	  type:'line',
//            data:data4
//	};
//	
//	
//	option1.legend.data=$("#CLASSES_242").attr("relText").split(",");
//	var getInput=$("#CLASSES_242").attr("relText").split(",");
//	var j=0;
//	if($.inArray('国家标准',getInput)!=-1){
//		seriesData[j]=series1;
//		j++;
//	}
//	if($.inArray('行业标准',getInput)!=-1){
//		seriesData[j]=series2;
//		j++;
//	}
//	if($.inArray('地方标准',getInput)!=-1){
//		seriesData[j]=series3;
//		j++;
//	}
//	if($.inArray('国际标准',getInput)!=-1){
//		seriesData[j]=series4;
//		j++;
//	}
//
//	//seriesData=[series1,series2,series3,series4,series5];
//	option1.xAxis[0].data=legendData;
//	option1.series=seriesData;
//}	

		//饼图option2
		var option2 = {
			    title : {
			        text: '重要用户信息统计图',
			        subtext: '/户'
			    },
			    tooltip : {
			        trigger: 'item',
			        formatter: "{a} <br/>{b} : {c} ({d}%)"
			    },
			    legend: {
			        y : 'bottom',
			        data:['特级用户','一级用户','二级用户']
			    },
			    toolbox: {
			        show : true,
			        feature : {
			            mark : {show: true},
			            dataView : {show: false, readOnly: false},
			            magicType : {
			                show: false, 
			                type: ['pie', 'funnel'],
			                option: {
			                    funnel: {
			                        x: '25%',
			                        width: '50%',
			                        funnelAlign: 'left',
			                        max: 1548
			                    }
			                }
			            },
			            restore : {show: true},
			            saveAsImage : {show: true}
			        }
			    },
			    calculable : true,
			    series : [
			        {
			            name:'重要用户信息',
			            type:'pie',
			            radius : '55%',
			            center: ['50%', '55%'],
			            data:[
			                {value:335, name:'特级用户'},
			                {value:310, name:'一级用户'},
			                {value:234, name:'二级用户'}
			            ]
			        }
			    ]
			};

		function changePieOption(data){
			/*************************************************** 初始化解析饼图数据  start**********************************************************/
				option2.legend.data=['特级用户','一级用户','二级用户'];
				var index=data.rows.length-1;
				var seriesJson=[];
				var j=0;
				if(data.rows[index]["tjcustomerNum"]!=undefined){
					var json={value:data.rows[index]["tjcustomerNum"],name:'特级用户'};
					seriesJson[j]=json;
					j++;
				}
				if(data.rows[index]["yjcustomerNum"]!=undefined){
					var json={value:data.rows[index]["yjcustomerNum"],name:'一级用户'};
					seriesJson[j]=json;
					j++;
				}
				if(data.rows[index]["ejcustomerNum"]!=undefined){
					var json={value:data.rows[index]["ejcustomerNum"],name:'二级用户'};
					seriesJson[j]=json;
					j++;
				}
				option2.series[0].data=seriesJson;
			/*************************************************** 初始化解析饼图数据   end **********************************************************/
			}

		
		

// 表格的初始化
function initComplete() {//gridData
	deptName = (window.location.href).split('?')[1];
	$("body").eq(0).showLoading();
	$.ajax({
		url : $.pathname()+ "/ws/customerHuiZong/customerHuiZongService/getZYCustomerInfo",
		type : 'post',
		timeout : 60000,
		data : {id : deptName},
		dataType : 'json',
		success : function(data){
			g = $("#maingrid").quiGrid({
				columns : [{					
					display : '供电单位',
					"name" : 'name',
					id : 'name',
					width : 130,
					dept_id:'dept_id', frozen: true,
					align : 'left'//,render: addStatus
				},{
					display : '总体情况',
					columns : oneCols,
					width :  "",
					align : 'center'
				},{
					display : '供电电源配置符合要求情况',
					columns : twoCols,
					width :  "",
					align : 'center'
				},{
					display : '自备应急电源配置符合要求情况',
					columns : threeCols,
					width :  "",
					align : 'center'
				},{
					display : '“双不满足”基本情况',
					columns : fourCols,
					width :  "",
					align : 'center'
					
				}],
				//url :$.pathname()+ "/ws/customerHuiZong/customerHuiZongService/getCustomerInfo",
				//params : {id : deptName},
				data:data,
				rownumbers : true,
				/*height : 600,*/
				width : "100%",
				usePager : false,
				autoCheckChildren : true,
				tree : {
					columnId : 'name'
				}
//				treeAjax : true,
//				treeChildDataPath : $.pathname()
//				+ '/ws/customerHuiZong/customerHuiZongService/getPlanInfoList?deptId=',
//				treeAutoParam:"dept_id"
			});
			
			$("body").eq(0).hideLoading();
			
			//重设高度
		 	$(parent.document.body).find("iframe").height($(window.document.body).height()+30);
			$(top.document.body).find("iframe").height($(window.document.body).height()+30);
			
			gridData=data;
		 
			changeBarOption1(data);
			changeLineOption(data);
			changePieOption(data);
			var myChart = echarts.init(document.getElementById('main1'));
			myChart.setOption(option);
			
			$("input:radio[name=zyyhzzt]").click(function(){
				var which=$("input:radio[name=zyyhzzt]").filter("[checked]").val();
				if(which=='a'){
					changeBarOption1(gridData);
					var myChart = echarts.init(document.getElementById('main1'));
					myChart.setOption(option);
				}
				if(which=='b'){
					changeBarOption2(gridData);
					var myChart = echarts.init(document.getElementById('main1'));
					myChart.setOption(option);
				}
				if(which=='c'){
					changeBarOption3(gridData);
					var myChart = echarts.init(document.getElementById('main1'));
					myChart.setOption(option);
				}
				if(which=='d'){
					changeBarOption4(gridData);
					var myChart = echarts.init(document.getElementById('main1'));
					myChart.setOption(option);
				}
				
			});
			
			$(".basicTab").bind('actived',function(e,i){
				if(i==0){
			/*****************************************  加载柱状图  *********************************************************/
					var myChart1 = echarts.init(document.getElementById('main1'));
					myChart1.setOption(option);
				}else if(i == 1){  
			/*****************************************  加载折线图  *********************************************************/
					var myChart2 = echarts.init(document.getElementById('main2'));
					myChart2.setOption(option1);
				}else if(i==2){
			/*****************************************  加载饼图  *********************************************************/
				    var myChart3 = echarts.init(document.getElementById('main3'));
		            myChart3.setOption(option2);
				}
			});
		},
		error : function(e){
			$.messager.alert('系统提示信息', '访问服务失败！', 'error');
		}
	});	
}

function addStatus(rowdata, rowindex, value, column){
	if("总计"==rowdata.name){
		return value;
	}else{
	var comp_id='"'+rowdata.compid+'"';
	var name = '"'+value+'"';
	return "<a href='javascript:newHtml("+comp_id+","+name+")'>" + value +" </a>";
	}
}
function newHtml(comp_id,name){
	if(name=="总计"){
		return;
	}else if(deptName==comp_id){
		return;
	}else{	alert(comp_id);		
//		window.open("/nwyj/page/business/am/fileManager/laws/laws_poll1.jsp?"+comp_id);
		$.indexOpenNextWindow("/nwyj/page/business/am/customer/customer-poll1.jsp?"+comp_id);
		
	}
			
}



//返回事件
function goBack() {
	var url = "/nwyj/page/business/am/customer/"+"customer-focus.jsp";
	parent.document.getElementById("frmright").setAttribute("src", ""+encodeURI(url));
}