大屏修改

WebChartNewest/js/trafficData.js

@@ -1,4 +1,3 @@
-//trafficDataChart('timeTraffic', daySeatName, callDate, callDate[0])
 getworkOrder()
 $('.btn_time').click(function(e) {
 	if(e.target.tagName == 'SPAN') {
@@ -9,8 +8,6 @@ $('.btn_time').click(function(e) {
 			$('#traffic').css('display', 'none')
 			$('#timeTraffic').css('display', 'block')
 			$(this).siblings(".act").children("label").attr("indexTitle", "日话务数据统计1")
-
-			//			$(".act").attr("indexTitle","日话务数据统计1")
 			$('.call_situation h2').text('话务数据统计')
 			getworkOrder()
 			trafficState = 0
@@ -18,47 +15,53 @@ $('.btn_time').click(function(e) {
 	}
 	e.stopPropagation();
 })
+
 function getworkOrder() {
 	let workOrderData = [];
 	let workOrderName = []
 	new doAjax({
 		url: huayi.config.callcenter_url + "/InfoNew/GetTelCountByNow",
 		data: {
-			timetype:telCountByNowType
+			timetype: telCountByNowType
 		},
-		callBack: function (res) {
+		callBack: function(res) {
 			var data = res.data.hw[0]
 			console.log(data)
 			trafficDataChart(data)
 		}
 	});
 }
-function trafficDataChart(getdata) {
-	let hotThings = echarts.init(document.getElementById("timeTraffic"));
-	console.log(hotThings)
-	window.onresize = function() {
-		hotThings.resize()
-	}
-	const labelOption = {
+function getLabelOption(positionObj,numberType){
+	var labelOption = {
 		show: true,
 		rotate: 0,
 		align: 'center',
+		color: '#fff',
 		verticalAlign: 'middle',
-		position: 'inside',
-		//distance: 15,
+		position: positionObj,
 		formatter: function(params) {
-		 	if (params.value > 0) {
-				return params.value;
-			 } else {
+			if(params.value > 0) {
+				if(numberType){
+					return params.value + "%";
+				} else{
+					return params.value;
+				}
+				
+			} else {
 				return ' ';
-			 }
+			}
 		},
 		fontSize: 12,
-		rich: {
-			name: {}
-		}
 	};
+	return labelOption
+}
 
+function trafficDataChart(getdata) {
+	let hotThings = echarts.init(document.getElementById("timeTraffic"));
+	console.log(hotThings)
+	window.onresize = function() {
+		hotThings.resize()
+	}
 	option = {
 		tooltip: {
 			trigger: 'item',
@@ -94,30 +97,45 @@ function trafficDataChart(getdata) {
 			axisLabel: {
 				show: true,
 				rotate: -30, // 角度值：Number
-				fontSize: 11, // 顺便调小一点字体大小
-				padding: [0, 0, 0, -15],
+				interval: '0', 
+//				align: 'left',
+				verticalAlign: 'left',
+				fontSize: 12, // 顺便调小一点字体大小
+				padding: [0, 0, 0, -30],
+//				offset: [50, -20],
 				textStyle: {
 					color: '#ffffff'
 				},
-//				formatter: function (value) {
-//					//x轴的文字改为竖版显示
+//				position: ['600%', 100],
+				formatter: function (value) {
+					//x轴的文字改为竖版显示
 //					var str = value.split("");
 //					return str.join("\n");
-//				}
+					var str = value;
+					if (value === "接通量呼入量") {
+						str = "          接通量 \n\n呼入量"
+					} else if(value === "呼出接通量呼出量"){
+						str = "          呼出接通量\n\n呼出量"
+					}else if(value === "呼入接通率"){
+						str = "       呼入接通率"
+					}else if(value === "呼出接通率"){
+						str = "       呼出接通率"
+					}
+					return str
+				}
 			},
-			data: ['          接通量 \n\n呼入量', '\n呼入接通率', '          呼出接通量\n\n呼出量', '\n呼出接通率']
+			data: ['接通量呼入量', '呼入接通率', '呼出接通量呼出量', '呼出接通率']
 		}],
 		yAxis: [{
 				type: 'value',
+				splitLine: {
+					show: false
+				},
 				axisLine: {
 					lineStyle: {
 						color: '#ffffff'
 					}
-				},
-				//			interval: 5,
-				//			splitLine:{ show:false} ,
-				//	        axisLine: {show: false}, 
-				//	        axisTick: {show: false}
+				}
 			},
 			{
 				type: 'value',
@@ -136,120 +154,122 @@ function trafficDataChart(getdata) {
 				}
 			}
 		],
-		series: [{
+    	color: ['#cd5c5c','#87cefa','#da70d6','#32cd32','#6495ed',
+            '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0'],
+		series: [
+		
+			{
 				name: '呼入量',
 				type: 'bar',
 				barGap: 0,
-				label: labelOption,
-				barWidth : 15,
+				label: getLabelOption(['50%', -5],0),
+				barWidth: 15,
 				emphasis: {
 					focus: 'series'
 				},
 				data: [getdata.hwcount, 0, 0, 0]
 			},
 			{
-		      name: '人工接通',
-		      type: 'bar',
-		      stack: 'Ad',
-		      barWidth : 15,
-		      label: labelOption,
-		      emphasis: {
-		        focus: 'series'
-		      },
-		      data: [getdata.jtcount, 0, 0, 0]
-		   },
-		   {
-		      name: '自助接通量',
-		      type: 'bar',
-		      stack: 'Ad',
-		      barWidth : 15,
-		      label: labelOption,
-		      emphasis: {
-		        focus: 'series'
-		      },
-		      data: [getdata.zzcount, 0, 0, 0]
-		    },
+				name: '人工接通',
+				type: 'bar',
+				stack: 'Ad',
+				barWidth: 15,
+				label: getLabelOption(['200%', 60],0),
+				emphasis: {
+					focus: 'series'
+				},
+				data: [getdata.jtcount, 0, 0, 0]
+			},
+			{
+				name: '自助接通量',
+				type: 'bar',
+				stack: 'Ad',
+				barWidth: 15,
+				label: getLabelOption(['200%', 40],0),
+				emphasis: {
+					focus: 'series'
+				},
+				data: [getdata.zzcount, 0, 0, 0]
+			},
 			{
-		      name: '未接通回拨量',
-		      type: 'bar',
-		      stack: 'Ad',
-		      barWidth : 15,
-		      label: labelOption,
-		      emphasis: {
-		        focus: 'series'
-		      },
-		      data: [getdata.hbcount, 0, 0, 0]
-		    },
-		    
-		    {
-		      name: '回拨率',
-		      type: 'bar',
-		      stack: 'B',
-		      barWidth : 15,
-		      yAxisIndex: 1,
-		      label: labelOption,
-		      emphasis: {
-		        focus: 'series'
-		      },
-		      data: [0, getdata.hbbili, 0, 0]
-		    },
-		    {
-		      name: '自助率',
-		      type: 'bar',
-		      stack: 'B',
-		      barWidth : 15,
-		      yAxisIndex: 1,
-		      label: labelOption,
-		      emphasis: {
-		        focus: 'series'
-		      },
-		      data: [0, getdata.zzbili, 0, 0]
-		    },
-		    {
-		      name: '接通率',
-		      type: 'bar',
-		      stack: 'B',
-		      barWidth : 15,
-		      yAxisIndex: 1,
-		      label: labelOption,
-		      emphasis: {
-		        focus: 'series'
-		      },
-		      data: [0, getdata.jtbili, 0, 0]
-		    },
-		    {
-		      name: '呼出数量',
-		      type: 'bar',
-		      barWidth : 15,
-		      label: labelOption,
-		      emphasis: {
-		        focus: 'series'
-		      },
-		      data: [0, 0, getdata.hccount, 0]
-		    },
-		    {
-		      name: '呼出接通量',
-		      type: 'bar',
-		      barWidth : 15,
-		      label: labelOption,
-		      emphasis: {
-		        focus: 'series'
-		      },
-		      data: [0, 0, getdata.hcjtcount,0]
-		    },
-		    {
-		      name: '呼出接通率',
-		      type: 'bar',
-		      barWidth : 15,
-		      yAxisIndex: 1,
-		      label: labelOption,
-		      emphasis: {
-		        focus: 'series'
-		      },
-		      data: [0, 0, 0, getdata.jtbili]
-		    }
-		    
-		    
+				name: '未接通回拨量',
+				type: 'bar',
+				stack: 'Ad',
+				barWidth: 15,
+				label: getLabelOption(['200%', 20],0),
+				emphasis: {
+					focus: 'series'
+				},
+				data: [getdata.hbcount, 0, 0, 0]
+			},
+			{
+				name: '接通率',
+				type: 'bar',
+				stack: 'B',
+				barWidth: 15,
+				yAxisIndex: 1,
+				label: getLabelOption(['250%', 60],1),
+				emphasis: {
+					focus: 'series'
+				},
+				data: [0, getdata.jtbili, 0, 0]
+			},
+			{
+				name: '自助率',
+				type: 'bar',
+				stack: 'B',
+				barWidth: 15,
+				yAxisIndex: 1,
+				label: getLabelOption(['250%', 40],1),
+				emphasis: {
+					focus: 'series'
+				},
+				data: [0, getdata.zzbili, 0, 0]
+			},
+			{
+				name: '回拨率',
+				type: 'bar',
+				stack: 'B',
+				barWidth: 15,
+				yAxisIndex: 1,
+				label: getLabelOption(['250%', 20],1),
+				emphasis: {
+					focus: 'series'
+				},
+				data: [0, getdata.hbbili, 0, 0]
+			},
+			{
+				name: '呼出数量',
+				type: 'bar',
+				barWidth: 15,
+				label: getLabelOption(['50%', -15],0),
+				emphasis: {
+					focus: 'series'
+				},
+				data: [0, 0, getdata.hccount, 0]
+			},
+			{
+				name: '呼出接通量',
+				type: 'bar',
+				barWidth: 15,
+				label: getLabelOption(['50%', -5],0),
+				emphasis: {
+					focus: 'series'
+				},
+				data: [0, 0, getdata.hcjtcount, 0]
+			},
+			{
+				name: '呼出接通率',
+				type: 'bar',
+				barWidth: 15,
+				yAxisIndex: 1,
+				label: getLabelOption(['50%', -5],1),
+				emphasis: {
+					focus: 'series'
+				},
+				data: [0, 0, 0, getdata.jtbili]
+			}
+
 		]
 	};
 	hotThings.setOption(option);

WebChartNewest/js/trafficData0615.js

@@ -0,0 +1,415 @@
+//trafficDataChart('timeTraffic', daySeatName, callDate, callDate[0])
+getworkOrder()
+$('.btn_time').click(function(e) {
+	if(e.target.tagName == 'SPAN') {
+		if($(e.target).attr('data-state') == '1') {
+			$(".hwsjtj").hide()
+			$('.daySeat').css('display', 'none')
+			$('.timeTraffic').css('display', 'inline-block')
+			$('#traffic').css('display', 'none')
+			$('#timeTraffic').css('display', 'block')
+			$(this).siblings(".act").children("label").attr("indexTitle", "日话务数据统计1")
+
+			//			$(".act").attr("indexTitle","日话务数据统计1")
+			$('.call_situation h2').text('话务数据统计')
+			getworkOrder()
+			trafficState = 0
+		}
+	}
+	e.stopPropagation();
+})
+
+function getworkOrder() {
+	let workOrderData = [];
+	let workOrderName = []
+	new doAjax({
+		url: huayi.config.callcenter_url + "/InfoNew/GetTelCountByNow",
+		data: {
+			timetype: telCountByNowType
+		},
+		callBack: function(res) {
+			var data = res.data.hw[0]
+			console.log(data)
+			trafficDataChart(data)
+		}
+	});
+}
+
+function trafficDataChart(getdata) {
+	let hotThings = echarts.init(document.getElementById("timeTraffic"));
+	console.log(hotThings)
+	window.onresize = function() {
+		hotThings.resize()
+	}
+	const labelOption = {
+		show: true,
+		rotate: 0,
+		align: 'center',
+		color: '#fff',
+		verticalAlign: 'middle',
+		position: ['-100%', 20],
+		formatter: function(params) {
+			if(params.value > 0) {
+				return params.value;
+			} else {
+				return ' ';
+			}
+		},
+		fontSize: 12,
+
+	};
+
+	option = {
+		tooltip: {
+			trigger: 'item',
+			show: true,
+			// 进行数据处理
+			formatter: function(params) {
+				console.log(params, 'params')
+				var html = '';
+				if(params.value > 0) {
+					html += params.marker;
+					if(params.name.indexOf('率') >= 0) {
+						html += params.seriesName + ': ' + params.value + '%<br/>';
+					} else {
+						html += params.seriesName + ': ' + params.value + '<br/>';
+					}
+				}
+				return html;
+			}
+		},
+		grid: {
+			left: '3%',
+			right: '4%',
+			bottom: '15%',
+			containLabel: true
+		},
+		xAxis: [{
+			type: 'category',
+			axisLine: {
+				lineStyle: {
+					color: '#ffffff'
+				}
+			},
+			axisLabel: {
+				show: true,
+				rotate: -30, // 角度值：Number
+				fontSize: 11, // 顺便调小一点字体大小
+				padding: [0, 0, 0, -15],
+				textStyle: {
+					color: '#ffffff'
+				},
+				//				formatter: function (value) {
+				//					//x轴的文字改为竖版显示
+				//					var str = value.split("");
+				//					return str.join("\n");
+				//				}
+			},
+			data: ['          接通量 \n\n呼入量', '\n呼入接通率', '          呼出接通量\n\n呼出量', '\n\n呼出接通率']
+		}],
+		yAxis: [{
+				type: 'value',
+				axisLine: {
+					lineStyle: {
+						color: '#ffffff'
+					}
+				},
+				//			interval: 5,
+				//			splitLine:{ show:false} ,
+				//	        axisLine: {show: false}, 
+				//	        axisTick: {show: false}
+			},
+			{
+				type: 'value',
+				axisLine: {
+					lineStyle: {
+						color: '#ffffff'
+					}
+				},
+				splitLine: {
+					show: false
+				},
+				min: 0,
+				max: 100,
+				axisLabel: {
+					formatter: '{value} %'
+				}
+			}
+		],
+		series: [{
+				name: '呼入量',
+				type: 'bar',
+				barGap: 0,
+				label: {
+					show: true,
+					rotate: 0,
+					align: 'center',
+					color: '#fff',
+					verticalAlign: 'middle',
+					position: ['-100%', 20],
+					formatter: function(params) {
+						if(params.value > 0) {
+							return params.value;
+						} else {
+							return ' ';
+						}
+					},
+					fontSize: 12,
+
+				},
+				barWidth: 15,
+				emphasis: {
+					focus: 'series'
+				},
+				data: [getdata.hwcount, 0, 0, 0]
+			},
+			{
+				name: '人工接通',
+				type: 'bar',
+				stack: 'Ad',
+				barWidth: 15,
+				label: {
+					show: true,
+					rotate: 0,
+					align: 'center',
+					color: '#fff',
+					verticalAlign: 'middle',
+					position: ['-100%', 20],
+					formatter: function(params) {
+						if(params.value > 0) {
+							return params.value;
+						} else {
+							return ' ';
+						}
+					},
+					fontSize: 12,
+
+				},
+				emphasis: {
+					focus: 'series'
+				},
+				data: [getdata.jtcount, 0, 0, 0]
+			},
+			{
+				name: '自助接通量',
+				type: 'bar',
+				stack: 'Ad',
+				barWidth: 15,
+				label: {
+					show: true,
+					rotate: 0,
+					align: 'center',
+					color: '#fff',
+					verticalAlign: 'middle',
+					position: ['-100%', 20],
+					formatter: function(params) {
+						if(params.value > 0) {
+							return params.value;
+						} else {
+							return ' ';
+						}
+					},
+					fontSize: 12,
+
+				},
+				emphasis: {
+					focus: 'series'
+				},
+				data: [getdata.zzcount, 0, 0, 0]
+			},
+			{
+				name: '未接通回拨量',
+				type: 'bar',
+				stack: 'Ad',
+				barWidth: 15,
+				label: {
+					show: true,
+					rotate: 0,
+					align: 'center',
+					color: '#fff',
+					verticalAlign: 'middle',
+					position: ['-100%', 20],
+					formatter: function(params) {
+						if(params.value > 0) {
+							return params.value;
+						} else {
+							return ' ';
+						}
+					},
+					fontSize: 12,
+
+				},
+				emphasis: {
+					focus: 'series'
+				},
+				data: [getdata.hbcount, 0, 0, 0]
+			},
+
+			{
+				name: '回拨率',
+				type: 'bar',
+				stack: 'B',
+				barWidth: 15,
+				yAxisIndex: 1,
+				label: {
+					show: true,
+					rotate: 0,
+					align: 'center',
+					color: '#fff',
+					verticalAlign: 'middle',
+					position: ['-100%', 20],
+					formatter: function(params) {
+						if(params.value > 0) {
+							return params.value;
+						} else {
+							return ' ';
+						}
+					},
+					fontSize: 12,
+
+				},
+				emphasis: {
+					focus: 'series'
+				},
+				data: [0, getdata.hbbili, 0, 0]
+			},
+			{
+				name: '自助率',
+				type: 'bar',
+				stack: 'B',
+				barWidth: 15,
+				yAxisIndex: 1,
+				label: {
+					show: true,
+					rotate: 0,
+					align: 'center',
+					color: '#fff',
+					verticalAlign: 'middle',
+					position: ['-100%', 20],
+					formatter: function(params) {
+						if(params.value > 0) {
+							return params.value;
+						} else {
+							return ' ';
+						}
+					},
+					fontSize: 12,
+
+				},
+				emphasis: {
+					focus: 'series'
+				},
+				data: [0, getdata.zzbili, 0, 0]
+			},
+			{
+				name: '接通率',
+				type: 'bar',
+				stack: 'B',
+				barWidth: 15,
+				yAxisIndex: 1,
+				label: {
+					show: true,
+					rotate: 0,
+					align: 'center',
+					color: '#fff',
+					verticalAlign: 'middle',
+					position: ['-100%', 20],
+					formatter: function(params) {
+						if(params.value > 0) {
+							return params.value;
+						} else {
+							return ' ';
+						}
+					},
+					fontSize: 12,
+
+				},
+				emphasis: {
+					focus: 'series'
+				},
+				data: [0, getdata.jtbili, 0, 0]
+			},
+			{
+				name: '呼出数量',
+				type: 'bar',
+				barWidth: 15,
+				label: {
+					show: true,
+					rotate: 0,
+					align: 'center',
+					color: '#fff',
+					verticalAlign: 'middle',
+					position: ['-100%', 20],
+					formatter: function(params) {
+						if(params.value > 0) {
+							return params.value;
+						} else {
+							return ' ';
+						}
+					},
+					fontSize: 12,
+
+				},
+				emphasis: {
+					focus: 'series'
+				},
+				data: [0, 0, getdata.hccount, 0]
+			},
+			{
+				name: '呼出接通量',
+				type: 'bar',
+				barWidth: 15,
+				label: {
+					show: true,
+					rotate: 0,
+					align: 'center',
+					color: '#fff',
+					verticalAlign: 'middle',
+					position: ['-100%', 20],
+					formatter: function(params) {
+						if(params.value > 0) {
+							return params.value;
+						} else {
+							return ' ';
+						}
+					},
+					fontSize: 12,
+
+				},
+				emphasis: {
+					focus: 'series'
+				},
+				data: [0, 0, getdata.hcjtcount, 0]
+			},
+			{
+				name: '呼出接通率',
+				type: 'bar',
+				barWidth: 15,
+				yAxisIndex: 1,
+				label: {
+					show: true,
+					rotate: 0,
+					align: 'center',
+					color: '#fff',
+					verticalAlign: 'middle',
+					position: ['-100%', 20],
+					formatter: function(params) {
+						if(params.value > 0) {
+							return params.value;
+						} else {
+							return ' ';
+						}
+					},
+					fontSize: 12,
+
+				},
+				emphasis: {
+					focus: 'series'
+				},
+				data: [0, 0, 0, getdata.jtbili]
+			}
+
+		]
+	};
+	hotThings.setOption(option);
+}

WebUI/CallCenterWeb.UI/widgets.html

@@ -821,7 +821,7 @@
                         if (result.state.toLowerCase() == "success") {
                             $("#RoleCode").val(result.data.user.F_RoleCode);
 
-                            if (result.data.user.F_RoleCode == "WLDW") {
+                            if (result.data.user.F_RoleCode == "WLDW" || result.data.user.F_RoleCode == "YSZY") {
                                 //改为除网络单位看不到，其他都能看到
                                 $(".LISTS").hide();
                                 $(".LIST_").addClass("Widths");