VisualInspection/VisualInspection/js/statistics/toll_station_statistics.js

     	var year = new Date().getFullYear();
		var month = new Date().getMonth();
		var date = new Date().getDate();
		var months = ['1','2','3','4','5','6','7','8','9','10','11','12'];
		var monthsCH = ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'];
		var select_road = $(".div-roadManage select").val();
		var select_station = $("#second").val();
		var array_year_score = new Array();
		var array_points = new Array();
		var array_check_type = new Array();
		var array_points_name = new Array();
		var array_points_pre = new Array();
		var arrar_points_month = new Array();
		var array_score_order = new Array();
		var array_score_data = new Array();
		var array_five_name = new Array();
		var array_five_score = new Array();
		var array_five_name_back = new Array();
		var array_five_score_back = new Array();
		var year_assess;
		var points_assess;
		var check_type;
		var people_points;
		var score_rank;
		var rank_assess;
		var rank_assess_back;
		var min_year;
		var min_five;
		var min_five_back;
		var min_score;
		var flag = true;
		var change_echart = 1;
$(function(){     
	setSecond();
    // 显示当前月份
	$(".div-month select").val(month);

	$(".div-button button").click(function(){	
		var select_month = $(".div-month select").val();
		var select_station = $(".div-station select").val();
		flag = false;
		// 加载图配置
		echart();
		// 查询图二
		init_company_points_assess("statistics/lost/score/rate",select_month+'',select_station);
        // 查询图三
		init_progress_rank_assess("statistics/fs/up/five",select_month+'',select_station)
        // 查询图四
		init_people_score_rank("statistics/stuff/score/info",select_month+'',select_station);
        // 查询图五
		init_server_check_type("statistics/lost/itemscore/rate",select_month+"",select_station);
        // 查询图六
		init_each_people_points("statistics/lost/twice/itemscore/rate",select_month+"",select_station);

		init_backward_rank_assess("statistics/fs/up/five",select_month+'',select_station);
	});

	// 加载图配置
		echart();
    
	/**
	 * 初始化图一
	 */
	function init_tollStation_year_assess(url,select_station){
		var param = {
			"start_date":(year-1)+"-12-25 23:00:00",
			"end_date":year+"-12-25 23:00:00",
			"dept_id":select_station,
			"queryType":2
		}
		initRqueset(url,param,1);
	}
	

	/**
	 * 初始化图二
	 */
	function init_company_points_assess(url,mon,select_station){
		if(mon.length==1){
			mon = "0" +mon;
		}
		var param = {
			mth:year + "/" +mon,
			"dept_id":select_station,
			"queryType":2
		}
		initRqueset(url,param,2);
	}

	/**
	 * 初始化图三 前5名
	 */
	function init_progress_rank_assess(url,mon,select_station){
		var yearPre = year;
		if(mon==1){
			prev_mth = 12+'';
			yearPre = yearPre-1;
		}else{
		var prev_mth = (mon-1)+'';	
		}	
		if(mon.length==1){
			mon = "0" +mon;
		}
		if(prev_mth.length==1){
			prev_mth = "0" + prev_mth;
		}
		var param = {
			"mth":year + "/" + mon,
			"dept_id":select_station,
			"prev_mth": yearPre + "/" + prev_mth,
			"order_type":0
		};
		initRqueset(url,param,3);
	} 

	/**
	 * 初始化图四
	 */
	function init_people_score_rank(url,mon,select_station){
		if(mon.length==1){
			mon = "0" +mon;
		}
		var param = {
			mth:year + "/" +mon,
			"dept_id":select_station,
			"queryType":2,
            "order_type":1
		}
		initRqueset(url,param,4);
	}
    
	/**
	 * 初始化图五
	 */
    function init_server_check_type(url,mon,select_station){		
		if(mon.length==1){
			mon = "0" +mon;
		}
		var param = {
			"mth":year + "/" +mon,
			"dept_id":select_station,
			"queryType":2
		};
		initRqueset(url,param,5);
	}
	

	/**
	 * 初始化图六
	 */
    function init_each_people_points(url,mon,select_station){
		var yearPre = year;
		if(mon==1){
			prev_mth = 12+'';
			yearPre = yearPre-1;
		}else{
		var prev_mth = (mon-1)+'';	
		}	
		if(mon.length==1){
			mon = "0" +mon;
		}
		if(prev_mth.length==1){
			prev_mth = "0" + prev_mth;
		}
		var param = {
			"mth":year + "/" + mon,
			"prev_mth": yearPre + "/" + prev_mth,
			"dept_id":select_station,
			"queryType":2
		};
		initRqueset(url,param,6);
	}

	/**
	 * 图切换后5名
	 */
	function init_backward_rank_assess(url,mon,select_station){
		var yearPre = year;
		if(mon==1){
			prev_mth = 12+'';
			yearPre = yearPre-1;
		}else{
		var prev_mth = (mon-1)+'';	
		}	
		if(mon.length==1){
			mon = "0" +mon;
		}
		if(prev_mth.length==1){
			prev_mth = "0" + prev_mth;
		}
		var param = {
			"mth":year + "/" + mon,
			"dept_id":select_station,
			"prev_mth": yearPre + "/" + prev_mth,
			"order_type":1
		};
		initRqueset(url,param,7);
	} 
	

	/**
	 * 请求
	 * @param {*} url 
	 * @param {*} param 
	 * @param {*} type 
	 */
	function initRqueset(url,param,type){
		post_common_service( url,param,function(data){
			data_array(data,type);
			if(type == 1){
				// 画图
				year_assess.setOption(tollStation_year_assess()); 
			}else if(type == 2){
				// 画图
				points_assess.setOption(tollStation_points_assess()); 
			}else if(type == 3){
				// 画图
				rank_assess.setOption(progress_rank_assess());
			}else if(type == 4){
				console.log(array_score_order+"hello"+array_score_data);
				// 画图
				score_rank.setOption(people_score_rank());
			}else if(type == 5){
				// 画图
				check_type.setOption(server_check_type());
			}else if(type == 6){
				// 画图
				people_points.setOption(each_people_points());
			}else if(type == 7){
				// 画图
				rank_assess_back.setOption(backward_rank_assess());
			}
		},function(error){
        	return "" ;
    	});
	}

	/**
	 * 数组数据
	 * @param {*} data 
	 * @param {*} type 
	 */
	function data_array(data,type){
		if(type == 1){
			array_year_score.length = 0;
			months.length = 0;
			if(data!='' &&　data.length!=0){
				if(data.length<12){
					for(var i=0;i<12-data.length;i++){
						// 不足月份补0
						array_year_score.push(0);
					}
				}		
			for(var i=0;i<data.length;i++){
				if(months.indexOf(parseInt(data[i].mth.substr(5)))){
					// 指定位置插入值
					array_year_score.splice(parseInt(data[i].mth.substr(5))-1,0,
					(1000-(filter_handler(data[i].all_check_score,data[i].checked_num,data[i].people_num,0))));
				}
			}
			}else{
					array_year_score.length = 0;
					months.length = 0;
			}
			if(eval("Math.min(" + array_year_score.toString() + ")")==0)
			min_year = 0;
			else
			min_year = 	eval("Math.min(" + array_year_score.toString() + ")").toFixed(0)-10;		
		}else if(type == 2){
			array_points.length=0;
				if(data!=''){
					array_points.push({"value": (data.people_num-(data.score_fifteen+data.score_fifty+data.score_over_fifty)),"name":'满分'});
					array_points.push({"value": data.score_fifteen,"name":'0-15分'});
					array_points.push({"value": data.score_fifty,"name":'15-50分'});
					array_points.push({"value": data.score_over_fifty,"name":'50分以上'});
				 }else{
					array_points.length=0;	
			}
		}else if(type == 3){
			array_five_name.length=0;
			array_five_score.length=0;
			if(data!='' &&　data.length!=0){
				for(var i=0;i<data.length;i++){
					array_five_name.push(data[i].user.truename);
					array_five_score.push(data[i].ranking_change);
				}
			}else{
					array_five_name.length=0;
			        array_five_score.length=0;
			}
			if(eval("Math.min(" + array_five_score.toString() + ")")==0)
			min_five = 0;
			else
			min_five = 	eval("Math.min(" + array_five_score.toString() + ")").toFixed(0)-1;	
		}else if(type == 4){
			array_score_order.length=0;
			array_score_data.length=0;
			var m = 1;	
			if(data!='' && data.length!=0){
				for(var i=0;i<data.length;i++){
					//array_score_order.push(data[i].user.truename +"\n"+ (i+1));
					array_score_data.push((1000-filter(data[i].all_check_score,data[i].checked_num,0)));
				}
			}else{
					array_score_order.length=0;
					array_score_data.length=0;	
			}
			if(eval("Math.min(" + array_score_data.toString() + ")")==0)
			min_score = 0;
			else
			min_score = eval("Math.min(" + array_score_data.toString() + ")").toFixed(0)-10;
			
			// 给得分人员排名次
			var rank = new Array();
			rank[0] = 1 ;
			for(var i=1; i<array_score_data.length; i++){
				if(array_score_data[i-1] == array_score_data[i]  ){
					rank[i] = rank[i-1];
				}else{
					rank[i] = i +1;
				}				
			}
			//console.log(rank);
			for(var i=0;i<array_score_data.length;i++){
				array_score_order.push(data[i].user.truename +"\n"+ (rank[i]));
			}

		}else if(type == 5){
		array_check_type.length=0;
				if(data.length != 0){
					for(var i=0;i<data.length;i++){
						array_check_type.push({"value": data[i].all_check_score,"name":data[i].name});
					} 
				}else{
					array_check_type.length=0;	
				}
		}else if(type == 6){
			array_points_name.length=0;
			array_points_pre.length=0;
			arrar_points_month.length=0;
		if(data!='' && data.Pmth.length!=0 || data.Tmth.length!=0){
			data_each_people_points(data);
		}else{
			array_points_name.length=0;
			array_points_pre.length=0;
			arrar_points_month.length=0;
		}
		}else if(type == 7){
			array_five_name_back.length=0;
			array_five_score_back.length=0;
			if(data!=''){
				for(var i=0;i<data.length;i++){
					array_five_name_back.push(data[i].user.truename);
					if(data[i].ranking_change<0){
					array_five_score_back.push((data[i].ranking_change+'').substr(1));
				}else{
					array_five_score_back.push((data[i].ranking_change+''));
					}
				}
				
			}else{
					array_five_name_back.length=0;
			        array_five_score_back.length=0;
			}
			if(eval("Math.min(" + array_five_score_back.toString() + ")")==0){
				min_five_back = 0;		
			}else{
				min_five_back = eval("Math.min(" + array_five_score_back.toString() + ")").toFixed(0)-1;
			}
		}
	}
  
	function data_each_people_points(data){
			var flag = true;
			var name = ['环境卫生','仪容仪表着装','表情','动作','文明用语','工作纪律及行为举止','便民服务','安全管理']
			var Tmth = data.Tmth;
			var Pmth = data.Pmth;
			var Ntemp = new Array();
			var Ptemp = new Array();
			var Ttemp = new Array();
			
			for(var i= 0; i < name.length;i++){
				flag = true;
				if(Tmth.length > 0){
					for(var j= 0; j< Tmth.length;j++){
						if(name[i] == Tmth[j].name && Tmth[j].all_check_score != null){
							Ttemp[i] = filter_handler(Tmth[j].all_check_score,Tmth[j].checked_num,Tmth[j].people_num,0);
							break;
						}else{
							Ttemp[i] = 0;
						}
					}
				}else{
					Ttemp[i] = 0;
				}
				if(Pmth.length > 0){
					for(var m= 0; m< Pmth.length;m++){
						if(name[i] == Pmth[m].name && Pmth[m].all_check_score != null){
							Ptemp[i] = filter_handler(Pmth[m].all_check_score,Pmth[m].checked_num,Pmth[m].people_num,0);
							break;
						}else{
							Ptemp[i] = 0;
						}
					}
				}else{
					Ptemp[i] = 0;
				}
				if(Ttemp[i]== 0 && Ptemp[i] == 0){
					name[i] = "";
					flag = null;
				}
				if(name[i] != ""){
					if(name[i]=='仪容仪表着装'){
						name[i]='仪表';
					}
					if(name[i]=='工作纪律及行为举止'){
						name[i]='行为';
					}
					array_points_name.push(name[i]);
				}

				if(flag){
					array_points_pre.push(Ptemp[i]);
					arrar_points_month.push(Ttemp[i]);
				}
			}
	    }

    /**
	 * 根据道管中心获取收费站列表（下拉框）
	 */
	$(".div-roadManage select").change(function(){
		setSecond();
	});
	function setSecond(){ 
        var select_road = $(".div-roadManage select").val();
		var sec = document.getElementById('second');
		var tempStr = ''
		var param = {
			 "parentid":select_road
		}
		post_common_service("dept/getDeptInfosByDeptId",param,function(data){
			if(data.length!=0){
				for(var i=0;i<data.length;i++){
					if(select_road==30){
				 	    tempStr += "<option value="+data[i].id+">"+data[i].organname+"</option>";  
			        }else if(select_road==31){
						tempStr += "<option value="+data[i].id+">"+data[i].organname+"</option>";  
					}else{
						tempStr += "<option value="+data[i].id+">"+data[i].organname+"</option>";  
					}
				sec.innerHTML=tempStr;
				}
			}else{
				sec.innerHTML='';	
			}
			var select_station = $("#second").val();
			var select_month = $(".div-month select").val();
			echart();
			// 页面初始化
			init_tollStation_year_assess("statistics/score/year/info",select_station);
			init_company_points_assess("statistics/lost/score/rate",select_month+'',select_station);
			init_progress_rank_assess("statistics/fs/up/five",select_month+'',select_station)
			init_people_score_rank("statistics/stuff/score/info",select_month+'',select_station);
			init_server_check_type("statistics/lost/itemscore/rate",select_month+"",select_station);
			init_each_people_points("statistics/lost/twice/itemscore/rate",select_month+"",select_station);
			//init_backward_rank_assess("statistics/fs/up/five",select_month+'',select_station)
		},function(error){
        	return "" ;
    	});
    }

	/**
	 * 进步前5名后退步前五名切换
	 */
	$(".view_change").click(function(){
		    var select_station = $("#second").val();
			var select_month = $(".div-month select").val();
		if(change_echart==1){
			$("#progress span").text("考核退步Top5排行榜");
			$("#progress-rank-assess").css("display","none");
			$("#backward-rank-assess").css("display","block");
			//flag=false;
			echart_change();	
			init_backward_rank_assess("statistics/fs/up/five",select_month+'',select_station);
			change_echart = 2
			
		}else if(change_echart==2){
			$("#progress span").text("考核进步Top5排行榜");
			$("#progress-rank-assess").css("display","block");
			$("#backward-rank-assess").css("display","none");
			
			change_echart = 1
		}
		
	});	
	
    /**
	 * 除数为0处理
	 * @param {*} num 
	 * @param {*} num1 
	 * @param {*} num2 
	 * @param {*} num4 
	 */
	function filter_handler(num,num1,num2,num3){
		if(num1 == 0 || num2 == 0){
			return num3;
		}else{
			return ((num/num1)/num2).toFixed(2);
		}
	}

	function filter(num,num1,num2){
		if(num1 == 0){
			return num2;
		}else{
			return (num/num1).toFixed(2);
		}
	}

	function echart(){
        // 路径配置
        require.config({
            paths: {
                echarts: '/js/lib/echarts/build/dist'
            }
        }); 
        // 使用
	    require(
		[
			'echarts',
			'echarts/theme/macarons', 
			'echarts/chart/line', 
			'echarts/chart/bar',
			'echarts/chart/pie'
		],
			function (ec,theme) {
					// 基于准备好的dom，初始化echarts图表
					if(flag){
						year_assess = ec.init(document.getElementById('tollStation-year-assess'),theme);
					} 
						points_assess = ec.init(document.getElementById('tollStation-points-assess'),theme);
						rank_assess = ec.init(document.getElementById('progress-rank-assess'));
						score_rank = ec.init(document.getElementById('people-score-rank'));
						check_type = ec.init(document.getElementById('server-check-type'),theme);
						people_points = ec.init(document.getElementById('each-people-points'));
						rank_assess_back = ec.init(document.getElementById('backward-rank-assess'));
			}
	    ); 
	}

	function echart_change(){
        require.config({
            paths: {
                echarts: '/js/lib/echarts/build/dist'
            }
        }); 
	    require(
		[
			'echarts',
			'echarts/chart/bar'
		],
			function (ec) {
				rank_assess_back = ec.init(document.getElementById('backward-rank-assess'));
			}
	    ); 
	}
			/**
			 * 图一
			 */
	    	function tollStation_year_assess(){
			
				option = {
					color : [ '#00ced1' ],
					tooltip : {
						trigger: 'axis'
					},
					legend: {
						data:['平均分']
					},
					toolbox: {
						show : true,
					},
					calculable : true,
					xAxis : [
						{
							type : 'category',
							boundaryGap : false,
							data : monthsCH
						}
					],
					yAxis : [
						{
							type : 'value',
							min : min_year ,
						    max : 1000,
							axisLabel : {
								formatter: '{value}'
							}
						}
					],
					series : [
						{
							name:'平均分',
							type:'line',
							data:array_year_score,
							markPoint : {
								data : [
									{type : 'max', name: '最大值'},
									{type : 'min', name: '最小值'}
								]
							},
							markLine : {
								data : [
									{type : 'average', name: '平均值'}
								]
							}
						},
						
					]
				};
						return option;
		}
			

        /**
		 * 图二
		 */
		function tollStation_points_assess(){
			option = {
				tooltip : {
					trigger: 'item',
					formatter:  "收费站考核扣分占比 <br/>{b} : {c}人 ({d}%)"
				},
				toolbox: {
					show : true,
					feature : {
					
						magicType : {
						
							type: ['pie', 'funnel'],
							option: {
								funnel: {
									x: '25%',
									width: '50%',
									funnelAlign: 'left',
									max: 1548
								}
							}
						},
					}
				},
				calculable : true,
				series : [
					{
						name:'访问来源',
						type:'pie',
						radius : '65%',
						center: ['50%', '50%'],
						data:array_points,
						itemStyle:{ 
						normal:{ 
							label:{ 
								show: true, 
								formatter: '{b} : {c}人 ({d}%)'  
							}, 
							labelLine :{show:true} 
							} 
						} 
					}
				]
			};
                    
			return option;
		}

        /**
		 * 图三 前5名 
		 */
		function progress_rank_assess(){
			option = {
				color : [ '#00ced1' ],// 条形图颜色
				tooltip : {
					trigger: 'axis'
				},
				grid:{
                    width:"80%"
                },
				legend: {
					data:['进步名次']
				},
				calculable : true,
				xAxis : [
					{
						type : 'category',
						data : array_five_name
					}
				],
				yAxis : [
					{
						type : 'value',
						min : min_five
					}
				],
				series : [
					{
						name:'进步名次',
						type:'bar',
						data: array_five_score,
					    itemStyle: {
						normal: {
							label: {
								show: true,
								position: 'insideTop'
							}
						}
					},  						
					}   
				]
			};
                    		
					return option;
	   }

	   /**
		 * 图三 后5名
		 */
		function backward_rank_assess(){
			option = {
				color : [ '#00ced1' ],// 条形图颜色
				tooltip : {
					trigger: 'axis'
				},
				grid:{
                    width:"80%"
                },
				legend: {
					data:['退步名次']
				},
				calculable : true,
				xAxis : [
					{
						type : 'category',
						data : array_five_name_back
					}
				],
				yAxis : [
					{
						type : 'value',
						min : min_five_back
					}
				],
				series : [
					{
						name:'退步名次',
						type:'bar',
						data: array_five_score_back,
					    itemStyle: {
						normal: {
							label: {
								show: true,
								position: 'insideTop'
							}
						}
					},  						
					}   
				]
			};
                    		
					return option;
	   }


        /**
		 * 图四
		 */
		function people_score_rank(){
					option = {
				color : [ '#00ced1' ],// 条形图颜色
				tooltip : {
					trigger: 'axis'
				},
				grid:{
                    width:"88%"
                },
				legend: {
					data:['平均分']
				},
				calculable : true,
				xAxis : [
					{
						axisLabel: {  
						interval:0
						}  ,
						type : 'category',
						data : array_score_order
					}
				],
			
				yAxis : [
					{
						type : 'value',
						min : min_score ,
						max : 1000
					}
				],
				series : [
					{
						name:'平均分',
						type:'bar',
						data: array_score_data,
					    itemStyle: {
						normal: {
							label: {
								show: true,
								position: 'insideTop'
							}
						}
					},
						markLine : {
							data : [
								{type : 'average', name: '平均值'}
							]
						}
					}   
				]
			};
							
					return option;
				}

         /**
		 * 图五
		 */
		function server_check_type(){
			option = {
				tooltip : {
					trigger: 'item',
					formatter:  "温馨服务检查占比 <br/>{b} : {c}分 ({d}%)"
				},
				toolbox: {
					show : true,
					feature : {
					
						magicType : {
						
							type: ['pie', 'funnel'],
							option: {
								funnel: {
									x: '25%',
									width: '50%',
									funnelAlign: 'left',
									max: 1548
								}
							}
						},
					}
				},
				calculable : true,
				series : [
					{
						name:'访问来源',
						type:'pie',
						radius : '55%',
						center: ['50%', '50%'],
						data:array_check_type,
						itemStyle:{ 
						normal:{ 
							label:{ 
								show: true, 
								formatter: '{b} : {c}分 ({d}%)'  
							}, 
							labelLine :{show:true} 
							} 
						} 
					}
				]
			};
			return option;
		}

        /**
		 * 图六 
		 */
		function each_people_points(){
					option = {
			tooltip : {
				trigger: 'axis'
			},
			grid:{
                    width:"80%"
                },
			legend: {
				data:['上月','本月']
			},
			calculable : true,
			xAxis : [
				{
					type : 'category',
					data : array_points_name
				}
			],
			yAxis : [
				{
					type : 'value'
				}
			],
			series : [
				{
					name:'上月',
					type:'bar',
					data:array_points_pre,
					itemStyle: {
						normal: {
							color:'#b3d4fc',
							label: {
								show: true,
								position: 'insideTop'
							}
						}
					},
				},
				{
					name:'本月',
					type:'bar',
					data:arrar_points_month,
					itemStyle: {
						normal: {
							color:'#ea644a',
							label: {
								show: true,
								position: 'insideTop'
							}
						}
					},
				}
			]
		};					
					return option;
			}
			

   
});