daping.js

WebChart/js/liuzhangtu.js

@@ -0,0 +1,827 @@
+// aaaa()
+	//  function aaaa(){
+	//   var myCha = echarts.init(document.getElementById('cha'));
+	//   var myChart = echarts.init(document.getElementById('chart'));
+	//               // 指定图表的配置项和数据
+	//               myChart.setOption({
+	//                    title: {
+	//                         text: '异步数据加载示例'
+	//                    },
+	//                    tooltip: {},
+	//                    // legend: {
+	//                    //      // data: ['销量']
+	//                    // },
+	//                    xAxis: {
+	//                         data: ["总和","咨询","投诉","抽检","建议及其他","5"]
+	//                    },
+	//                    yAxis: {},
+	//                    series: [{
+	//                         name: '销量',
+	//                         type: 'bar',
+	//   						barWidth:20,
+	//                         data: [
+	//   							{name:'总和',value:8},
+	//   							{name:'咨询',value:6},
+	//   							{name:'投诉',value:4},
+	//   							{name:'抽检',value:3},
+	//   							{name:'建议及其他',value:9},
+	//   							]
+	//                    }]
+	//               }); 
+	//    myCha.setOption({
+	//         title : {
+	//             // text: '某站点用户访问来源',
+	//             // subtext: '纯属虚构',
+	//             // x:'center'
+	//         },
+	//         tooltip : {
+	//             trigger: 'item',
+	//             formatter: "{a} <br/>{b} : {c} ({d}%)"
+	//         },
+	//         // legend: {
+	//         //     orient: 'vertical',
+	//         //     left: 'left',
+	//         //     // data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
+	//         // },
+	//         series : [
+	//             {
+	//                 name: '访问来源',
+	//                 type: 'pie',
+	//                 radius : '55%',
+	//                 center: ['50%', '60%'],
+	//                 data:[
+	//                     {value:335, name:'综合'},
+	//                     {value:310, name:'咨询'},
+	//                     {value:234, name:'投诉'},
+	//                     {value:135, name:'抽检'},
+	//                     {value:1548, name:'建议及其他'}
+	//                 ],
+	//                 itemStyle: {
+	//                     emphasis: {
+	//                         shadowBlur: 10,
+	//                         shadowOffsetX: 0,
+	//                         shadowColor: 'rgba(0, 0, 0, 0.5)'
+	//                     }
+	//                 }
+	//             }
+	//         ]
+	//    }); 
+	//  }
+	$("#save_ssss").click(function  () {
+	    partpaat()
+	})
+	var bigdataList = null;
+
+	partpaat();
+
+	function partpaat() {
+		var myCha = echarts.init(document.getElementById('cha'));
+		var myChart = echarts.init(document.getElementById('chart'));
+		var myChaaaa = echarts.init(document.getElementById('dback1'));
+		var myChartaaa = echarts.init(document.getElementById('dback'));
+		var myChaccc = echarts.init(document.getElementById('mold1'));
+		var myChartbbb = echarts.init(document.getElementById('mold'));
+		var myCharrr = echarts.init(document.getElementById('genre1'));
+		var myCharteee = echarts.init(document.getElementById('genre'));
+		var myChaqqq = echarts.init(document.getElementById('other1'));
+		var myChartwww = echarts.init(document.getElementById('other'));
+		var myChalll = echarts.init(document.getElementById('uction1'));
+		var myChartppp = echarts.init(document.getElementById('uction'));
+		$.ajax({
+			type: "get",
+			url: huayi.config.callcenter_url + "WOReport/GetBigdataList",
+			async: true,
+			dataType: "json",
+			data: {
+				stime:oneScreen($('#time3').val() && $('#time3').val().split(' ~ ')[0], $('#time3').val() && $('#time3').val().split(' ~ ')[1]),//开始时间
+				salesBase:$('#xiaoshou').val(),//销售基地
+				product:$('#Product_Category').val(),//产品
+				channel:$('#customer_taxPointDes').val(),//渠道类型
+				area:$('#customer_comaddress').val(),//大区
+				branch:$('#customer_comaddress').val(),//分公司
+				type:$('#styqu').val(),//反馈类型
+			},
+			success: function(data) {
+				if (data.state.toLowerCase() == "success") {
+					//bigdataList = data.rows;
+					var con = data.rows;
+
+					var channel = con.channel;
+					var overdue = con.overdue;
+					var product = con.product;
+					var stateaa = con.state;
+					var satisfaction = con.satisfaction;
+					var type_data = con.type;
+					
+					// 反馈类型
+					var type_data_arry = [];
+					var type_data_name_arry = [];
+					$(type_data).each(function(i, n) {
+						//type_data_arry.push(n.name)
+						//数据
+						var type_data_obj = {};
+						type_data_obj.name = n.name;
+						type_data_obj.value = n.number;
+						type_data_arry.push(type_data_obj);
+						//名称
+						var type_data_name_obj = {};
+						type_data_name_obj = n.name;
+						type_data_name_arry.push(type_data_name_obj);						
+					})
+					
+					// 产品类型
+					var type_data_aaa = [];
+					var type_data_name_arry1 = [];
+					$(product).each(function(i, n) {
+						//type_data_arry.push(n.name)
+						//数据
+						var type_data_obj1 = {};
+						type_data_obj1.name = n.name;
+						type_data_obj1.value = n.number;
+						type_data_aaa.push(type_data_obj1);
+						//名称
+						var type_data_name_obj1 = {};
+						type_data_name_obj1 = n.name;
+						type_data_name_arry1.push(type_data_name_obj1);						
+					})
+					
+					// 聚到类型
+					var type_data_ccc = [];
+					var type_data_name_arry2 = [];
+					$(channel).each(function(i, n) {
+						//type_data_arry.push(n.name)
+						//数据
+						var type_data_obj2 = {};
+						type_data_obj2.name = n.name;
+						type_data_obj2.value = n.number;
+						type_data_ccc.push(type_data_obj2);
+						//名称
+						var type_data_name_obj2 = {};
+						type_data_name_obj2 = n.name;
+						type_data_name_arry2.push(type_data_name_obj2);						
+					})
+					
+					// 超期部门
+					var type_data_bbb = [];
+					var type_data_name_arry3 = [];
+					$(overdue).each(function(i, n) {
+						//type_data_arry.push(n.name)
+						//数据
+						var type_data_obj3 = {};
+						type_data_obj3.name = n.name;
+						type_data_obj3.value = n.number;
+						type_data_bbb.push(type_data_obj3);
+						//名称
+						var type_data_name_obj3 = {};
+						type_data_name_obj3 = n.name;
+						type_data_name_arry3.push(type_data_name_obj3);						
+					})
+						// 满意度
+					var type_data_nnn = [];
+					var type_data_name_arry4 = [];
+					$(satisfaction).each(function(i, n) {
+						//type_data_arry.push(n.name)
+						//数据
+						var type_data_obj4 = {};
+						type_data_obj4.name = n.name;
+						type_data_obj4.value = n.number;
+						type_data_nnn.push(type_data_obj4);
+						//名称
+						var type_data_name_obj4 = {};
+						type_data_name_obj4 = n.name;
+						type_data_name_arry4.push(type_data_name_obj4);						
+					})
+						// 工单
+					var type_data_uuu = [];
+					var type_data_name_arry5 = [];
+					$(stateaa).each(function(i, n) {
+						//type_data_arry.push(n.name)
+						//数据
+						var type_data_obj5 = {};
+						type_data_obj5.name = n.name;
+						type_data_obj5.value = n.number;
+						type_data_uuu.push(type_data_obj5);
+						//名称
+						var type_data_name_obj5 = {};
+						type_data_name_obj5 = n.name;
+						type_data_name_obj5 = n.Lastmonth;
+						type_data_name_obj5 = n.Lastyear;
+						type_data_name_arry5.push(type_data_name_obj5);						
+					})
+					
+					
+
+
+					myChart.setOption({
+						color: ['#1852B5'],
+						title: {
+							text: '反馈类型统计',
+							x: 'center',
+							textStyle: {
+								"color": "#FFFFFF"
+							}
+						},
+						tooltip: {},
+						// legend: {
+						//      // data: ['销量']
+						// },
+						xAxis: {
+							data: type_data_name_arry,	//["合计", "咨询", "投诉", "抽检", "建议及其他", ""],  ["咨询", "投诉", "抽检", "建议", "合计"]
+							axisLine: { //这是x轴文字颜色
+								lineStyle: {
+									color: "#FFFFFF",
+								}
+							}
+						},
+						yAxis: {
+							axisLine: { //这是x轴文字颜色
+								lineStyle: {
+									color: "#FFFFFF",
+								}
+							}
+						},
+						series: [{
+							name: '反馈类型统计',
+							type: 'bar',
+							x: 'center',
+							// barGap:'2%', //两个柱子距离
+							barWidth: 20,
+							data: type_data_arry
+// 							[
+// 								{name:con.type[0].name,value:con.type[0].number},
+// 								{name:con.type[1].name,value:con.type[1].number},
+// 								{name:con.type[2].name,value:con.type[2].number},
+// 								{name:con.type[3].name,value:con.type[3].number},
+// 
+// 							]
+						}]
+					});
+					myCha.setOption({
+						title: {
+							// text: '某站点用户访问来源',
+							// subtext: '纯属虚构',
+							// x:'center'
+						},
+						tooltip: {
+							trigger: 'item',
+							formatter: "{a} <br/>{b} : {c} ({d}%)"
+						},
+						// legend: {
+						//     orient: 'vertical',
+						//     left: 'left',
+						//     // data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
+						// },
+						series: [{
+							name: '访问来源',
+							type: 'pie',
+							radius: '55%',
+							center: ['50%', '60%'],
+							data: type_data_arry,type_data_name_arry,
+// 							[
+// 
+// 								{
+// 									name: con.type[0].name,
+// 									value: con.type[0].number
+// 								},
+// 								{
+// 									name: con.type[1].name,
+// 									value: con.type[1].number
+// 								},
+// 								{
+// 									name: con.type[2].name,
+// 									value: con.type[2].number
+// 								},
+// 								{
+// 									name: con.type[3].name,
+// 									value: con.type[3].number
+// 								},
+// 							],
+							itemStyle: {
+								emphasis: {
+									shadowBlur: 10,
+									shadowOffsetX: 0,
+									shadowColor: 'rgba(0, 0, 0, 0.5)'
+								},
+								normal: {
+									color: function(params) {
+										//自定义颜色
+										var colorList = [
+											'#00FFFF', '#0059E9', '#FFFF00', '#FF8C00', '#FF0000', '#FE8463',
+										];
+										return colorList[params.dataIndex]
+									}
+								}
+							}
+						}]
+					});
+					myChartaaa.setOption({
+						color: ['#1852B5'],
+						title: {
+							text: '产品类型统计',
+							x: 'center',
+							textStyle: {
+								"color": "#FFFFFF"
+							}
+						},
+						tooltip: {},
+						// legend: {
+						//      // data: ['销量']
+						// },
+						xAxis: {
+							splitNumber: 5,
+							data: type_data_name_arry1,//["合计", "尿素", "复合肥", "水溶肥", "车用尿素", "三聚氰胺", "甲醇", "糖醇", "腐殖酸", "二甲醚", "糖醛", "液氨", "其他", ""],
+							axisLine: { //这是x轴文字颜色
+								lineStyle: {
+									color: "#FFFFFF",
+								}
+							},
+							axisLabel: {
+								interval: 0,
+								rotate: 40
+							}
+						},
+						yAxis: {
+							axisLine: { //这是x轴文字颜色
+								lineStyle: {
+									color: "#FFFFFF",
+								}
+							}
+						},
+						series: [{
+							name: '产品类型统计',
+							type: 'bar',
+							barWidth: 20,
+							data:type_data_aaa,
+						}]
+					});
+					myChaaaa.setOption({
+						title: {
+							// text: '某站点用户访问来源',
+							// subtext: '纯属虚构',
+							// x:'center'
+						},
+						tooltip: {
+							trigger: 'item',
+							formatter: "{a} <br/>{b} : {c} ({d}%)"
+						},
+						// legend: {
+						//     orient: 'vertical',
+						//     left: 'left',
+						//     // data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
+						// },
+						series: [{
+							name: '访问来源',
+							type: 'pie',
+							radius: '55%',
+							center: ['50%', '60%'],
+							data: type_data_aaa,type_data_name_arry1,
+
+							itemStyle: {
+								emphasis: {
+									shadowBlur: 10,
+									shadowOffsetX: 0,
+									shadowColor: 'rgba(0, 0, 0, 0.5)'
+								},
+								normal: {
+									color: function(params) {
+										//自定义颜色
+										var colorList = [
+											'#007979', '#0059E9', '#FFFF00', '#FF8C00', '#007979', '#FE8463',
+											'#FFC519', '#FFEA00', '#00A0F3', '#006600', '#33FFFF', '#FFBD7E',
+										];
+										return colorList[params.dataIndex]
+									}
+								}
+							}
+						}]
+					});
+					myChartbbb.setOption({
+						color: ['#1852B5'],
+						title: {
+							text: '渠道类型统计',
+							x: 'center',
+							textStyle: {
+								"color": "#FFFFFF"
+							}
+						},
+						tooltip: {},
+						// legend: {
+						//      // data: ['销量']
+						// },
+						xAxis: {
+							data:type_data_name_arry2, //["合计", "总经销", "二级商", "种田大户", "农户", "化工客户", "公司员工", "其他"],
+							axisLine: { //这是x轴文字颜色
+								lineStyle: {
+									color: "#FFFFFF",
+								}
+							},
+							axisLabel: {
+								interval: 0,
+								rotate: 40
+							}
+						},
+						yAxis: {
+							axisLine: { //这是x轴文字颜色
+								lineStyle: {
+									color: "#FFFFFF",
+								}
+							}
+						},
+						series: [{
+							name: '渠道类型统计',
+							type: 'bar',
+							barWidth: 20,
+							data: type_data_ccc,
+							
+						}]
+					});
+					myChaccc.setOption({
+						title: {
+							// text: '某站点用户访问来源',
+							// subtext: '纯属虚构',
+							// x:'center'
+						},
+						tooltip: {
+							trigger: 'item',
+							formatter: "{a} <br/>{b} : {c} ({d}%)"
+						},
+						// legend: {
+						//     orient: 'vertical',
+						//     left: 'left',
+						//     // data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
+						// },
+						series: [{
+							name: '渠道类型统计',
+							type: 'pie',
+							radius: '55%',
+							center: ['50%', '60%'],
+							data: type_data_ccc,type_data_name_arry2,
+							
+							itemStyle: {
+								emphasis: {
+									shadowBlur: 10,
+									shadowOffsetX: 0,
+									shadowColor: 'rgba(0, 0, 0, 0.5)'
+								},
+								normal: {
+									color: function(params) {
+										//自定义颜色
+										var colorList = [
+											'#00FFFF', '#0059E9', '#FFFF00', '#FF8C00', '#FF0000', '#FE8463',
+										];
+										return colorList[params.dataIndex]
+									}
+								}
+							}
+						}]
+					});
+					myCharteee.setOption({
+						color: ['#1852B5'],
+						title: {
+							text: '超期部门统计',
+							x: 'center',
+							textStyle: {
+								"color": "#FFFFFF"
+							}
+						},
+						tooltip: {},
+						// legend: {
+						//      // data: ['销量']
+						// },
+						xAxis: {
+							data:type_data_name_arry3,// ["合计", "市场管理科", "呼叫中心", "车用尿素", ""],
+							axisLine: { //这是x轴文字颜色
+								lineStyle: {
+									color: "#FFFFFF",
+								}
+							}
+						},
+						yAxis: {
+							axisLine: { //这是x轴文字颜色
+								lineStyle: {
+									color: "#FFFFFF",
+								}
+							}
+						},
+						series: [{
+							name: '超期部门统计',
+							type: 'bar',
+							barWidth: 20,
+							data: type_data_bbb,
+							
+						}]
+					});
+					myCharrr.setOption({
+						title: {
+							// text: '某站点用户访问来源',
+							// subtext: '纯属虚构',
+							// x:'center'
+						},
+						tooltip: {
+							trigger: 'item',
+							formatter: "{a} <br/>{b} : {c} ({d}%)"
+						},
+						// legend: {
+						//     orient: 'vertical',
+						//     left: 'left',
+						//     // data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
+						// },
+						series: [{
+							name: '超期部门统计',
+							type: 'pie',
+							radius: '55%',
+							center: ['50%', '60%'],
+							data:type_data_bbb, type_data_name_arry3,
+							itemStyle: {
+								emphasis: {
+									shadowBlur: 10,
+									shadowOffsetX: 0,
+									shadowColor: 'rgba(0, 0, 0, 0.5)'
+								},
+								normal: {
+									color: function(params) {
+										//自定义颜色
+										var colorList = [
+											'#00FFFF', '#0059E9', '#FFFF00', '#FF8C00', '#FF0000', '#FE8463',
+										];
+										return colorList[params.dataIndex]
+									}
+								}
+							}
+						}]
+					});
+					myChartwww.setOption({
+						color: ['#1852B5'],
+						title: {
+							text: '满意度统计',
+							x: 'center',
+							textStyle: {
+								"color": "#FFFFFF"
+							}
+						},
+						tooltip: {},
+						// legend: {
+						//      // data: ['销量']
+						// },
+						xAxis: {
+							data: type_data_name_arry4,//["合计", "非常满意", "满意", "一般", "不满意", ""],
+							axisLine: { //这是x轴文字颜色
+								lineStyle: {
+									color: "#FFFFFF",
+								}
+							}
+						},
+						yAxis: {
+							axisLine: { //这是x轴文字颜色
+								lineStyle: {
+									color: "#FFFFFF",
+								}
+							}
+						},
+						series: [{
+							name: '满意度统计',
+							type: 'bar',
+							barWidth: 20,
+							data:type_data_nnn,
+							
+						}]
+					});
+					myChaqqq.setOption({
+						title: {
+							// text: '某站点用户访问来源',
+							// subtext: '纯属虚构',
+							// x:'center'
+						},
+						tooltip: {
+							trigger: 'item',
+							formatter: "{a} <br/>{b} : {c} ({d}%)"
+						},
+						// legend: {
+						//     orient: 'vertical',
+						//     left: 'left',
+						//     // data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
+						// },
+						series: [{
+							name: '满意度统计',
+							type: 'pie',
+							radius: '55%',
+							center: ['50%', '60%'],
+							data: type_data_nnn,type_data_name_arry4,
+							
+							itemStyle: {
+								emphasis: {
+									shadowBlur: 10,
+									shadowOffsetX: 0,
+									shadowColor: 'rgba(0, 0, 0, 0.5)'
+								},
+								normal: {
+									color: function(params) {
+										//自定义颜色
+										var colorList = [
+											'#00FFFF', '#0059E9', '#FFFF00', '#FF8C00', '#FF0000', '#FE8463',
+										];
+										return colorList[params.dataIndex]
+									}
+								}
+							}
+						}]
+					});
+					myChartppp.setOption({
+						color: ['#1852B5'],
+						title: {
+							text: '工单统计',
+							x: 'center',
+							textStyle: {
+								"color": "#FFFFFF"
+							}
+						},
+						tooltip: {},
+						// legend: {
+						//      // data: ['销量']
+						// },
+						xAxis: {
+							data:type_data_name_arry5,
+							axisLine: { //这是x轴文字颜色
+								lineStyle: {
+									color: "#FFFFFF",
+								}
+							}
+						},
+						yAxis: {
+							axisLine: { //这是x轴文字颜色
+								lineStyle: {
+									color: "#FFFFFF",
+								}
+							}
+						},
+						series: [{
+							name: '工单',
+							type: 'bar',
+							barWidth: 20,
+							data: type_data_uuu,
+						}]
+					});
+					myChalll.setOption({
+						title: {
+							// text: '某站点用户访问来源',
+							// subtext: '纯属虚构',
+							// x:'center'
+						},
+						tooltip: {
+							trigger: 'item',
+							formatter: "{a} <br/>{b} : {c} ({d}%)"
+						},
+						// legend: {
+						//     orient: 'vertical',
+						//     left: 'left',
+						//     // data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
+						// },
+						series: [{
+							name: '访问来源',
+							type: 'pie',
+							radius: '55%',
+							center: ['50%', '60%'],
+							data: type_data_uuu,type_data_name_arry5,
+							itemStyle: {
+								emphasis: {
+									shadowBlur: 10,
+									shadowOffsetX: 0,
+									shadowColor: 'rgba(0, 0, 0, 0.5)'
+								},
+								normal: {
+									color: function(params) {
+										//自定义颜色
+										var colorList = [
+											'#00FFFF', '#0059E9', '#FFFF00', '#FF8C00', '#FF0000', '#FE8463',
+										];
+										return colorList[params.dataIndex]
+									}
+								}
+							}
+						}]
+					});
+
+				}
+			}
+		});
+	}
+
+
+
+
+
+
+
+
+
+
+
+	$(document).ready(function() {
+
+
+		DQQ($("#customer_comaddress")); //大区
+		XSJD($("#xiaoshou")); //销售基地
+		ZXCPMC($("#Product_Category")); //产品名称 	
+		QDLXX($("#customer_taxPointDes")); //渠道类型
+
+	});
+	//渠道类型
+	function QDLXX(obj) {
+		obj.empty();
+		obj.append('<option selected="selected" value="">请选择</option>');
+		$.getJSON(huayi.config.callcenter_url + "WOReport/GetDicValueListByFlag", {
+			// "token": $.cookie("token"),
+			flag: "QDLX",
+		}, function(data) {
+			if (data.state.toLowerCase() == "success") {
+				var content = data.data;
+				$(content).each(function(i, n) {
+					$("<option value='" + n.F_Name + "'>" + n.F_Name + "</option>").appendTo(obj);
+				})
+			}
+		})
+	}
+	//产品名称	
+	function ZXCPMC(obj) {
+		obj.empty();
+		obj.append('<option selected="selected" value="">请选择</option>');
+		$.getJSON(huayi.config.callcenter_url + "WOReport/GetDicValueListByFlag", {
+			// "token": $.cookie("token"),
+			flag: "CPZL",
+		}, function(data) {
+			if (data.state.toLowerCase() == "success") {
+				var content = data.data;
+				$(content).each(function(i, n) {
+					$("<option value='" + n.F_Name + "'>" + n.F_Name + "</option>").appendTo(obj);
+				})
+			}
+		})
+	}
+	//销售基地
+	function XSJD(obj) {
+		obj.empty();
+		obj.append('<option selected="selected" value="">请选择</option>');
+		$.getJSON(huayi.config.callcenter_url + "WOReport/GetDicValueListByFlag", {
+			// "token": $.cookie("token"),
+			flag: "XSJD",
+		}, function(data) {
+			if (data.state.toLowerCase() == "success") {
+				var content = data.data;
+				$(content).each(function(i, n) {
+					$("<option value='" + n.F_Name + "'>" + n.F_Name + "</option>").appendTo(obj);
+				})
+			}
+		})
+	}
+
+	function DQQ(obj) {
+		obj.empty();
+		obj.append('<option selected="selected" value="">请选择</option>');
+		$.getJSON(huayi.config.callcenter_url + "Department/GetList", {
+			// "token": $.cookie("token"),
+			F_Layer: 1,
+		}, function(data) {
+			if (data.state.toLowerCase() == "success") {
+				var content = data.data;
+				$(content).each(function(i, n) {
+					$("<option value='" + n.F_DeptId + "'>" + n.F_DeptName + "</option>").appendTo(obj);
+				})
+			}
+		})
+	}
+
+	function KEFENGONG(obj) {
+		obj.empty();
+		obj.append('<option selected="selected" value="">请选择</option>');
+		$.getJSON(huayi.config.callcenter_url + "Department/GetList", {
+			// "token": $.cookie("token"),
+			F_Layer: 2,
+			F_DeptName: $("#customer_comaddress").find("option:selected").text(),
+		}, function(data) {
+			if (data.state.toLowerCase() == "success") {
+				var content = data.data;
+				$(content).each(function(i, n) {
+					$("<option value='" + n.F_DeptId + "'>" + n.F_DeptName + "</option>").appendTo(obj);
+				})
+			}
+		})
+	}
+
+
+
+
+	$('#customer_comaddress').on('change', function() {
+		$.getJSON(huayi.config.callcenter_url + "Department/GetList", {
+			// "token": $.cookie("token"),
+			F_Layer: 2,
+			F_DeptName: $("#customer_comaddress").find("option:selected").text(),
+		}, function(data) {
+			if (data.state.toLowerCase() == "success") {
+				var content = data.data;
+				$(content).each(function(i, n) {
+					$("<option value='" + n.F_DeptId + "'>" + n.F_DeptName + "</option>").appendTo("#customer_legalName");
+				})
+				KEFENGONG($("#customer_legalName"));
+			}
+		})
+	});

WebChart/js/liuzhtu.js

@@ -0,0 +1,854 @@
+var container1 = echarts.init(document.getElementById('part1'));
+var container2 = echarts.init(document.getElementById('part2'));
+var container3 = echarts.init(document.getElementById('part3'));
+var container4 = echarts.init(document.getElementById('patt1'));
+var container5 = echarts.init(document.getElementById('patt2'));
+var container6 = echarts.init(document.getElementById('patt3'));
+var container7 = echarts.init(document.getElementById('patt4'));
+var container8 = echarts.init(document.getElementById('patt5'));
+function partOne() {
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + "WOReport/GetChannel",
+		async: true,
+		dataType: "json",
+		data: {},
+		success: function(data) {
+			if(data.state.toLowerCase() == "success") {
+				var con = data.rows;
+				container1.setOption({
+					title: {
+						text: '来源渠道数据分析',
+						textStyle: {
+							//文字颜色
+							color: '#00e9ff',
+							//字体大小
+							fontSize: 18
+						},
+						x: 'center'
+					},
+					tooltip: {
+						trigger: 'axis',
+						axisPointer: {
+							type: 'cross',
+							label: {
+								show: true,
+								backgroundColor: '#030917'
+							}
+						}
+					},
+					legend: {
+						show: false
+					},
+					xAxis: {
+						name: '时间',
+						data: [
+							con[0].channel, 
+							con[1].channel, 
+							con[2].channel, 
+							con[3].channel, 
+							con[4].channel
+						],
+						axisLine: {
+							lineStyle: {
+								color: '#ccc'
+							}
+						}
+					},
+					yAxis: {
+						name: '数量',
+						splitLine: {
+							show: false
+						},
+						axisLine: {
+							lineStyle: {
+								color: '#fff'
+							}
+						}
+					},
+					series: [{
+							name: '电话',
+							type: 'line',
+							data: [
+								con[0].Telephone, 
+								con[1].Telephone, 
+								con[2].Telephone, 
+								con[3].Telephone, 
+								con[4].Telephone 
+							]
+						},
+						{
+							name: '微信',
+							type: 'line',
+							data: [
+								con[0].WeChat, 
+								con[1].WeChat, 
+								con[2].WeChat, 
+								con[3].WeChat, 
+								con[4].WeChat 
+							]
+						}
+					],
+					color: ['#61a0a9', '#cb885d']
+
+				});
+				
+			}
+		}
+	});
+}
+
+function partTwo() {
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + "WOReport/GetChannel",
+		async: true,
+		dataType: "json",
+		data: {
+//			date:
+		},
+		success: function(data) {
+			if(data.state.toLowerCase() == "success") {
+				var con = data.rows;
+				container2.setOption({
+					title: {
+						text: '工单即时办结',
+						textStyle: {
+							//文字颜色
+							color: '#00e9ff',
+							//字体大小
+							fontSize: 18
+						},
+						x: 'center'
+					},
+					color: ['#3398DB'],
+					tooltip: {
+						trigger: 'axis',
+						axisPointer: { // 坐标轴指示器，坐标轴触发有效
+							type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
+						}
+					},
+					grid: {
+						left: '3%',
+						right: '4%',
+						bottom: '3%',
+						containLabel: true
+					},
+					xAxis: [{
+						type: 'category',
+						data: [
+							con[0].channel, 
+							con[1].channel, 
+							con[2].channel, 
+							con[3].channel, 
+							con[4].channel
+						],
+						axisTick: {
+							alignWithLabel: true
+						},
+						axisLine: {
+							lineStyle: {
+								color: '#ccc'
+							}
+						}
+					}],
+					yAxis: [{
+						type: 'value',
+						axisLine: {
+							lineStyle: {
+								color: '#ccc'
+							}
+						}
+					}],
+					series: [{
+						name: '即时办结',
+						type: 'bar',
+						barWidth: '60%',
+						data: [
+							con[0].Immediate, 
+							con[1].Immediate, 
+							con[2].Immediate, 
+							con[3].Immediate, 
+							con[4].Immediate
+						]
+					}]
+				});
+			}
+		}
+	});
+}
+
+function partThree() {
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + "WOReport/GetChannel",
+		async: true,
+		dataType: "json",
+		data: {
+//			date:
+		},
+		success: function(data) {
+			if(data.state.toLowerCase() == "success") {
+				var con = data.rows;
+				container3.setOption({
+					title: {
+						text: '转接率图表',
+						textStyle: {
+							//文字颜色
+							color: '#00e9ff',
+							//字体大小
+							　　　　fontSize: 18
+						},
+						x: 'center'
+					},
+					tooltip: {
+						trigger: 'item',
+						formatter: "{a} <br/>{b} : {c} ({d}%)"
+					},
+					legend: {
+						orient: 'vertical',
+						left: 'left'
+					},
+
+					series: [{
+						name: '访问来源',
+						type: 'pie',
+						radius: '55%',
+						center: ['50%', '60%'],
+						data: [{
+								value: con[0].Transfer,
+								name: con[0].channel
+							},
+							{
+								value: con[1].Transfer,
+								name: con[1].channel
+							},
+							{
+								value: con[2].Transfer,
+								name: con[2].channel
+							},
+							{
+								value: con[3].Transfer,
+								name: con[3].channel
+							},
+							{
+								value: con[4].Transfer,
+								name: con[4].channel
+							}
+						],
+						itemStyle: {
+							normal: {
+								color: '#159FE9',
+								opacity: 0.5,
+							},
+							emphasis: {
+								shadowBlur: 10,
+								shadowOffsetX: 0,
+								shadowColor: 'rgba(0, 0, 0, 0.5)'
+							}
+						}
+					}]
+				});
+			}
+		}
+	});
+}
+
+function partFour() {
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + "WOReport/GetChannel",
+		async: true,
+		dataType: "json",
+		data: {
+			channel:$(".channelSel").val()
+		},
+		success: function(data) {
+			if(data.state.toLowerCase() == "success") {
+				var con = data.rows;
+				var option={
+					title: {
+						text: '渠道来源满意度',
+						x: 'left',
+						textStyle: {
+							//文字颜色
+							color: '#00e9ff',
+							//字体大小
+							　　　　fontSize: 18
+						}
+					},
+					tooltip: {
+						trigger: 'item',
+						formatter: "{a} <br/>{b} : {c} ({d}%)"
+					},
+					legend: {
+						orient: 'vertical',
+						left: 'left'
+					},
+					series: [{
+						name: '访问来源',
+						type: 'pie',
+						radius: '55%',
+						center: ['50%', '60%'],
+						data: [{
+								value: con[0].Verysatisfied,
+								name: '非常满意'
+							},
+							{
+								value: con[0].Satisfaction,
+								name: '满意'
+							},
+							{
+								value: con[0].Commonly,
+								name: '一般'
+							},
+							{
+								value: con[0].Unsatisfactory,
+								name: '不满意'
+							}
+						],
+						itemStyle: {
+							normal: {
+								color: '#159FE9',
+								opacity: 0.5,
+							},
+							emphasis: {
+								shadowBlur: 10,
+								shadowOffsetX: 0,
+								shadowColor: 'rgba(0, 0, 0, 0.5)'
+							}
+						}
+					}]
+				}
+			
+				echartsPie = echarts.init(document.getElementById('part4'));
+				echartsPie.setOption(option);
+				//var container4 = echarts.init(document.getElementById('part4'));
+			}
+		}
+	});
+}
+
+
+// 第四屏
+var typeSelc;
+var oneType;
+
+
+// function partThaa(sd,ed) {
+// 	if (oneType) {
+// 		typeSelc=oneType;
+// 	}else{
+// 		typeSelc=5;	
+// 	}
+// 	$.ajax({
+// 		type: "get",
+// 		url: huayi.config.callcenter_url + "WOReport/GetFeedbacklList",
+// 		async: true,
+// 		dataType: "json",
+// 		data: {
+// //			date:
+//                 start: sd,
+// 				end: ed,
+// 				type: typeSelc
+// 		},
+// 		success: function(data) {
+// 			if(data.state.toLowerCase() == "success") {
+// 				var con = data.rows;
+// 				container4.setOption({
+// 					title: {
+// 						text: '区域',
+// 						textStyle: {
+// 							//文字颜色
+// 							color: '#00e9ff',
+// 							//字体大小
+// 							　　　　fontSize: 18
+// 						},
+// 						x: 'left'
+// 					},
+// 					tooltip: {
+// 						trigger: 'item',
+// 						formatter: "{a} <br/>{b} : {c} ({d}%)"
+// 					},
+// 					legend: {
+// 						orient: 'vertical',
+// 						left: 'left'
+// 					},
+// 
+// 					series: [{
+// 						name: '区域',
+// 						type: 'pie',
+// 						radius: '70%',
+// 						center: ['50%', '50%'],
+// 						data: [{
+// 								value: con[0].number,
+// 								name: con[0].name
+// 							},
+// 							{
+// 								value: con[1].number,
+// 								name: con[1].name
+// 							},
+// 							{
+// 								value:con[2].number,
+// 								name: con[2].name
+// 							},
+// 							{
+// 								value:con[3].number,
+// 								name: con[3].name
+// 							},
+// 							
+// 						],
+// 						itemStyle: {
+// 							// normal: {
+// 							// 	color: '#2973E4',
+// 							// 	opacity: 0.8,
+// 							// },
+// 							emphasis: {
+// 								shadowBlur: 10,
+// 								shadowOffsetX: 0,
+// 								shadowColor: 'rgba(255, 198, 0, 0.5)'
+// 							}
+// 						}
+// 					}]
+// 				});
+// 			}
+// 		}
+// 	});
+// }
+
+function partThaace() {
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + "WOReport/GetChanelList",
+		async: true,
+		dataType: "json",
+		data: {
+//			date:
+		},
+		success: function(data) {
+			if(data.state.toLowerCase() == "success") {
+				var con = data.rows;
+				container5.setOption({
+					title: {
+						text: '渠道类别',
+						textStyle: {
+							//文字颜色
+							color: '#00e9ff',
+							//字体大小
+							　　　　fontSize: 18
+						},
+						x: 'left'
+					},
+					tooltip: {
+						trigger: 'item',
+						formatter: "{a} <br/>{b} : {c} ({d}%)"
+					},
+					legend: {
+						orient: 'vertical',
+						left: 'left'
+					},
+
+					series: [{
+						name: '渠道类别',
+						type: 'pie',
+						radius: '70%',
+						center: ['52%', '50%'],
+						data: [{
+								value: con.Distribution,
+								name: '总经销',
+							    itemStyle:{normal: {
+							    	color: '#113388',
+							      }
+							    }
+							},
+							{
+								value: con.Quotient,
+								name: '二级商',
+								itemStyle:{normal: {
+									color: '#532478',
+								  }
+								}
+							},
+							{
+								value: con.Bigfarmer,
+								name: '种田大户',
+								itemStyle:{normal: {
+									color: '#487565',	
+								  }
+								}
+							},
+							{
+								value: con.Peasant,
+								name: '农户',
+								itemStyle:{normal: {
+									color: '#336699',
+								  }
+								}
+							},
+							{
+								value: con.Customers,
+								name: '化工客户',
+								itemStyle:{normal: {
+									color: '#FFFEEE',
+									
+								  }
+								}
+							},
+							{
+								value:con.Companystaf,
+								name: '公司员工',
+								itemStyle:{normal: {
+									color: '#256EEE',
+									
+								  }
+								}
+							},
+							{
+								value: con.Other,
+								name: '其他',
+								itemStyle:{normal: {
+									color: '#369FFE',
+									
+								  }
+								}
+							}
+						],
+						// itemStyle: {
+						// 	normal: {
+						// 		color: '#159FE9',
+						// 		opacity: 0.5,
+						// 	},
+						// 	emphasis: {
+						// 		shadowBlur: 10,
+						// 		shadowOffsetX: 0,
+						// 		shadowColor: 'rgba(0, 0, 0, 0.5)'
+						// 	}
+						// }
+					}]
+				});
+			}
+		}
+	});
+}
+
+function partTccea() {
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + "WOReport/GetbrandList",
+		async: true,
+		dataType: "json",
+		data: {
+//			date:
+		},
+		success: function(data) {
+			if(data.state.toLowerCase() == "success") {
+				var con = data.rows;
+				container6.setOption({
+					title: {
+						text: '品牌',
+						textStyle: {
+							//文字颜色
+							color: '#00e9ff',
+							//字体大小
+							　　　　fontSize: 18
+						},
+						x: 'left'
+					},
+					tooltip: {
+						trigger: 'item',
+						formatter: "{a} <br/>{b} : {c} ({d}%)"
+					},
+					legend: {
+						orient: 'vertical',
+						left: 'left'
+					},
+
+					series: [{
+						name: '品牌',
+						type: 'pie',
+						radius: '60%',
+						center: ['50%', '50%'],
+						data: [{
+								value: con[0].number,
+								name:  con[0].name
+							},
+							{
+								value: con[1].number,
+								name:  con[1].name
+							},
+							{
+								value: con[2].number,
+								name:  con[2].name
+							},
+							{
+								value: con[3].number,
+								name:  con[3].name
+							},
+							{
+								value: con[4].number,
+								name:  con[4].name
+							},
+							{
+								value: con[5].number,
+								name:  con[5].name
+							},
+							{
+								value: con[6].number,
+								name:  con[6].name
+							},
+							{
+								value: con[7].number,
+								name:  con[7].name
+							},
+							{
+								value: con[8].number,
+								name:  con[8].name
+							},
+							{
+								value: con[9].number,
+								name:  con[9].name
+							},
+							{
+								value: con[10].number,
+								name:  con[10].name
+							},
+							{
+								value: con[11].number,
+								name:  con[11].name
+							},
+						],
+						// itemStyle: {
+						// 	normal: {
+						// 		color: '#159FE9',
+						// 		opacity: 0.5,
+						// 	},
+						// 	emphasis: {
+						// 		shadowBlur: 10,
+						// 		shadowOffsetX: 0,
+						// 		shadowColor: 'rgba(0, 0, 0, 0.5)'
+						// 	}
+						// }
+					}]
+				});
+			}
+		}
+	});
+}
+
+function partTaipa() {
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + "WOReport/GetFeedbacklList",
+		async: true,
+		dataType: "json",
+		data: {
+//			date:
+		},
+		success: function(data) {
+			if(data.state.toLowerCase() == "success") {
+				var con = data.rows;
+				container7.setOption({
+					title: {
+						text: '反馈类型',
+						textStyle: {
+							//文字颜色
+							color: '#00e9ff',
+							//字体大小
+							fontSize: 18
+						},
+						x: 'center'
+					},
+					tooltip: {
+						trigger: 'axis',
+						axisPointer: {
+							type: 'cross',
+							label: {
+								show: true,
+								backgroundColor: '#030917'
+							}
+						}
+					},
+					legend: {
+						show: false
+					},
+					xAxis: {
+						name: '产品',
+						data: [
+							con[0].name, 
+							con[1].name, 
+							con[2].name, 
+							con[3].name, 
+							con[4].name
+							// {
+							// 	value: '尿素',
+							// },
+							// {
+							// 	value: '复合肥',
+							// },
+							// {
+							// 	value: '水溶肥',		
+					  //       },
+							// {
+							// 	value: '车用尿素',								
+							// },
+							// {
+							// 	value: '三聚氰胺',								
+							// },
+							// {
+							// 	value: '甲醇',					
+							// },
+							// {
+							// 	value: '糖醇',						
+							// },
+							// {
+							// 	value: '腐植酸',					
+							// },
+							// {
+							// 	value: '二甲醚',	
+							// },
+							// {
+							// 	value: '糖醛',
+							// },
+							// {
+							// 	value: '液氨',
+							// },
+							
+						],
+						axisLine: {
+							lineStyle: {
+								color: '#ccc'
+							}
+						}
+					},
+					yAxis: {
+						name: '数量',
+						splitLine: {
+							show: false
+						},
+						axisLine: {
+							lineStyle: {
+								color: '#fff'
+							}
+						}
+					},
+					series: [
+						// {
+						// 	// name: '电话',
+						// 	type: 'line',
+						// 	data: [
+						// 		con[0].name, 
+						// 		con[1].name, 
+						// 		con[2].name, 
+						// 		con[3].name, 
+						// 		con[4].name 
+						// 	]
+						// },
+						{
+							name: '数量',
+							type: 'line',
+							data: [
+								con[0].number, 
+								con[1].number, 
+								con[2].number, 
+								con[3].number, 
+								con[4].number 
+							]
+						}
+					],
+				});
+			}
+		}
+	});
+}
+// function parthtmc() {
+// 	$.ajax({
+// 		type: "get",
+// 		url: huayi.config.callcenter_url + "WOReport/GetFeedbacklList",
+// 		async: true,
+// 		dataType: "json",
+// 		data: {
+// //			date:
+// 		},
+// 		success: function(data) {
+// 			if(data.state.toLowerCase() == "success") {
+// 				var con = data.rows;
+// 				container8.setOption({
+// 										title: {
+// 						text: '反馈类型',
+// 						textStyle: {
+// 							//文字颜色
+// 							color: '#00e9ff',
+// 							//字体大小
+// 							fontSize: 18
+// 						},
+// 						x: 'center'
+// 					},
+// 					color: ['#3398DB'],
+// 					tooltip: {
+// 						trigger: 'axis',
+// 						axisPointer: { // 坐标轴指示器，坐标轴触发有效
+// 							type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
+// 						}
+// 					},
+// 					grid: {
+// 						left: '3%',
+// 						right: '4%',
+// 						bottom: '13%',
+// 						containLabel: true
+// 					},
+// 					xAxis: [{
+// 						type: 'category',
+// 						data: [
+// 							con[0].name, 
+// 							con[1].name, 
+// 							con[2].name, 
+// 							con[3].name, 
+// 							con[4].name
+// 							// {
+// 							// 	value: '咨询',
+// 							// },
+// 							// {
+// 							// 	value: '投诉',
+// 							// },
+// 							// {
+// 							// 	value: '抽检',		
+// 							// },
+// 							// {
+// 							// 	value: '建议及其他',								
+// 							// },
+// 							
+// 						],
+// 						axisTick: {
+// 							alignWithLabel: true
+// 						},
+// 						axisLine: {
+// 							lineStyle: {
+// 								color: '#ccc'
+// 							}
+// 						}
+// 					}],
+// 					yAxis: [{
+// 						type: 'value',
+// 						axisLine: {
+// 							lineStyle: {
+// 								color: '#fff'
+// 							}
+// 						}
+// 					}],
+// 					series: [{
+// 						name: '数量',
+// 						type: 'bar',
+// 						barWidth: '60%',
+// 						data: [
+// 							con[0].number, 
+// 							con[1].number, 
+// 							con[2].number, 
+// 							con[3].number, 
+// 							con[4].number
+// 						]
+// 					}]
+// 				});
+// 			}
+// 		}
+// 	});
+// }