SQYCX12345_Web/WebChart_2.0/js/complaintsRe...

$(function() {
	laydate.render({
		elem: '#time2',
		range: '~',
		format: 'yyyy-MM-dd',
		theme: '#114a97',
			done: function(value, date) {
				partOne()
				partTwo(value && value.split(' ~ ')[0], value && value.split(' ~ ')[1])
				partThree(value && value.split(' ~ ')[0], value && value.split(' ~ ')[1])
		}
	});
	Ajax()
})
			//part 1 //投诉类别月统计  对接完毕
			var part_1 = echarts.init(document.getElementById('part_1'));
			part_1.setOption({
				color: ['#69e1a9', '#6a91e0', '#ceba5f', '#f06e84', '#569d4e', '#7d55ba', '#ce5aba', '#345cdd', '#569d4e'],
				tooltip: {
					trigger: 'axis',
					axisPointer: {
						type: 'cross',
						label: {
							show: true,
							backgroundColor: '#333'
						}
					}
				},
				grid: {
					left: '2%',
					right: '5%',
					bottom: '6%',
					containLabel: true
				},
				legend: {
					top: 'top',
					left: '180px',
					data: [],
					textStyle: {
						color: '#00e9ff'
					}
				},
				xAxis: {
					name: '月份',
					data: [],
					axisLine: {
						lineStyle: {
							color: '#3061a2'
						}
					},
					axisTick: {
						alignWithLabel: true,
						show: false
					},
					axisLabel: { //横轴字体颜色
						show: true,
						textStyle: {
							color: '#eff0f4'
						}
					}
				},
				yAxis: {
					name: '（数量）',
					splitLine: {
						show: false
					},
					axisLine: {
						lineStyle: {
							color: '#3061a2'
						}
					},
					axisLabel: { //横轴字体颜色
						show: true,
						textStyle: {
							color: '#eff0f4'
						}
					}
				},
				series: []
			});
			function partOne(start, end) {
				//		var index = layer.load(1, {
				//			shade: [0.5, '#030303'] //0.1透明度的白色背景
				//		});
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "info/GetTypeCountMonthByDate",
					async: true,
					dataType: 'json',
					data: {
						start: start,
						end: end
					},
					success: function(data) {
						if(data.state.toLowerCase() == 'success') {
							//							layer.close(index);
							var con = data.data;
							var counts = con.counts;
							var sers = [];
							$(counts).each(function(i, n) {
								var obj = {};
								obj.name = con.cols[i];
								obj.type = "line";
								obj.smooth = true;
								obj.showAllSymbol = true;
								obj.symbol = "emptyCircle";
								obj.symbolSize = 10;
								obj.data = n;
								sers.push(obj)
							});
							part_1.setOption({
								xAxis: {
									data: con.months
								},
								legend: {
									data: con.cols
								},
								series: sers
							});

						}
					}
				});
			}
			
			//part2 //投诉关键字统计
		   function partTwo(starts,ends){
		   	$.ajax({
   					type:"get",
   					url: huayi.config.callcenter_url + "Info/GetKeyCountByDateNew",
					dataType: 'json',
					async: true,
					data:{
						start:starts,
						end:ends
					},
					success:function(data){
						if(data.state.toLowerCase()=='success'){
							$('.thead tr').html('');
							$('#scroll_table tbody').html('');
							var con=data.data;
							var thead=con[0];
							$.each(thead, function(k, val) {
								$('<td>'+ k +'</td>').appendTo('.thead tr');
							})
							$(con).each(function(j, n) {
								var str = '<tr>'
								$.each(thead, function(j, m) {
								$.each(n, function(k, val) {
									if(j == k) {
										if(val==''){
											val=0;
											
										}
									str += '<td>' + val + '</td>'
									} 
								})
							})
								str += '</tr>';	
								
								$('#scroll_table tbody').append(str);
								
							})
							$("#scroll_table").Scroll({
								line: 1,
								speed: 500,
								timer: 2000
							});
						}
					}
   				});
		   }
			// part3 投诉分类统计
			var part3 = echarts.init(document.getElementById('part3'));
			part3.setOption({
				color: ['#6ce7ac', '#6a91e0', '#ceba5f', '#cb5f79', '#ae765a', '#569d4e'],
				tooltip: {
					trigger: 'item',
					formatter: "{a} <br/>{b} : {c} ({d}%)",
					axisPointer: {
						crossStyle: {
							color: '#fff'
						}
					}
				},
				//			legend: {
				//				//      orient: 'vertical',
				//				bottom: 'bottom',
				//				data: [],
				//				textStyle: {
				//					color: '#fff'
				//				}
				//			},
				series: [{
					name: '数据',
					type: 'pie',
					radius: ['30%', '60%'],
					center: ['40%', '50%'],
					data: [],
					itemStyle: {
						emphasis: {
							shadowBlur: 10,
							shadowOffsetX: 0,
							shadowColor: 'rgba(0, 0, 0, 0.5)'
						},
						normal: {
							label: {
								show: true,
								//                                 formatter: '{b} : {c} ({d}%)' 
								formatter: '{d}%'
							},
							labelLine: {
								show: true
							}
						}
					},
					label: {
						normal: {
							textStyle: {
								color: '#fff'
							}
						}
					}
				}]
			});
			

			function partThree(start, end) {
				//		var index = layer.load(1, {
				//			shade: [0.5, '#030303'] //0.1透明度的白色背景
				//		});
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "info/GetTypeCountByDate",
					async: true,
					dataType: 'json',
					data: {
						start: start,
						end: end
					},
					success: function(data) {
						if(data.state.toLowerCase() == 'success') {
							//						layer.close(index);
							$('.complaint_type').html('');
							var con = data.data;
							var part_1_legend = [];
							var part_1_ser = [];
							$(con).each(function(i, n) {
								part_1_legend.push(n.TypeName)
								var part_1_obj = {};
								part_1_obj.value = n.Count;
								part_1_obj.name = n.TypeName;
								part_1_ser.push(part_1_obj)
								$('<li>' +
									'<span class="type_name">' + n.TypeName + '</span>   <span class="type_count">' + n.Count + '</span>' +
									'</li>').appendTo('.complaint_type')
							})
							part3.setOption({
								//							legend: {
								//								data: part_1_legend
								//							},
								series: [{
									data: part_1_ser
								}]
							})

						}
					}
				});
			}

		function Ajax(){
			partOne()
		 	partTwo($('#time2').val()&& $('#time2').val().split(' ~ ')[0],$('#time2').val() && $('#time2').val().split(' ~ ')[1]);
			partThree($('#time2').val() && $('#time2').val().split(' ~ ')[0], $('#time2').val() && $('#time2').val().split(' ~ ')[1])
		}