公式系统子页面添加市县筛选

WebChart/TelephoneDetails.html

@@ -62,6 +62,8 @@
 						<span class="col-line"></span> 坐席闲忙比例
 					</div>
 					<div class="time_box pull-right form-inline">
+						地区选择：
+						<select class="areaOne selects" style="height: 30px;"></select>
 						日期<input type="text" id="time1" class="times" />
 					</div>
 				</div>

WebChart/complaintsReport.html

@@ -11,9 +11,7 @@
 		<link rel="stylesheet" href="css/index.css" />
 		<title>投诉举报</title>
 		<style>
-			.selects {
-				height: initial;
-			}
+			
 			
 			#time1{
 				width: 155px;
@@ -120,6 +118,10 @@
 				color: #fff;
 				margin-left: 25px;
 			}
+			.selects {
+				height: 30px;
+				margin-right: 15px;
+			}
 		</style>
 	</head>
 
@@ -157,6 +159,8 @@
 						<span class="col-line"></span> 投诉类别统计
 					</div>
 					<div class="time_box pull-right form-inline">
+						地区选择：
+						<select class="areaOne selects"></select>
 						日期<input type="text" id="time1" class="times" />
 					</div>
 				</div>

WebChart/js/TelephoneDetails.js

@@ -1,153 +1,194 @@
-	$(function(){
-				laydate.render({
-			  elem: '#time1',
-			  range: '~',
-			  theme: '#114a97',
-			    done: function(value, date) {
-						partOne(value && value.split(' ~ ')[0],value && value.split(' ~ ')[1]);
-					}
-			  	
-			});
-			laydate.render({
-			  elem: '#time2',
-			  theme: '#114a97',
-		      done: function(value, date) {
-					partTwo(value)
-			  }
-			});
-			laydate.render({
-			  elem: '#time3',
-			  theme: '#114a97',
-			   done: function(value, date) {
-					partThree(value)
-			  }
-			});
-			Ajax();
-			})
-			var sitProportion = echarts.init(document.getElementById('sitProportion')); //坐席闲忙比例
-			sitProportion.setOption({
-				color: ['#4ab7c7', '#2484d9', '#2e39c1'],
-				tooltip: {
-					trigger: 'axis',
-					axisPointer: {
-						type: 'shadow',
-						label: {
-							show: true,
-							backgroundColor: '#333'
-						}
-					},
-					formatter: function(datas) {
-						var res = datas[0].name + '<br/>',
-							val;
-						for(var i = 0, length = datas.length; i < length; i++) {
-							val = (datas[i].value) + '%';
-							res += datas[i].seriesName + '：' + val + '<br/>';
-						}
-						return res;
-					}
-				},
-				legend: {
-					top: 'top',
-					left: '135px',
-					data: ['置忙', '通话', '空闲'],
-					textStyle: {
-						color: '#00e9ff'
-					}
-				},
-				grid: {
-					left: '1%',
-					right: '3%',
-					bottom: '5%',
-					containLabel: true
-					},
-				xAxis: {
-					name: '时',
-					data: [],
-					axisLine: {
-						lineStyle: {
-							color: '#3061a2'
-						}
-					},
-					axisTick: {
-						alignWithLabel: true,
-						show: false
-					},
-					axisLabel: { //横轴字体颜色
-						show: true,
-						textStyle: {
-							color: '#eff0f4'
-						}
-					}
+	var areaOneVal = helper.cookies.get("areaOneVal");
+	var areaOneText = helper.cookies.get("areaOneText");
+	if (areaOneVal) {
+		var areaOneVal = helper.cookies.get("areaOneVal");
+		
+	} else{
+		var areaOneVal="sqs12345"
+		
+	}
+	$(function() {
+		laydate.render({
+			elem: '#time1',
+			range: '~',
+			theme: '#114a97',
+			done: function(value, date) {
+				var areaOneVal=$(".areaOne").val();
+				partOne(value && value.split(' ~ ')[0], value && value.split(' ~ ')[1],areaOneVal);
+			}
 
-				},
-				yAxis: {
-					name: '(比率)',
-					splitLine: {
-						show: false
-					},
-					axisLine: {
-						lineStyle: {
-							color: '#3061a2'
-						}
-					},
-					axisLabel: { //横轴字体颜色
-						show: true,
-						textStyle: {
-							color: '#eff0f4'
-						}
-					}
-				},
-				series: [{
-					name: '置忙',
-					type: 'bar',
-					data: []
-				}, {
-					name: '通话',
-					type: 'bar',
-					data: []
-				}, {
-					name: '空闲',
-					type: 'bar',
-					data: []
-				}]
+		});
+		laydate.render({
+			elem: '#time2',
+			theme: '#114a97',
+			done: function(value, date) {
+				var areaOneVal=$(".areaOne").val();
+				partTwo(value,areaOneVal)
+			}
+		});
+		laydate.render({
+			elem: '#time3',
+			theme: '#114a97',
+			done: function(value, date) {
+				var areaOneVal=$(".areaOne").val();
+				partThree(value,areaOneVal)
+			}
+		});
+		Ajax();
+		$(".areaOne").change(function() {
+	      	var areaOneVal=$(this).val();
+      		var areaOneText=$(".areaOne").find("option:selected").text();
+      		helper.cookies.set("areaOneVal", areaOneVal, 7);
+      		helper.cookies.set("areaOneText", areaOneText, 7);
+	      	partOne($('#time1').val() && $('#time1').val().split(' ~ ')[0], $('#time1').val() && $('#time1').val().split(' ~ ')[1],areaOneVal);
+			partTwo($('#time2').val(),areaOneVal);
+			partThree( $('#time3').val(),areaOneVal);
+	//  	Ajax()
+		});
+	})
+	//区县筛选
+	deprtment();
+	function deprtment() {
+		$.getJSON( huayi.config.callcenter_url +"CountyBranch/GetBranchListS", function(result) {
+			if(result.state.toLowerCase() == "success") {
+				goodslist = result.data;
+	//			第五屏
+				$(".areaOne").empty();
+				$(goodslist).each(function(i, n) {
+					$('<option value="' + n.F_Code 
+					+ '">' + n.F_Name 
+					+ '</option>').appendTo($(".areaOne"));
+				});
+				if (areaOneVal) {
+					$(".areaOne").val(areaOneVal);
+				}
+			}
+		});
+	}
+	var sitProportion = echarts.init(document.getElementById('sitProportion')); //坐席闲忙比例
+	sitProportion.setOption({
+		color: ['#4ab7c7', '#2484d9', '#2e39c1'],
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: {
+				type: 'shadow',
+				label: {
+					show: true,
+					backgroundColor: '#333'
+				}
+			},
+			formatter: function(datas) {
+				var res = datas[0].name + '<br/>',
+					val;
+				for(var i = 0, length = datas.length; i < length; i++) {
+					val = (datas[i].value) + '%';
+					res += datas[i].seriesName + '：' + val + '<br/>';
+				}
+				return res;
+			}
+		},
+		legend: {
+			top: 'top',
+			left: '135px',
+			data: ['置忙', '通话', '空闲'],
+			textStyle: {
+				color: '#00e9ff'
+			}
+		},
+		grid: {
+			left: '1%',
+			right: '3%',
+			bottom: '5%',
+			containLabel: true
+		},
+		xAxis: {
+			name: '时',
+			data: [],
+			axisLine: {
+				lineStyle: {
+					color: '#3061a2'
+				}
+			},
+			axisTick: {
+				alignWithLabel: true,
+				show: false
+			},
+			axisLabel: { //横轴字体颜色
+				show: true,
+				textStyle: {
+					color: '#eff0f4'
+				}
+			}
 
-			});
-			function partOne(starts,ends) {
-				$.ajax({
-					type: "get",
-					url: huayi.config.callcenter_url + "info/GetUserStateCount24ByDate",
-					async: true,
-					dataType: 'json',
-					data: {
-						start: starts,
-						end:ends
-					},
-					success: function(data) {
-						if(data.state.toLowerCase() == 'success') {
-							// 	   			layer.close(index);
-							var con = data.data;
-							sitProportion.setOption({
-								xAxis: {
-									data: con.hours
-								},
-								series: [{
-									data: con.thpercents
-								},{
-									data:con.zmpercents
-								},{
-									data:con.kxpercents
-								}]
+		},
+		yAxis: {
+			name: '(比率)',
+			splitLine: {
+				show: false
+			},
+			axisLine: {
+				lineStyle: {
+					color: '#3061a2'
+				}
+			},
+			axisLabel: { //横轴字体颜色
+				show: true,
+				textStyle: {
+					color: '#eff0f4'
+				}
+			}
+		},
+		series: [{
+			name: '置忙',
+			type: 'bar',
+			data: []
+		}, {
+			name: '通话',
+			type: 'bar',
+			data: []
+		}, {
+			name: '空闲',
+			type: 'bar',
+			data: []
+		}]
 
-							})
+	});
 
-						}
-					}
-				});
-			}
+	function partOne(starts, ends,areaOneVal) {
+		$.ajax({
+			type: "get",
+			url: huayi.config.callcenter_url + "info/GetUserStateCount24ByDate",
+			async: true,
+			dataType: 'json',
+			data: {
+				start: starts,
+				end: ends,
+				branchcode:areaOneVal
+			},
+			success: function(data) {
+				if(data.state.toLowerCase() == 'success') {
+					// 	   			layer.close(index);
+					var con = data.data;
+					sitProportion.setOption({
+						xAxis: {
+							data: con.hours
+						},
+						series: [{
+							data: con.thpercents
+						}, {
+							data: con.zmpercents
+						}, {
+							data: con.kxpercents
+						}]
 
+					})
 
+				}
+			}
+		});
+	}
 
-//part 2
+	//part 2
 	var phoneTimeCount = echarts.init(document.getElementById('phoneTimeCount'));
 	phoneTimeCount.setOption({
 		color: ['#ceba5f', '#4da991', '#f06e84', '#6a91e0'],
@@ -161,21 +202,20 @@
 				}
 			}
 		},
-			grid: {
-					left: '2%',
-					right: '5%',
-					bottom: '6%',
-					containLabel: true
-					},
+		grid: {
+			left: '2%',
+			right: '5%',
+			bottom: '6%',
+			containLabel: true
+		},
 		legend: {
 			top: 'top',
 			left: '180px',
-			data: ["来电数量", "接通数量",  "放弃数量", "黑名单拒接数量"],
+			data: ["来电数量", "接通数量", "放弃数量", "黑名单拒接数量"],
 			textStyle: {
 				color: '#00e9ff'
 			}
-		
-			
+
 		},
 		xAxis: {
 			name: '时',
@@ -215,63 +255,64 @@
 		},
 		series: []
 	});
-	
 
-	function partTwo(dates) {
-//		var index = layer.load(1, {
-//			shade: [0.5, '#030303'] //0.1透明度的白色背景
-//		});
+	function partTwo(dates,areaOneVal) {
+		//		var index = layer.load(1, {
+		//			shade: [0.5, '#030303'] //0.1透明度的白色背景
+		//		});
 		$.ajax({
 			type: "get",
 			url: huayi.config.callcenter_url + "info/GetTelCount24ByDate",
 			async: true,
 			dataType: "json",
 			data: {
-				date: dates
+				date: dates,
+				branchcode:areaOneVal
 			},
 			success: function(data) {
 				if(data.state.toLowerCase() == "success") {
-//					layer.close(index);
+					//					layer.close(index);
 					var con = data.data;
 					phoneTimeCount.setOption({
 						xAxis: {
 							data: con.hours
 						},
 						series: [{
-							name: "来电数量",
-							type: "line",
-							smooth: true,
-							showAllSymbol: true,
-							symbol: "emptyCircle",
-							symbolSize: 10,
-							data: con.rcounts
-						}, {
-							name: "接通数量",
-							type: "line",
-							smooth: true,
-							showAllSymbol: true,
-							symbol: "emptyCircle",
-							symbolSize: 10,
-							data: con.ccounts
-						},
-						 {
-							name: "放弃数量",
-							type: "line",
-							smooth: true,
-							showAllSymbol: true,
-							symbol: "emptyCircle",
-							symbolSize: 10,
-							data: con.gcounts
-						},
-						{
-							name: "黑名单拒接数量",
-							type: "line",
-							smooth: true,
-							showAllSymbol: true,
-							symbol: "emptyCircle",
-							symbolSize: 10,
-							data: con.scounts
-						}]
+								name: "来电数量",
+								type: "line",
+								smooth: true,
+								showAllSymbol: true,
+								symbol: "emptyCircle",
+								symbolSize: 10,
+								data: con.rcounts
+							}, {
+								name: "接通数量",
+								type: "line",
+								smooth: true,
+								showAllSymbol: true,
+								symbol: "emptyCircle",
+								symbolSize: 10,
+								data: con.ccounts
+							},
+							{
+								name: "放弃数量",
+								type: "line",
+								smooth: true,
+								showAllSymbol: true,
+								symbol: "emptyCircle",
+								symbolSize: 10,
+								data: con.gcounts
+							},
+							{
+								name: "黑名单拒接数量",
+								type: "line",
+								smooth: true,
+								showAllSymbol: true,
+								symbol: "emptyCircle",
+								symbolSize: 10,
+								data: con.scounts
+							}
+						]
 
 					})
 
@@ -282,98 +323,99 @@
 
 	}
 
-//part3
+	//part3
 	var todyPhoneCount = echarts.init(document.getElementById('todyPhoneCount'));
-			todyPhoneCount.setOption({
-				tooltip: {
-					trigger: 'axis',
-					axisPointer: {
-						type: false,
-						label: {
-							show: true,
-							backgroundColor: '#030917'
-						}
-					},
-				},
-				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'
-						}
+	todyPhoneCount.setOption({
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: {
+				type: false,
+				label: {
+					show: true,
+					backgroundColor: '#030917'
+				}
+			},
+		},
+		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: [{
+			name: '数量',
+			type: 'bar',
+			barWidth: 18,
+			itemStyle: {
+				normal: {
+					color: function(params) {
+						// build a color map as your need.
+						var colorList = [
+							'#368cab', '#54b793', '#4b6ab0', '#2531a9'
+						];
+						return colorList[params.dataIndex]
 					}
-					
-				},
-				series: [{
-					name: '数量',
-					type: 'bar',
-					barWidth: 18,
-					itemStyle: {
-		                normal: {
-		                    color: function(params) {
-		                        // build a color map as your need.
-		                        var colorList = [
-		                          '#368cab','#54b793','#4b6ab0','#2531a9'];
-		                        return colorList[params.dataIndex]
-		                    }
-		                }
-		            },
-					label: {
-						normal: {
-							show: true,
-							position: 'top',//顶部数据显示位置
-							textStyle: {
-						            color: '#fff' //顶部数据颜色
-						         },
-							formatter: '{c}' // 这里是数据展示的时候显示的数据
-						}
+				}
+			},
+			label: {
+				normal: {
+					show: true,
+					position: 'top', //顶部数据显示位置
+					textStyle: {
+						color: '#fff' //顶部数据颜色
 					},
-					data: []
-				}]
+					formatter: '{c}' // 这里是数据展示的时候显示的数据
+				}
+			},
+			data: []
+		}]
 
-			});
-			
+	});
 
-		function partThree(dates) {
-				$.ajax({
+	function partThree(dates,areaOneVal) {
+		$.ajax({
 			type: "get",
 			url: huayi.config.callcenter_url + "info/GetTelCountByDate",
 			async: true,
 			dataType: "json",
 			data: {
-				date: dates
+				date: dates,
+				branchcode:areaOneVal
 			},
 			success: function(data) {
 				if(data.state.toLowerCase() == "success") {
-//					layer.close(index);
+					//					layer.close(index);
 					var con = data.data;
 					todyPhoneCount.setOption({
 						series: [{
@@ -387,12 +429,10 @@
 
 		});
 
-			}
-		
-		function Ajax(){
-			partOne($('#time1').val() && $('#time1').val().split(' ~ ')[0],$('#time1').val() && $('#time1').val().split(' ~ ')[1]);
-			partTwo($('#time2').val())
-			partThree($('#time3').val());
-		}
-		
-		
+	}
+
+	function Ajax() {
+		partOne($('#time1').val() && $('#time1').val().split(' ~ ')[0], $('#time1').val() && $('#time1').val().split(' ~ ')[1],areaOneVal);
+		partTwo($('#time2').val(),areaOneVal)
+		partThree($('#time3').val(),areaOneVal);
+	}

WebChart/js/complaintsReport.js

@@ -1,316 +1,361 @@
+var areaOneVal = helper.cookies.get("areaOneVal");
+var areaOneText = helper.cookies.get("areaOneText");
+if (areaOneVal) {
+	var areaOneVal = helper.cookies.get("areaOneVal");
+	
+} else{
+	var areaOneVal="sqs12345"
+	
+}
 $(function() {
-				laydate.render({
-					elem: '#time1',
-					range: '~',
-					format: 'yyyy-MM',
-					type: 'month',
-					theme: '#114a97',
-					done: function(value, date) {
-						partOne(value && value.split(' ~ ')[0], value && value.split(' ~ ')[1])
-					}
-				});
-				laydate.render({
-					elem: '#time2',
-					range: '~',
-					format: 'yyyy-MM-dd',
-					theme: '#114a97',
-						done: function(value, date) {
-						partTwo(value && value.split(' ~ ')[0], value && value.split(' ~ ')[1])
-					}
-				});
-				laydate.render({
-					elem: '#time3',
-					range: '~',
-					theme: '#114a97',
-					done: function(value, date) {
-						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: []
+	laydate.render({
+		elem: '#time1',
+		range: '~',
+		format: 'yyyy-MM',
+		type: 'month',
+		theme: '#114a97',
+		done: function(value, date) {
+			var areaOneVal=$(".areaOne").val();
+			partOne(value && value.split(' ~ ')[0], value && value.split(' ~ ')[1],areaOneVal)
+			var start=value.split(' ~ ')[0];
+			var end=value.split(' ~ ')[1];
+		}
+	});
+	laydate.render({
+		elem: '#time2',
+		range: '~',
+		format: 'yyyy-MM-dd',
+		theme: '#114a97',
+		done: function(value, date) {
+			var areaOneVal=$(".areaOne").val();
+			partTwo(value && value.split(' ~ ')[0], value && value.split(' ~ ')[1],areaOneVal)
+		}
+	});
+	laydate.render({
+		elem: '#time3',
+		range: '~',
+		theme: '#114a97',
+		done: function(value, date) {
+			var areaOneVal=$(".areaOne").val();
+			partThree(value && value.split(' ~ ')[0], value && value.split(' ~ ')[1],areaOneVal)
+		}
+	});
+	Ajax()
+	$(".areaOne").change(function() {
+      	var areaOneVal=$(this).val();
+  		var areaOneText=$(".areaOne").find("option:selected").text();
+  		helper.cookies.set("areaOneVal", areaOneVal, 7);
+  		helper.cookies.set("areaOneText", areaOneText, 7);
+      	partOne($('#time1').val() && $('#time1').val().split(' ~ ')[0], $('#time1').val() && $('#time1').val().split(' ~ ')[1],areaOneVal);
+		partTwo($('#time2').val() && $('#time2').val().split(' ~ ')[0], $('#time2').val() && $('#time2').val().split(' ~ ')[1],areaOneVal);
+		partThree($('#time3').val() && $('#time3').val().split(' ~ ')[0], $('#time3').val() && $('#time3').val().split(' ~ ')[1],areaOneVal);
+//  	Ajax()
+	});
+})
+
+//区县筛选
+deprtment ();
+function deprtment () {
+	$.getJSON( huayi.config.callcenter_url +"CountyBranch/GetBranchListS", function(result) {
+		if(result.state.toLowerCase() == "success") {
+			goodslist = result.data;
+//			第五屏
+			$(".areaOne").empty();
+			$(goodslist).each(function(i, n) {
+				$('<option value="' + n.F_Code 
+				+ '">' + n.F_Name 
+				+ '</option>').appendTo($(".areaOne"));
 			});
-			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
-							});
+			if (areaOneVal) {
+				$(".areaOne").val(areaOneVal);
+			}
+		}
+	});
+}
+//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,areaOneVal) {
+	//		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,
+			branchcode:areaOneVal
+		},
+		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)
 				});
-			}
-			//part2 //投诉关键字统计
-			
-			
-		   function partTwo(starts,ends,deptid){
-		   	$.ajax({
-   					type:"get",
-   					url: huayi.config.callcenter_url + "Info/GetKeyCountByDateNew",
-					dataType: 'json',
-					async: true,
-					data:{
-						start:starts,
-						end:ends,
+				part_1.setOption({
+					xAxis: {
+						data: con.months
 					},
-					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);
-							})
-							
-						}
-					}
-   				});
-		   }
-			// 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
-							}
-						}
+					legend: {
+						data: con.cols
 					},
-					label: {
-						normal: {
-							textStyle: {
-								color: '#fff'
+					series: sers
+				});
+
+			}
+		}
+	});
+}
+//part2 //投诉关键字统计
+
+function partTwo(starts, ends, areaOneVal) {
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + "Info/GetKeyCountByDateNew",
+		dataType: 'json',
+		async: true,
+		data: {
+			start: starts,
+			end: ends,
+			branchcode:areaOneVal
+		},
+		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>';
 
-			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
-								}]
-							})
+					$('#scroll_table tbody').append(str);
+				})
 
-						}
-					}
-				});
 			}
-
-			//表格滚动
-			var area = document.getElementById('scroll_table');
-			var iliHeight = 34; //单行滚动的高度  
-			var speed = 20; //滚动的速度  
-			var time;
-			var delay = 1000;
-			area.scrollTop = 0;
-			area.innerHTML += area.innerHTML; //克隆一份一样的内容  
-			function startScroll() {
-				time = setInterval("scrollUp()", speed);
-				area.scrollTop++;
-				console.log(area.scrollTop);
+		}
+	});
+}
+// 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'
 			}
-
-			function scrollUp() {
-				if(area.scrollTop % iliHeight == 0) {
-					clearInterval(time);
-					setTimeout(startScroll, delay);
-				} else {
-					area.scrollTop++;
-					if(area.scrollTop >= area.scrollHeight / 2) {
-						area.scrollTop = 0;
-					}
+		}
+	},
+	//			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
 				}
 			}
-			setTimeout(startScroll, delay)
-			
-		function Ajax(){
-			partOne($('#time1').val() && $('#time1').val().split(' ~ ')[0], $('#time1').val() && $('#time1').val().split(' ~ ')[1])
-		 	partTwo($('#time2').val()&& $('#time2').val().split(' ~ ')[0],$('#time2').val() && $('#time2').val().split(' ~ ')[1]);
-			partThree($('#time3').val() && $('#time3').val().split(' ~ ')[0], $('#time3').val() && $('#time3').val().split(' ~ ')[1])
+		},
+		label: {
+			normal: {
+				textStyle: {
+					color: '#fff'
+				}
+			}
+		}
+	}]
+});
+
+function partThree(start, end,areaOneVal) {
+	//		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,
+			branchcode:areaOneVal
+		},
+		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
+					}]
+				})
+
+			}
 		}
-			
+	});
+}
+
+//表格滚动
+var area = document.getElementById('scroll_table');
+var iliHeight = 34; //单行滚动的高度  
+var speed = 20; //滚动的速度  
+var time;
+var delay = 1000;
+area.scrollTop = 0;
+area.innerHTML += area.innerHTML; //克隆一份一样的内容  
+function startScroll() {
+	time = setInterval("scrollUp()", speed);
+	area.scrollTop++;
+	console.log(area.scrollTop);
+}
+
+function scrollUp() {
+	if(area.scrollTop % iliHeight == 0) {
+		clearInterval(time);
+		setTimeout(startScroll, delay);
+	} else {
+		area.scrollTop++;
+		if(area.scrollTop >= area.scrollHeight / 2) {
+			area.scrollTop = 0;
+		}
+	}
+}
+setTimeout(startScroll, delay)
+
+function Ajax() {
+	partOne($('#time1').val() && $('#time1').val().split(' ~ ')[0], $('#time1').val() && $('#time1').val().split(' ~ ')[1],areaOneVal)
+	partTwo($('#time2').val() && $('#time2').val().split(' ~ ')[0], $('#time2').val() && $('#time2').val().split(' ~ ')[1],areaOneVal);
+	partThree($('#time3').val() && $('#time3').val().split(' ~ ')[0], $('#time3').val() && $('#time3').val().split(' ~ ')[1],areaOneVal)
+}

WebChart/js/receiptDepartment.js

@@ -1,313 +1,359 @@
-$(function(){
-				laydate.render({
-				  elem: '#phone_time',
-				  range: '~',
-				  theme: '#114a97',
-				   done: function(value, date) {
-						 partTwo(value && value.split(' ~ ')[0],value && value.split(' ~ ')[1]);
-					}
-				});
-				laydate.render({
-				  elem: '#tody_time',
-				  theme: '#114a97',
-				  done: function(value, date) {
-						partThree(value);
-					}
-				});
-				Ajax();
-			})
-			//part 1 //工单状态统计  对接完毕
-			var phoneTimeCount = echarts.init(document.getElementById('phoneTimeCount'));
-			phoneTimeCount.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() {
-//		var index = layer.load(1, {
-//			shade: [0.5, '#030303'] //0.1透明度的白色背景
-//		});
+var areaOneVal = helper.cookies.get("areaOneVal");
+var areaOneText = helper.cookies.get("areaOneText");
+if (areaOneVal) {
+	var areaOneVal = helper.cookies.get("areaOneVal");
+	
+} else{
+	var areaOneVal="sqs12345"
 	
-				$.ajax({
-					type:"get",
-					url: huayi.config.callcenter_url + "info/GetStateCountMonthByDate",
-					async:true,
-					dataType:'json',
-					success:function(data){
-					if(data.state.toLowerCase()=='success'){
-//							layer.close(index);
-						var con=data.data;
-//						var jieDans = result.data.a;
-						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)
-						});
-						phoneTimeCount.setOption({
-							xAxis: {
-								data: con.months
-							},
-							legend: {
-								data: con.cols
-							},
-							series: sers
-						});
-					}
-				}
+}
+$(function() {
+	laydate.render({
+		elem: '#phone_time',
+		range: '~',
+		theme: '#114a97',
+		done: function(value, date) {
+			var areaOneVal=$(".areaOne").val();
+			partTwo(value && value.split(' ~ ')[0], value && value.split(' ~ ')[1],areaOneVal);
+		}
+	});
+	laydate.render({
+		elem: '#tody_time',
+		theme: '#114a97',
+		done: function(value, date) {
+			var areaOneVal=$(".areaOne").val();
+			partThree(value,areaOneVal);
+		}
+	});
+	Ajax();
+	$(".areaOne").change(function() {
+      	var areaOneVal=$(this).val();
+  		var areaOneText=$(".areaOne").find("option:selected").text();
+  		helper.cookies.set("areaOneVal", areaOneVal, 7);
+  		helper.cookies.set("areaOneText", areaOneText, 7);
+      	partOne(areaOneVal);
+		partTwo($('#phone_time').val() && $('#phone_time').val().split(' ~ ')[0], $('#phone_time').val() && $('phone_time').val().split(' ~ ')[1],areaOneVal);
+		partThree($('#tody_time').val(), areaOneVal);
+	});
+})
+//区县筛选
+deprtment ();
+function deprtment () {
+	$.getJSON( huayi.config.callcenter_url +"CountyBranch/GetBranchListS", function(result) {
+		if(result.state.toLowerCase() == "success") {
+			goodslist = result.data;
+//			第五屏
+			$(".areaOne").empty();
+			$(goodslist).each(function(i, n) {
+				$('<option value="' + n.F_Code 
+				+ '">' + n.F_Name 
+				+ '</option>').appendTo($(".areaOne"));
+			});
+			if (areaOneVal) {
+				$(".areaOne").val(areaOneVal);
+			}
+		}
+	});
+}
+
+//part 1 //工单状态统计  对接完毕
+var phoneTimeCount = echarts.init(document.getElementById('phoneTimeCount'));
+phoneTimeCount.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(areaOneVal) {
+	//		var index = layer.load(1, {
+	//			shade: [0.5, '#030303'] //0.1透明度的白色背景
+	//		});
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + "info/GetStateCountMonthByDate",
+		async: true,
+		data:{
+			branchcode:areaOneVal
+		},
+		dataType: 'json',
+		success: function(data) {
+			if(data.state.toLowerCase() == 'success') {
+				//	layer.close(index);
+				var con = data.data;
+				//						var jieDans = result.data.a;
+				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 2 //各部门工单情况
-		   function partTwo(starts,ends,deptid){
-		   	$.ajax({
-   					type:"get",
-   					url: huayi.config.callcenter_url + "Info/GetDeptCountByDateNew",
-					dataType: 'json',
-					async: true,
-					data:{
-						start:starts,
-						end:ends,
-						deptid:deptid
-					},
-					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);
-							})
-							
-						}
-					}
-   				});
-		   }
-			
-			// part3 工单处理时间分布
-			var sitProportion = echarts.init(document.getElementById('sitProportion')); //坐席闲忙比例
-			sitProportion.setOption({
-				color: ['#4ab7c7', '#2484d9', '#2e39c1'],
-				tooltip: {
-					trigger: 'axis',
-					axisPointer: {
-						type: 'shadow',
-						label: {
-							show: true,
-							backgroundColor: '#333'
-						}
-					},
-					formatter: function(datas) {
-						var res = datas[0].name + '<br/>',
-							val;
-						for(var i = 0, length = datas.length; i < length; i++) {
-//							val = (datas[i].value) + '%';
-							val = (datas[i].value);
-							res += datas[i].seriesName + '：' + val + '<br/>';
-						}
-						return res;
-					}
-				},
-				legend: {
-					top: 'top',
-					left: '165px',
-					data: ['受理工单数', '处理工单数'],
-					textStyle: {
-						color: '#00e9ff'
-					}
-				},
-				grid: {
-					left: '2%',
-					right: '5%',
-					bottom: '5%',
-					containLabel: true
+				phoneTimeCount.setOption({
+					xAxis: {
+						data: con.months
 					},
-				xAxis: {
-					name: '时',
-					data: [],
-					axisLine: {
-						lineStyle: {
-							color: '#3061a2'
-						}
+					legend: {
+						data: con.cols
 					},
-					axisTick: {
-						alignWithLabel: true,
-						show: false
-					},
-					axisLabel: { //横轴字体颜色
-						show: true,
-						textStyle: {
-							color: '#eff0f4'
-						}
-					}
+					series: sers
+				});
+			}
+		}
+	});
+}
 
-				},
-				yAxis: {
-					name: '(数量)',
-					splitLine: {
-						show: false
-					},
-					axisLine: {
-						lineStyle: {
-							color: '#3061a2'
-						}
-					},
-					axisLabel: { //横轴字体颜色
-						show: true,
-						textStyle: {
-							color: '#eff0f4'
-						}
-					}
-				},
-				series: [{
-					name: '受理工单数',
-					type: 'bar',
-					barGap: 0,
-					data: []
-				}, {
-					name: '处理工单数',
-					type: 'bar',
-					data: []
-				}]
+//part 2 //各部门工单情况
+function partTwo(starts, ends, areaOneVal) {
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + "Info/GetDeptCountByDateNew",
+		dataType: 'json',
+		async: true,
+		data: {
+			start: starts,
+			end: ends,
+			branchcode:areaOneVal
+		},
+		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);
+				})
 
-			});
-			function partThree(dates) {
-				$.ajax({
-   					type:"get",
-   					url: huayi.config.callcenter_url + "info/GetDealCount24ByDate",
-					dataType: 'json',
-					async: true,
-					data:{
-						date:dates,
-					},
-					success:function(data){
-						if(data.state.toLowerCase()=='success'){
-							var con=data.data;
-							sitProportion.setOption({
-								xAxis: {
-									data:con.hours
-								},
-								series: [{
-									data: con.acounts
-								},{
-									data:con.fcounts
-								}]
-							});
-						}
-					}
-   				});
 			}
-			//表格滚动
-			var area = document.getElementById('scroll_table');  
-			var iliHeight = 34;//单行滚动的高度  
-			var speed = 20;//滚动的速度  
-			var time;  
-			var delay= 1000;  
-			area.scrollTop=0;  
-			area.innerHTML+=area.innerHTML;//克隆一份一样的内容  
-			function startScroll(){  
-			    time=setInterval("scrollUp()",speed);  
-			    area.scrollTop++;  
-			    console.log(area.scrollTop);
-			}  
-			function scrollUp(){  
-			    if(area.scrollTop % iliHeight==0){  
-			        clearInterval(time);  
-			        setTimeout(startScroll,delay);  
-			    }else{  
-			        area.scrollTop++;  
-			        if(area.scrollTop >= area.scrollHeight/2){  
-			            area.scrollTop =0;  
-			        }  
-			    }  
-			}  
-			setTimeout(startScroll,delay) 
-			function Ajax(){
-				partOne()
-				partTwo($('#phone_time').val()&& $('#phone_time').val().split(' ~ ')[0],$('#phone_time').val() && $('#phone_time').val().split(' ~ ')[1]);
-				partThree($('#tody_time').val());
+		}
+	});
+}
+
+// part3 工单处理时间分布
+var sitProportion = echarts.init(document.getElementById('sitProportion')); //坐席闲忙比例
+sitProportion.setOption({
+	color: ['#4ab7c7', '#2484d9', '#2e39c1'],
+	tooltip: {
+		trigger: 'axis',
+		axisPointer: {
+			type: 'shadow',
+			label: {
+				show: true,
+				backgroundColor: '#333'
+			}
+		},
+		formatter: function(datas) {
+			var res = datas[0].name + '<br/>',
+				val;
+			for(var i = 0, length = datas.length; i < length; i++) {
+				//							val = (datas[i].value) + '%';
+				val = (datas[i].value);
+				res += datas[i].seriesName + '：' + val + '<br/>';
+			}
+			return res;
+		}
+	},
+	legend: {
+		top: 'top',
+		left: '165px',
+		data: ['受理工单数', '处理工单数'],
+		textStyle: {
+			color: '#00e9ff'
+		}
+	},
+	grid: {
+		left: '2%',
+		right: '5%',
+		bottom: '5%',
+		containLabel: true
+	},
+	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: [{
+		name: '受理工单数',
+		type: 'bar',
+		barGap: 0,
+		data: []
+	}, {
+		name: '处理工单数',
+		type: 'bar',
+		data: []
+	}]
+
+});
+
+function partThree(dates,areaOneVal) {
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + "info/GetDealCount24ByDate",
+		dataType: 'json',
+		async: true,
+		data: {
+			date: dates,
+			branchcode:areaOneVal
+		},
+		success: function(data) {
+			if(data.state.toLowerCase() == 'success') {
+				var con = data.data;
+				sitProportion.setOption({
+					xAxis: {
+						data: con.hours
+					},
+					series: [{
+						data: con.acounts
+					}, {
+						data: con.fcounts
+					}]
+				});
+			}
+		}
+	});
+}
+//表格滚动
+var area = document.getElementById('scroll_table');
+var iliHeight = 34; //单行滚动的高度  
+var speed = 20; //滚动的速度  
+var time;
+var delay = 1000;
+area.scrollTop = 0;
+area.innerHTML += area.innerHTML; //克隆一份一样的内容  
+function startScroll() {
+	time = setInterval("scrollUp()", speed);
+	area.scrollTop++;
+	console.log(area.scrollTop);
+}
+
+function scrollUp() {
+	if(area.scrollTop % iliHeight == 0) {
+		clearInterval(time);
+		setTimeout(startScroll, delay);
+	} else {
+		area.scrollTop++;
+		if(area.scrollTop >= area.scrollHeight / 2) {
+			area.scrollTop = 0;
+		}
+	}
+}
+setTimeout(startScroll, delay)
+
+function Ajax() {
+	partOne(areaOneVal)
+	partTwo($('#phone_time').val() && $('#phone_time').val().split(' ~ ')[0], $('#phone_time').val() && $('#phone_time').val().split(' ~ ')[1],areaOneVal);
+	partThree($('#tody_time').val(),areaOneVal);
+}

WebChart/js/sourceChannel.js

@@ -1,385 +1,432 @@
+var areaOneVal = helper.cookies.get("areaOneVal");
+var areaOneText = helper.cookies.get("areaOneText");
+if (areaOneVal) {
+	var areaOneVal = helper.cookies.get("areaOneVal");
+	
+} else{
+	var areaOneVal="sqs12345"
+	
+}
 $(function() {
-				laydate.render({
-					elem: '#time1',
-					format: 'yyyy-MM-dd',
-					theme: '#114a97',
-					done: function(value, date) {
-						partOne(value)
-					}
-				});
-				laydate.render({
-					elem: '#time2',
-					range: '~',
-					format: 'yyyy-MM-dd',
-					theme: '#114a97',
-					done: function(value, date) {
-						partTwo(value && value.split(' ~ ')[0], value && value.split(' ~ ')[1])
-					}
-				});
-				laydate.render({
-					elem: '#time3',
-					range: '~',
-					theme: '#114a97',
-					done: function(value, date) {
-						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: []
+	laydate.render({
+		elem: '#time1',
+		format: 'yyyy-MM-dd',
+		theme: '#114a97',
+		done: function(value, date) {
+			var areaOneVal=$(".areaOne").val();
+			partOne(value,areaOneVal)
+		}
+	});
+	laydate.render({
+		elem: '#time2',
+		range: '~',
+		format: 'yyyy-MM-dd',
+		theme: '#114a97',
+		done: function(value, date) {
+			var areaOneVal=$(".areaOne").val();
+			partTwo(value && value.split(' ~ ')[0], value && value.split(' ~ ')[1],areaOneVal)
+		}
+	});
+	laydate.render({
+		elem: '#time3',
+		range: '~',
+		theme: '#114a97',
+		done: function(value, date) {
+			var areaOneVal=$(".areaOne").val();
+			partThree(value && value.split(' ~ ')[0], value && value.split(' ~ ')[1],areaOneVal)
+		}
+	});
+	Ajax();
+	$(".areaOne").change(function() {
+      	var areaOneVal=$(this).val();
+      	var areaOneText=$(".areaOne").find("option:selected").text();
+      	helper.cookies.set("areaOneVal", areaOneVal, 7);
+      	helper.cookies.set("areaOneText", areaOneText, 7);
+      	partOne($('#time1').val(),areaOneVal);
+		partTwo($('#time2').val() && $('#time2').val().split(' ~ ')[0], $('#time2').val() && $('#time2').val().split(' ~ ')[1],areaOneVal);
+		partThree($('#time3').val() && $('#time3').val().split(' ~ ')[0], $('#time3').val() && $('#time3').val().split(' ~ ')[1],areaOneVal);
+//  	Ajax()
+	});
+})
+//区县筛选
+deprtment();
+function deprtment() {
+	$.getJSON( huayi.config.callcenter_url +"CountyBranch/GetBranchListS", function(result) {
+		if(result.state.toLowerCase() == "success") {
+			goodslist = result.data;
+//			第五屏
+			$(".areaOne").empty();
+			$(goodslist).each(function(i, n) {
+				$('<option value="' + n.F_Code 
+				+ '">' + n.F_Name 
+				+ '</option>').appendTo($(".areaOne"));
 			});
-			function partOne(dates) {
-				$.ajax({
-					type: "get",
-					url: huayi.config.callcenter_url + "info/GetAreaCount24ByDate",
-					async: true,
-					dataType: "json",
-					data: {
-						date: dates
+			if (areaOneVal) {
+				$(".areaOne").val(areaOneVal);
+			}
+		}
+	});
+}
+//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(dates,areaOneVal) {
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + "info/GetAreaCount24ByDate",
+		async: true,
+		dataType: "json",
+		data: {
+			date: dates,
+			branchcode:areaOneVal
+		},
+		success: function(data) {
+			if(data.state.toLowerCase() == "success") {
+				//							layer.close(index);
+				var con = data.data;
+				var part1Axis = con.hours;
+				var sers = []
+				$(con.cols).each(function(i, n) {
+					var obj = {};
+					obj.name = n;
+					obj.type = "line";
+					obj.smooth = true;
+					obj.showAllSymbol = true;
+					obj.symbol = "emptyCircle";
+					obj.symbolSize = 10;
+					obj.data = con.counts[i];
+					sers.push(obj);
+				})
+				part_1.setOption({
+					xAxis: {
+						data: part1Axis
+					},
+					legend: {
+						data: con.cols
 					},
-					success: function(data) {
-						if(data.state.toLowerCase() == "success") {
-//							layer.close(index);
-							var con = data.data;
-							var part1Axis = con.hours;
-							var sers = []
-							$(con.cols).each(function(i, n) {
-								var obj = {};
-								obj.name = n;
-								obj.type = "line";
-								obj.smooth = true;
-								obj.showAllSymbol = true;
-								obj.symbol = "emptyCircle";
-								obj.symbolSize = 10;
-								obj.data = con.counts[i];
-								sers.push(obj);
-							})
-							part_1.setOption({
-								xAxis: {
-									data: part1Axis
-								},
-								legend: {
-									data: con.cols
-								},
-								series: sers
-							});
+					series: sers
+				});
 
-						}
-					}
+			}
+		}
 
-				});
+	});
+}
+//part2 //渠道来源
+var source = echarts.init(document.getElementById('source'));
+source.setOption({
+
+	tooltip: {
+		trigger: 'axis',
+		axisPointer: {
+			type: false,
+			label: {
+				show: true,
+				backgroundColor: '#030917'
+			}
+		},
+	},
+	//				legend: {
+	//					top: 'top',
+	//					left: '180px',
+	//					data: [],
+	//					textStyle: {
+	//						color: '#00e9ff'
+	//					}
+	//				},
+	xAxis: {
+		//			name: '时',
+		data: [],
+		axisLine: {
+			lineStyle: {
+				color: '#3061a2'
 			}
-			//part2 //渠道来源
-	       var source = echarts.init(document.getElementById('source'));
-			source.setOption({
+		},
+		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'
+			}
+		}
 
-				tooltip: {
-					trigger: 'axis',
-					axisPointer: {
-						type: false,
-						label: {
-							show: true,
-							backgroundColor: '#030917'
-						}
-					},
-				},
-//				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: [{
+		name: '数量',
+		type: 'bar',
+		barWidth: 18,
+		itemStyle: {
+			normal: {
+				color: function(params) {
+					// build a color map as your need.
+					var colorList = ['#368cab', '#54b793', '#4b6ab0', '#2531a9'];
+					return colorList[params.dataIndex]
+				}
+			}
+		},
+		label: {
+			normal: {
+				show: true,
+				position: 'top', //顶部数据显示位置
+				textStyle: {
+					color: '#fff' //顶部数据颜色
 				},
-				series: [{
-					name: '数量',
-					type: 'bar',
-					barWidth: 18,
-					itemStyle: {
-		                normal: {
-		                    color: function(params) {
-		                        // build a color map as your need.
-		                        var colorList = ['#368cab','#54b793','#4b6ab0','#2531a9'];
-		                        return colorList[params.dataIndex]
-		                    }
-		                }
-		            },
-					label: {
-						normal: {
-							show: true,
-							position: 'top',//顶部数据显示位置
-							textStyle: {
-						            color: '#fff' //顶部数据颜色
-						         },
-							formatter: '{c}' // 这里是数据展示的时候显示的数据
-						}
-					},
-					data: []
-				}]
+				formatter: '{c}' // 这里是数据展示的时候显示的数据
+			}
+		},
+		data: []
+	}]
 
-			});
+});
 
-			function partTwo(start,end) {
-			$.ajax({
-   					type:"get",
-   					url: huayi.config.callcenter_url + "info/GetSourcePercentByDate",
-					dataType: 'json',
-					async: true,
-					data:{
-						start:start,
-						end:end
+function partTwo(start, end,areaOneVal) {
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + "info/GetSourcePercentByDate",
+		dataType: 'json',
+		async: true,
+		data: {
+			start: start,
+			end: end,
+			branchcode:areaOneVal
+		},
+		success: function(data) {
+			if(data.state.toLowerCase() == "success") {
+				//					layer.close(index);
+				var con = data.data;
+				var qd_legend = [];
+				var ser_data = [];
+				$(con).each(function(i, n) {
+					ser_data.push(n.Count)
+					qd_legend.push(n.Source);
+				})
+				source.setOption({
+					//								legend: {
+					//									data: qd_legend
+					//								},
+					xAxis: {
+						data: qd_legend
 					},
-					success: function(data) {
-						if(data.state.toLowerCase() == "success") {
-		//					layer.close(index);
-							var con=data.data;
-							var qd_legend = [];
-							var ser_data = [];
-							$(con).each(function(i, n) {
-								ser_data.push(n.Count)
-								qd_legend.push(n.Source);
-							})
-							source.setOption({
-//								legend: {
-//									data: qd_legend
-//								},
-								xAxis: {
-									data: qd_legend
-								},
-								series: {
-									data: ser_data
-								}
-		
-							})
-		
-						}
+					series: {
+						data: ser_data
 					}
-		
-				});
+
+				})
 
 			}
-			// part3 受理区域统计
-			var part3 = echarts.init(document.getElementById('part3'));
-			part3.setOption({
-				color: ['#6ce7ac', '#6a91e0', '#ceba5f', '#cb5f79', '#ae765a', '#569d4e','#7d55ba','#ce5aba','#355cdd','#44c1c6','#ceba5e','#c64444'],
-				title: {
-					text: '各区县占比',
-					x: 'center',
-					y: '45%',
-					textStyle: {
-						fontWeight: 'normal',
-						fontSize: 16,
-						color:'#fff'
-						
-					}
+		}
+
+	});
+
+}
+// part3 受理区域统计
+var part3 = echarts.init(document.getElementById('part3'));
+part3.setOption({
+	color: ['#6ce7ac', '#6a91e0', '#ceba5f', '#cb5f79', '#ae765a', '#569d4e', '#7d55ba', '#ce5aba', '#355cdd', '#44c1c6', '#ceba5e', '#c64444'],
+	title: {
+		text: '各区县占比',
+		x: 'center',
+		y: '45%',
+		textStyle: {
+			fontWeight: 'normal',
+			fontSize: 16,
+			color: '#fff'
+
+		}
+	},
+	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: ['50%', '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}%'
 				},
-				tooltip: {
-					trigger: 'item',
-					formatter: "{a} <br/>{b} : {c} ({d}%)",
-					axisPointer: {
-						crossStyle: {
-							color: '#fff'
-						}
+				labelLine: {
+					show: true
+				}
+			}
+		},
+		label: {
+			normal: {
+				textStyle: {
+					color: '#fff'
+				}
+			}
+		}
+	}]
+});
+
+function partThree(start, end,areaOneVal) {
+	//		var index = layer.load(1, {
+	//			shade: [0.5, '#030303'] //0.1透明度的白色背景
+	//		});
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + "info/GetAreaCountByDate",
+		async: true,
+		dataType: 'json',
+		data: {
+			start: start,
+			end: end,
+			branchcode:areaOneVal
+		},
+		success: function(data) {
+			if(data.state.toLowerCase() == 'success') {
+				//						layer.close(index);
+				$('.complaint_typeL').html('');
+				$('.complaint_typeR').html('');
+				var con = data.data;
+				var part_1_legend = [];
+				var part_1_ser = [];
+				$(con).each(function(i, n) {
+					part_1_legend.push(n.AreaName)
+					var part_1_obj = {};
+					part_1_obj.value = n.Count;
+					part_1_obj.name = n.AreaName;
+					part_1_ser.push(part_1_obj)
+					if(n.AreaName.indexOf('城乡一体') != -1) {
+						n.AreaName = "城乡示范"
 					}
-				},
-				//			legend: {
-				//				//      orient: 'vertical',
-				//				bottom: 'bottom',
-				//				data: [],
-				//				textStyle: {
-				//					color: '#fff'
-				//				}
-				//			},
-				series: [{
-					name: '数据',
-					type: 'pie',
-					radius: ['30%', '60%'],
-					center: ['50%', '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'
-							}
-						}
+					var str = '<li>' +
+						'<span class="type_name">' + n.AreaName + '</span>   <span class="type_count">' + n.Count + '</span>' +
+						'</li>'
+					if(i <= 5) {
+						$(str).appendTo('.complaint_typeL');
+					} else if(i <= 11&&i >5){
+						$(str).appendTo('.complaint_typeR');
 					}
-				}]
-			});
-			function partThree(start, end) {
-				//		var index = layer.load(1, {
-				//			shade: [0.5, '#030303'] //0.1透明度的白色背景
-				//		});
-				$.ajax({
-					type: "get",
-					url: huayi.config.callcenter_url + "info/GetAreaCountByDate",
-					async: true,
-					dataType: 'json',
-					data: {
-						start: start,
-						end: end
-					},
-					success: function(data) {
-						if(data.state.toLowerCase() == 'success') {
-							//						layer.close(index);
-							$('.complaint_typeL').html('');
-							$('.complaint_typeR').html('');
-							var con = data.data;
-							var part_1_legend = [];
-							var part_1_ser = [];
-							$(con).each(function(i, n) {
-								part_1_legend.push(n.AreaName)
-								var part_1_obj = {};
-								part_1_obj.value = n.Count;
-								part_1_obj.name = n.AreaName;
-								part_1_ser.push(part_1_obj)
-								if(n.AreaName.indexOf('城乡一体') != -1){
-									n.AreaName="城乡示范"
-								}
-								var str='<li>' +
-									'<span class="type_name">' + n.AreaName + '</span>   <span class="type_count">' + n.Count + '</span>' +
-									'</li>'
-									if(i<=5){
-										$(str).appendTo('.complaint_typeL');
-									}else{
-											$(str).appendTo('.complaint_typeR');
-									}
-							})
-							part3.setOption({
-//									legend: {
-//										selected: {
-//										'当即办理': false
-//									}
-//									},
-								series: [{
-									data: part_1_ser
-								}]
-							})
+				})
+				part3.setOption({
+					//									legend: {
+					//										selected: {
+					//										'当即办理': false
+					//									}
+					//									},
+					series: [{
+						data: part_1_ser
+					}]
+				})
 
-						}
-					}
-				});
 			}
-		
-			function Ajax(){
-				partOne($('#time1').val())
-				partTwo($('#time2').val()&& $('#time2').val().split(' ~ ')[0],$('#time2').val() && $('#time2').val().split(' ~ ')[1]);
-				partThree($('#time3').val() && $('#time3').val().split(' ~ ')[0], $('#time3').val() && $('#time3').val().split(' ~ ')[1])
-		}
+		}
+	});
+}
+
+function Ajax() {
+	
+	partOne($('#time1').val(),areaOneVal)
+	partTwo($('#time2').val() && $('#time2').val().split(' ~ ')[0], $('#time2').val() && $('#time2').val().split(' ~ ')[1],areaOneVal);
+	partThree($('#time3').val() && $('#time3').val().split(' ~ ')[0], $('#time3').val() && $('#time3').val().split(' ~ ')[1],areaOneVal)
+}

WebChart/receiptDepartment.html

@@ -62,6 +62,14 @@
 	       .table>tbody>tr>td:nth-last-child(2){
 	        	color: #ec6969!important;
 	        }
+	        .selects {
+				height: 30px;
+				margin-right: 15px;
+			}
+			.time_box1 {
+			    color: #00e9ff;
+			    
+			}
 		</style>
 	</head>
 
@@ -98,6 +106,10 @@
 					<div class="title_word pull-left">
 						<span class="col-line"></span> 工单状态统计
 					</div>
+					<div class="time_box1 pull-right form-inline">
+						地区选择：
+						<select class="areaOne selects"></select>
+					</div>
 					<!--<div class="time_box pull-right form-inline selects_box">
 						筛选<select name="" class="selects" id="">
 							<option value="">全部</option>

WebChart/sourceChannel.html

@@ -143,6 +143,13 @@
 				color: #fff;
 				margin-left: 18px;
 			}
+			.time_box1 {
+			    color: #00e9ff;
+			    position: absolute;
+			    top: 20px;
+			    right: 20px;
+			    
+			}
 		</style>
 	</head>
 
@@ -179,7 +186,10 @@
 					<div class="title_word pull-left">
 						<span class="col-line"></span> 受理群众区域统计
 					</div>
-					<div class="time_box pull-right form-inline">
+					<div class="time_box1 pull-right form-inline">
+						
+						地区选择：
+						<select class="areaOne selects"></select>
 						日期<input type="text" id="time1" class="times" />
 					</div>
 				</div>
@@ -198,7 +208,6 @@
 					</div>
 					<!--渠道来源统计-->
 					<div id="source" style="width: 100%; height: 390px;"></div>
-				
 				</div>
 
 				<div class="bottom_right pull-left">