Browse Source

大屏,安阳查询页面修改

miaofuhao 2 years ago
parent
commit
e1e946b402

+ 13 - 5
WebChartNewest/index.html

@@ -45,7 +45,11 @@
45 45
 						<img src="./image/switch.png" alt="">
46 46
 					</div>
47 47
 					<div id="traffic" style="width: 100%;height:240px;"></div>
48
-					<div id="timeTraffic" style="width: 100%;height:240px;"></div> 
48
+					<div style="width: 100%;height:240px; display: flex;" id="timeTraffic">
49
+						<div id="timeTrafficLeft" style="width: 50%;height:240px;"></div> 
50
+						<div id="timeTrafficRight" style="width: 50%;height:240px;"></div> 
51
+					</div>
52
+					
49 53
 				</div>
50 54
 				<!-- 热线整合受理情况 -->
51 55
 				<div class="accept_statistics">
@@ -95,9 +99,13 @@
95 99
 					<div class="hotlineAccept">
96 100
 						<h3>当日工单受理情况</h3>
97 101
 						<ul class="data_info">
98
-							<li><label>受理总数:</label><span class="num_roll" id="slw_num">0</span><span class="num_roll"
99
-									id="slq_num">0</span><span class="num_roll" id="slb_num">0</span><span
100
-									class="num_roll" id="sls_num">0</span><span class="num_roll" id="slg_num">0</span>
102
+							<li>
103
+								<label>受理总数:</label>
104
+								<span class="num_roll" id="slw_num">0</span>
105
+								<span class="num_roll" id="slq_num">0</span>
106
+								<span class="num_roll" id="slb_num">0</span>
107
+								<span class="num_roll" id="sls_num">0</span>
108
+								<span class="num_roll" id="slg_num">0</span>
101 109
 							</li>
102 110
 							<li><label>短&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;信:</label><span class="num_roll"
103 111
 									id="dxw_num">0</span><span class="num_roll" id="dxq_num">0</span><span
@@ -915,7 +923,7 @@
915 923
 <!-- 三级(工单列表)js -->
916 924
 <script src="js/workOrder.js"></script>
917 925
 <!--当日话务数据统计修改-->
918
-<script src="js/trafficData.js"></script>
926
+<script src="js/trafficData0625-2.js"></script>
919 927
 <!--2023-06-01 切换年月日-->
920 928
 <script src="js/newAdd/timetype.js"></script>
921 929
 <!-- 2023-06-06 坐席监控修改 -->

+ 0 - 1
WebChartNewest/js/index.js

@@ -552,7 +552,6 @@ function getHotline() {
552 552
 			}
553 553
 			newArr = arr.sort(compare);
554 554
 			newArr.reverse()
555
-			console.log(newArr)
556 555
 			res.data.forEach(function (val, num) {
557 556
 				arr.forEach(function (v, n) {
558 557
 					if (n === 0 && v.name === val.value) {

+ 9 - 1
WebChartNewest/js/newSeats.js

@@ -14,7 +14,7 @@ $('#timeTraffic').click(function (e) {
14 14
 			let str = ''
15 15
 			res.data.forEach(function (v, n) {
16 16
 				if (v.F_WorkNumber != 8071 && v.F_WorkNumber != 8069 && v.F_WorkNumber != 8062) {
17
-					str +='<li class="people_list">' 
17
+					str +='<li class="people_list" style="display:inline-block">' 
18 18
 					if(v["坐席"]&&v["坐席"].length>0){
19 19
 						str += '<div class="group_btn">'+ v.F_Value+'组</div><dl>'
20 20
 						v["坐席"].forEach(function(m,n){
@@ -32,6 +32,14 @@ $('#timeTraffic').click(function (e) {
32 32
 			})
33 33
 			console.log(userAway)
34 34
 			$('.zx_people').html(str)
35
+//			$(".zx_people").on('click','.people_list .group_btn',function(){
36
+//				$(this).siblings("dl").toggle()
37
+//				
38
+//			})
39
+			$(".group_btn").click(function(){
40
+				$(this).siblings("dl").toggle()
41
+				console.log("点击了")
42
+			})
35 43
 		}
36 44
 	})
37 45
 	//实时话务统计

+ 102 - 231
WebChartNewest/js/trafficData.js

@@ -1,4 +1,5 @@
1 1
 getworkOrder()
2
+var telCountData
2 3
 $('.btn_time').click(function(e) {
3 4
 	if(e.target.tagName == 'SPAN') {
4 5
 		if($(e.target).attr('data-state') == '1') {
@@ -26,27 +27,31 @@ function getworkOrder() {
26 27
 		},
27 28
 		callBack: function(res) {
28 29
 			var data = res.data.hw[0]
29
-			console.log(data)
30
+			telCountData = data
30 31
 			trafficDataChart(data)
31 32
 		}
32 33
 	});
33 34
 }
34
-function getLabelOption(positionObj,numberType){
35
+
36
+function getLabelOption(positionObj, numberType) {
35 37
 	var labelOption = {
36 38
 		show: true,
37 39
 		rotate: 0,
38
-		align: 'center',
40
+		align: 'left',
39 41
 		color: '#fff',
40 42
 		verticalAlign: 'middle',
41 43
 		position: positionObj,
42 44
 		formatter: function(params) {
43 45
 			if(params.value > 0) {
44
-				if(numberType){
45
-					return params.value + "%";
46
-				} else{
47
-					return params.value;
46
+				dataValue = params.seriesName + ': ' + params.value
47
+				if(params.seriesName === "回拨") {
48
+					dataValue = dataValue + '(' + telCountData.hbbili + '%)'
49
+				} else if(params.seriesName === "自助") {
50
+					dataValue = dataValue + '(' + telCountData.zzbili + '%)'
51
+				} else if(params.seriesName === "人工") {
52
+					dataValue = dataValue + '(' + telCountData.jtbili + '%)'
48 53
 				}
49
-				
54
+				return dataValue;
50 55
 			} else {
51 56
 				return ' ';
52 57
 			}
@@ -57,227 +62,93 @@ function getLabelOption(positionObj,numberType){
57 62
 }
58 63
 
59 64
 function trafficDataChart(getdata) {
60
-	let hotThings = echarts.init(document.getElementById("timeTraffic"));
61
-	console.log(hotThings)
62
-	window.onresize = function() {
63
-		hotThings.resize()
64
-	}
65
-	option = {
66
-		tooltip: {
67
-			trigger: 'item',
68
-			show: true,
69
-			// 进行数据处理
70
-			formatter: function(params) {
71
-				console.log(params, 'params')
72
-				var html = '';
73
-				if(params.value > 0) {
74
-					html += params.marker;
75
-					if(params.name.indexOf('率') >= 0) {
76
-						html += params.seriesName + ': ' + params.value + '%<br/>';
77
-					} else {
78
-						html += params.seriesName + ': ' + params.value + '<br/>';
79
-					}
80
-				}
81
-				return html;
82
-			}
83
-		},
84
-		grid: {
85
-			left: '3%',
86
-			right: '4%',
87
-			bottom: '15%',
88
-			containLabel: true
89
-		},
90
-		xAxis: [{
91
-			type: 'category',
92
-			axisLine: {
93
-				lineStyle: {
94
-					color: '#ffffff'
95
-				}
96
-			},
97
-			axisLabel: {
98
-				show: true,
99
-				rotate: 0, // 角度值:Number
100
-				interval: '0', 
101
-				verticalAlign: 'left',
102
-				fontSize: 12, // 顺便调小一点字体大小
103
-				padding: [0, 0, 0, 10],
104
-				textStyle: {
105
-					color: '#ffffff'
106
-				},
107
-				formatter: function (value) {
108
-					//x轴的文字改为竖版显示
109
-					var str = value;
110
-					if (value === "接通量呼入量") {
111
-						str = "          接通量/呼入量"
112
-					} else if(value === "呼出接通量呼出量"){
113
-						str = "     呼出接通量/呼出量"
114
-					}else if(value === "呼入接通率"){
115
-						str = "     呼入接通率"
116
-					}else if(value === "呼出接通率"){
117
-						str = "呼出接通率"
118
-					}
119
-					return str
120
-				}
121
-			},
122
-			data: ['接通量呼入量', '呼入接通率', '呼出接通量呼出量', '呼出接通率']
123
-		}],
124
-		yAxis: [{
125
-				type: 'value',
126
-				splitLine: {
127
-					show: false
128
-				},
129
-				axisLine: {
130
-					lineStyle: {
131
-						color: '#ffffff'
132
-					}
133
-				}
134
-			},
135
-			{
136
-				type: 'value',
137
-				axisLine: {
138
-					lineStyle: {
139
-						color: '#ffffff'
140
-					}
141
-				},
142
-				splitLine: {
143
-					show: false
144
-				},
145
-				min: 0,
146
-				max: 100,
147
-				axisLabel: {
148
-					formatter: '{value} %'
149
-				}
150
-			}
151
-		],
152
-    	color: ['#cd5c5c','#87cefa','#da70d6','#32cd32','#6495ed',
153
-            '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0'],
154
-		series: [
155
-			{
156
-				name: '呼出数量',
157
-				type: 'bar',
158
-				barWidth: 15,
159
-				label: getLabelOption(['50%', -15],0),
160
-				emphasis: {
161
-					focus: 'series'
162
-				},
163
-				data: [0, 0, getdata.hcjtcount, 0]
164
-			},
165
-			{
166
-				name: '呼出接通量',
167
-				type: 'bar',
168
-				barWidth: 15,
169
-				label: getLabelOption(['50%', -5],0),
170
-				emphasis: {
171
-					focus: 'series'
172
-				},
173
-				data: [0, 0, getdata.hcjtcount, 0]
174
-			},
175
-			
176
-			
177
-			{
178
-				name: '有效来电',
179
-				type: 'bar',
180
-				stack: 'A',
181
-				label: getLabelOption(['260%', -5],0),
182
-				barWidth: 15,
183
-				emphasis: {
184
-					focus: 'series'
185
-				},
186
-				data: [getdata.effective, 0, 0, 0]
187
-			},
188
-			{
189
-				name: '无效来电',
190
-				type: 'bar',
191
-				stack: 'A',
192
-				label: getLabelOption(['260%', -5],0),
193
-				barWidth: 15,
194
-				emphasis: {
195
-					focus: 'series'
196
-				},
197
-				data: [getdata.invalid, 0, 0, 0]
198
-			},
199
-			{
200
-				name: '人工接通',
201
-				type: 'bar',
202
-				stack: 'Ad',
203
-				barWidth: 15,
204
-				label: getLabelOption(['200%', 60],0),
205
-				emphasis: {
206
-					focus: 'series'
207
-				},
208
-				data: [getdata.jtcount, 0, 0, 0]
209
-			},
210
-			{
211
-				name: '自助接通量',
212
-				type: 'bar',
213
-				stack: 'Ad',
214
-				barWidth: 15,
215
-				label: getLabelOption(['200%', 40],0),
216
-				emphasis: {
217
-					focus: 'series'
218
-				},
219
-				data: [getdata.zzcount, 0, 0, 0]
220
-			},
221
-			{
222
-				name: '未接通回拨量',
223
-				type: 'bar',
224
-				stack: 'Ad',
225
-				barWidth: 15,
226
-				label: getLabelOption(['200%', 20],0),
227
-				emphasis: {
228
-					focus: 'series'
229
-				},
230
-				data: [getdata.hbcount, 0, 0, 0]
231
-			},
232
-			{
233
-				name: '呼出接通率',
234
-				type: 'bar',
235
-				barWidth: 15,
236
-				yAxisIndex: 1,
237
-				label: getLabelOption(['50%', -5],1),
238
-				emphasis: {
239
-					focus: 'series'
240
-				},
241
-				data: [0, 0, 0, getdata.hcbili]
242
-			},
243
-			{
244
-				name: '接通率',
245
-				type: 'bar',
246
-				stack: 'B',
247
-				barWidth: 15,
248
-				yAxisIndex: 1,
249
-				label: getLabelOption(['250%', 60],1),
250
-				emphasis: {
251
-					focus: 'series'
252
-				},
253
-				data: [0, getdata.jtbili, 0, 0]
254
-			},
255
-			{
256
-				name: '自助率',
257
-				type: 'bar',
258
-				stack: 'B',
259
-				barWidth: 15,
260
-				yAxisIndex: 1,
261
-				label: getLabelOption(['250%', 40],1),
262
-				emphasis: {
263
-					focus: 'series'
264
-				},
265
-				data: [0, getdata.zzbili, 0, 0]
266
-			},
267
-			{
268
-				name: '回拨率',
269
-				type: 'bar',
270
-				stack: 'B',
271
-				barWidth: 15,
272
-				yAxisIndex: 1,
273
-				label: getLabelOption(['250%', 20],1),
274
-				emphasis: {
275
-					focus: 'series'
276
-				},
277
-				data: [0, getdata.hbbili, 0, 0]
278
-			},
279
-			
280
-		]
281
-	};
282
-	hotThings.setOption(option);
65
+	getOption(getdata)
66
+}
67
+
68
+function getOption(getdata) {
69
+
70
+	let canvas = document.querySelector('#timeTrafficLeft')
71
+    canvas.width= 500
72
+    canvas.height= 500
73
+    let ctx = canvas.getContext('2d')
74
+
75
+    // 绘制 x 轴,y 轴
76
+    ctx.beginPath()
77
+    // 线条开始坐标
78
+    ctx.moveTo(50,100)
79
+    // 线条结束坐标
80
+    ctx.lineTo(50,450)
81
+    ctx.lineTo(450,450)
82
+    ctx.stroke()
83
+    // 绘制数字 x,y
84
+    let context = canvas.getContext('2d')
85
+    // context.beginPath()
86
+    context.font= "15px arial"
87
+    context.fillText("y",40,85)
88
+    context.fillText("x",455,460)
89
+    // context.closePath()
90
+
91
+    // 绘制 x ,y 轴箭头
92
+    ctx.beginPath()
93
+    ctx.moveTo(45,105)
94
+    ctx.lineTo(50,100)
95
+    ctx.lineTo(55,105)
96
+    ctx.stroke()
97
+    ctx.closePath()
98
+
99
+    ctx.beginPath()
100
+    ctx.moveTo(445,445)
101
+    ctx.lineTo(450,450)
102
+    ctx.lineTo(445,455)
103
+    ctx.stroke()
104
+    ctx.closePath()
105
+
106
+    let colorArr = []
107
+    for (let i = 0; i < 8; i++) {
108
+      // 使用随机数生成每条柱子的颜色,使用16进制格式
109
+      let color = '#'+parseInt(Math.random()*0xffffff).toString(16)
110
+      colorArr.push(color)
111
+    }
112
+    // console.log(colorArr);
113
+    // 绘制x轴坐标,在对应坐标位置绘制对应的矩形
114
+    for(let i = 0; i < 8; i++) {
115
+      let xStart = 80 + i * 50
116
+      ctx.beginPath()
117
+      ctx.moveTo(xStart,450)
118
+      ctx.lineTo(xStart,460)
119
+      ctx.stroke()
120
+      ctx.closePath()
121
+      ctx.beginPath()
122
+      ctx.fillStyle = colorArr[i]
123
+      let height = Math.random()*350
124
+      ctx.fillRect(xStart-10,450-height,20,height)
125
+      context.font = "20px Arial"
126
+      context.textAlign = "center"
127
+      context.fillStyle = 'white'
128
+      context.fillText((xStart-80)/50,xStart,475)
129
+      ctx.closePath()
130
+    }
131
+
132
+    // 绘制y轴坐标和坐标值
133
+    for(let i = 430; i > 100; i-=50) {
134
+      ctx.beginPath()
135
+      ctx.moveTo(45,i)
136
+      ctx.lineTo(50,i)
137
+      ctx.stroke()
138
+      context.font = "20px Arial"
139
+      // 字体的水平对齐设置
140
+      context.textAlign = "right"
141
+      context.fillStyle = 'white'
142
+      context.fillText(Math.abs(i-430),40,i)
143
+      ctx.closePath()
144
+    }
145
+
146
+    for (let i = 0; i < 8; i++) {
147
+      let x = 100 + i * 40
148
+      let y = 30
149
+      ctx.fillStyle = colorArr[i]
150
+      ctx.fillRect(x,y,25,20)
151
+    }
152
+
153
+
283 154
 }

+ 288 - 0
WebChartNewest/js/trafficData0621.js

@@ -0,0 +1,288 @@
1
+getworkOrder()
2
+$('.btn_time').click(function(e) {
3
+	if(e.target.tagName == 'SPAN') {
4
+		if($(e.target).attr('data-state') == '1') {
5
+			$(".hwsjtj").hide()
6
+			$('.daySeat').css('display', 'none')
7
+			$('.timeTraffic').css('display', 'inline-block')
8
+			$('#traffic').css('display', 'none')
9
+			$('#timeTraffic').css('display', 'block')
10
+			$(this).siblings(".act").children("label").attr("indexTitle", "日话务数据统计1")
11
+			$('.call_situation h2').text('话务数据统计')
12
+			getworkOrder()
13
+			trafficState = 0
14
+		}
15
+	}
16
+	e.stopPropagation();
17
+})
18
+
19
+function getworkOrder() {
20
+	let workOrderData = [];
21
+	let workOrderName = []
22
+	new doAjax({
23
+		url: huayi.config.callcenter_url + "/InfoNew/GetTelCountByNow",
24
+		data: {
25
+			timetype: telCountByNowType
26
+		},
27
+		callBack: function(res) {
28
+			var data = res.data.hw[0]
29
+			console.log(data)
30
+			trafficDataChart(data)
31
+		}
32
+	});
33
+}
34
+function getLabelOption(positionObj,numberType){
35
+	var labelOption = {
36
+		show: true,
37
+		rotate: 0,
38
+		align: 'center',
39
+		color: '#fff',
40
+		verticalAlign: 'middle',
41
+		position: positionObj,
42
+		formatter: function(params) {
43
+			if(params.value > 0) {
44
+				if(numberType){
45
+					return params.value + "%";
46
+				} else{
47
+					return params.value;
48
+				}
49
+				
50
+			} else {
51
+				return ' ';
52
+			}
53
+		},
54
+		fontSize: 12,
55
+	};
56
+	return labelOption
57
+}
58
+
59
+function trafficDataChart(getdata) {
60
+	let hotThings = echarts.init(document.getElementById("timeTraffic"));
61
+	window.onresize = function() {
62
+		hotThings.resize()
63
+	}
64
+	hotThings.setOption(getOption());
65
+}
66
+
67
+function getOption(){
68
+	return option = {
69
+		tooltip: {
70
+			trigger: 'item',
71
+			show: true,
72
+			// 进行数据处理
73
+			formatter: function(params) {
74
+				console.log(params, 'params')
75
+				var html = '';
76
+				if(params.value > 0) {
77
+					html += params.marker;
78
+					if(params.name.indexOf('率') >= 0) {
79
+						html += params.seriesName + ': ' + params.value + '%<br/>';
80
+					} else {
81
+						html += params.seriesName + ': ' + params.value + '<br/>';
82
+					}
83
+				}
84
+				return html;
85
+			}
86
+		},
87
+		grid: {
88
+			left: '3%',
89
+			right: '4%',
90
+			bottom: '15%',
91
+			containLabel: true
92
+		},
93
+		xAxis: [{
94
+			type: 'category',
95
+			axisLine: {
96
+				lineStyle: {
97
+					color: '#ffffff'
98
+				}
99
+			},
100
+			axisLabel: {
101
+				show: true,
102
+				rotate: 0, // 角度值:Number
103
+				interval: '0', 
104
+				verticalAlign: 'left',
105
+				fontSize: 12, // 顺便调小一点字体大小
106
+				padding: [0, 0, 0, -10],
107
+				textStyle: {
108
+					color: '#ffffff'
109
+				},
110
+				formatter: function (value) {
111
+					//x轴的文字改为竖版显示
112
+					var str = value;
113
+					if (value === "接通量呼入量") {
114
+						str = "呼入量       接通量"
115
+					} else if(value === "呼出接通量呼出量"){
116
+						str = "呼出量            呼出接通量"
117
+					}else if(value === "呼入接通率"){
118
+						str = "呼入接通率"
119
+					}else if(value === "呼出接通率"){
120
+						str = "    呼出接通率"
121
+					}
122
+					return str
123
+				}
124
+			},
125
+			data: ['接通量呼入量', '呼入接通率', '呼出接通量呼出量', '呼出接通率']
126
+		}],
127
+		yAxis: [{
128
+				type: 'value',
129
+				splitLine: {
130
+					show: false
131
+				},
132
+				axisLine: {
133
+					lineStyle: {
134
+						color: '#ffffff'
135
+					}
136
+				}
137
+			},
138
+			{
139
+				type: 'value',
140
+				axisLine: {
141
+					lineStyle: {
142
+						color: '#ffffff'
143
+					}
144
+				},
145
+				splitLine: {
146
+					show: false
147
+				},
148
+				min: 0,
149
+				max: 100,
150
+				axisLabel: {
151
+					formatter: '{value} %'
152
+				}
153
+			}
154
+		],
155
+    	color: ['#cd5c5c','#87cefa','#da70d6','#32cd32','#6495ed',
156
+            '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0'],
157
+		series: [
158
+			{
159
+				name: '呼出量',
160
+				type: 'bar',
161
+				barWidth: 15,
162
+				label: getLabelOption(['50%', -5],0),
163
+				emphasis: {
164
+					focus: 'series'
165
+				},
166
+				data: [0, 0, getdata.hccount, 0]
167
+			},
168
+			
169
+			{
170
+				name: '有效来电',
171
+				type: 'bar',
172
+				stack: 'A',
173
+				label: getLabelOption(['200%', 40],0),
174
+				barWidth: 15,
175
+				emphasis: {
176
+					focus: 'series'
177
+				},
178
+				data: [getdata.effective, 0, 0, 0]
179
+			},
180
+			{
181
+				name: '无效来电',
182
+				type: 'bar',
183
+				stack: 'A',
184
+				label: getLabelOption(['200%', 20],0),
185
+				barWidth: 15,
186
+				emphasis: {
187
+					focus: 'series'
188
+				},
189
+				data: [getdata.invalid, 0, 0, 0]
190
+			},
191
+			
192
+			
193
+			{
194
+				name: '接通率',
195
+				type: 'bar',
196
+				stack: 'B',
197
+				barWidth: 15,
198
+				yAxisIndex: 1,
199
+				label: getLabelOption(['250%', 60],1),
200
+				emphasis: {
201
+					focus: 'series'
202
+				},
203
+				data: [0, getdata.jtbili, 0, 0]
204
+			},
205
+			{
206
+				name: '自助率',
207
+				type: 'bar',
208
+				stack: 'B',
209
+				barWidth: 15,
210
+				yAxisIndex: 1,
211
+				label: getLabelOption(['250%', 40],1),
212
+				emphasis: {
213
+					focus: 'series'
214
+				},
215
+				data: [0, getdata.zzbili, 0, 0]
216
+			},
217
+			{
218
+				name: '回拨率',
219
+				type: 'bar',
220
+				stack: 'B',
221
+				barWidth: 15,
222
+				yAxisIndex: 1,
223
+				label: getLabelOption(['250%', 20],1),
224
+				emphasis: {
225
+					focus: 'series'
226
+				},
227
+				data: [0, getdata.hbbili, 0, 0]
228
+			},
229
+			
230
+			{
231
+				name: '呼出接通率',
232
+				type: 'bar',
233
+				barWidth: 15,
234
+				yAxisIndex: 1,
235
+				label: getLabelOption(['50%', -5],1),
236
+				emphasis: {
237
+					focus: 'series'
238
+				},
239
+				data: [0, 0, 0, getdata.hcbili]
240
+			},
241
+			{
242
+				name: '人工接通',
243
+				type: 'bar',
244
+				stack: 'Ad',
245
+				barWidth: 15,
246
+				label: getLabelOption(['200%', 60],0),
247
+				emphasis: {
248
+					focus: 'series'
249
+				},
250
+				data: [getdata.jtcount, 0, 0, 0]
251
+			},
252
+			{
253
+				name: '自助接通量',
254
+				type: 'bar',
255
+				stack: 'Ad',
256
+				barWidth: 15,
257
+				label: getLabelOption(['200%', 40],0),
258
+				emphasis: {
259
+					focus: 'series'
260
+				},
261
+				data: [getdata.zzcount, 0, 0, 0]
262
+			},
263
+			{
264
+				name: '未接通回拨量',
265
+				type: 'bar',
266
+				stack: 'Ad',
267
+				barWidth: 15,
268
+				label: getLabelOption(['200%', 20],0),
269
+				emphasis: {
270
+					focus: 'series'
271
+				},
272
+				data: [getdata.hbcount, 0, 0, 0]
273
+			},
274
+			{
275
+				name: '呼出接通量',
276
+				type: 'bar',
277
+				barWidth: 15,
278
+				label: getLabelOption(['50%', -5],0),
279
+				emphasis: {
280
+					focus: 'series'
281
+				},
282
+				data: [0, 0, getdata.hcjtcount, 0]
283
+			},
284
+
285
+		]
286
+	};
287
+	
288
+}

+ 247 - 0
WebChartNewest/js/trafficData0625-2.js

@@ -0,0 +1,247 @@
1
+getworkOrder()
2
+var telCountData
3
+$('.btn_time').click(function(e) {
4
+	if(e.target.tagName == 'SPAN') {
5
+		if($(e.target).attr('data-state') == '1') {
6
+			$(".hwsjtj").hide()
7
+			$('.daySeat').css('display', 'none')
8
+			$('.timeTraffic').css('display', 'inline-block')
9
+			$('#traffic').css('display', 'none')
10
+			$('#timeTraffic').css('display', 'block')
11
+			$(this).siblings(".act").children("label").attr("indexTitle", "日话务数据统计1")
12
+			$('.call_situation h2').text('话务数据统计')
13
+			getworkOrder()
14
+			trafficState = 0
15
+		}
16
+	}
17
+	e.stopPropagation();
18
+})
19
+
20
+function getworkOrder() {
21
+	let workOrderData = [];
22
+	let workOrderName = []
23
+	new doAjax({
24
+		url: huayi.config.callcenter_url + "/InfoNew/GetTelCountByNow",
25
+		data: {
26
+			timetype: telCountByNowType
27
+		},
28
+		callBack: function(res) {
29
+			var data = res.data.hw[0]
30
+			telCountData = data
31
+			trafficDataChart(data)
32
+			
33
+		}
34
+	});
35
+}
36
+
37
+function getLabelOption(positionObj, numberType) {
38
+	var labelOption = {
39
+		show: true,
40
+		rotate: 0,
41
+		align: 'left',
42
+		color: '#fff',
43
+		verticalAlign: 'middle',
44
+		position: positionObj,
45
+		formatter: function(params) {
46
+			if(params.value > 0) {
47
+				dataValue = params.seriesName + ': ' + params.value
48
+				if(params.seriesName === "回拨") {
49
+					dataValue = dataValue + '(' + telCountData.hbbili + '%)'
50
+				} else if(params.seriesName === "自助") {
51
+					dataValue = dataValue + '(' + telCountData.zzbili + '%)'
52
+				} else if(params.seriesName === "人工") {
53
+					dataValue = dataValue + '(' + telCountData.jtbili + '%)'
54
+				} else if(params.seriesName === "呼出接通") {
55
+					dataValue = dataValue + '(' + telCountData.hcbili + '%)'
56
+				}
57
+				return dataValue;
58
+			} else {
59
+				return ' ';
60
+			}
61
+		},
62
+		fontSize: 12,
63
+	};
64
+	return labelOption
65
+}
66
+
67
+function trafficDataChart(getdata) {
68
+	let hotThingsLeft = echarts.init(document.getElementById("timeTrafficLeft"));
69
+	let hotThingsRight = echarts.init(document.getElementById("timeTrafficRight"));
70
+	window.onresize = function() {
71
+		hotThingsLeft.resize()
72
+		hotThingsRight.resize()
73
+	}
74
+	hotThingsLeft.setOption(getOption(getSeriesLeftData()),['呼入量接通量']);
75
+	hotThingsRight.setOption(getOption(getSeriesRightData()),['呼出量呼出接通量']);
76
+}
77
+function getSeriesLeftData (){
78
+	return  [{
79
+		name: '有效来电',
80
+		type: 'bar',
81
+		stack: 'A',
82
+		label: getLabelOption(['-550%', 40], 0),
83
+		barWidth: 15,
84
+		emphasis: {
85
+			focus: 'series'
86
+		},
87
+		data: [telCountData.effective]
88
+	},
89
+	{
90
+		name: '无效来电',
91
+		type: 'bar',
92
+		stack: 'A',
93
+		label: getLabelOption(['-550%', 20], 0),
94
+		barWidth: 15,
95
+		emphasis: {
96
+			focus: 'series'
97
+		},
98
+		data: [telCountData.invalid]
99
+	},
100
+	{
101
+		name: '人工',
102
+		type: 'bar',
103
+		stack: 'Ad',
104
+		barWidth: 15, //hbbili
105
+		label: getLabelOption(['100%', 20], 0),
106
+		emphasis: {
107
+			focus: 'series'
108
+		},
109
+		data: [telCountData.jtcount]
110
+	},
111
+	{
112
+		name: '自助',
113
+		type: 'bar',
114
+		stack: 'Ad',
115
+		barWidth: 15,
116
+		label: getLabelOption(['100%', 0], 0),
117
+		emphasis: {
118
+			focus: 'series'
119
+		},
120
+		data: [telCountData.zzcount]
121
+	},
122
+	{
123
+		name: '回拨',
124
+		type: 'bar',
125
+		stack: 'Ad',
126
+		barWidth: 15,
127
+		label: getLabelOption(['100%', -20], 0),
128
+		emphasis: {
129
+			focus: 'series'
130
+		},
131
+		data: [telCountData.hbcount]
132
+	},
133
+]
134
+
135
+}
136
+
137
+function getSeriesRightData (){
138
+	return [{
139
+			name: '呼出',
140
+			type: 'bar',
141
+			barWidth: 15,
142
+			label: getLabelOption(['-500%', -5], 0),
143
+			labelLine:{  
144
+	              show:true,
145
+	              normal:{  
146
+	                length:15,
147
+					length2: 0,
148
+	              }  
149
+	           },
150
+			emphasis: {
151
+				focus: 'series'
152
+			},
153
+			data: [telCountData.hccount]
154
+		},
155
+		{
156
+			name: '呼出接通',
157
+			type: 'bar',
158
+			barWidth: 15,
159
+			label: getLabelOption(['-100%', -5], 0),
160
+			emphasis: {
161
+				focus: 'series'
162
+			},
163
+			data: [telCountData.hcjtcount]
164
+		}
165
+	]
166
+
167
+}
168
+
169
+function getOption(getSeriesData,xAxisData) {
170
+
171
+	return option = {
172
+		tooltip: {
173
+			trigger: 'item',
174
+			show: true,
175
+			// 进行数据处理
176
+			formatter: function(params) {
177
+				console.log(params, 'params')
178
+				var html = '';
179
+				if(params.value > 0) {
180
+					html += params.marker;
181
+					if(params.name.indexOf('率') >= 0) {
182
+						html += params.seriesName + ': ' + params.value + '%<br/>';
183
+					} else {
184
+						html += params.seriesName + ': ' + params.value + '<br/>';
185
+					}
186
+				}
187
+				return html;
188
+			}
189
+		},
190
+		grid: {
191
+			left: '3%',
192
+			right: '4%',
193
+			bottom: '15%',
194
+			containLabel: true
195
+		},
196
+		xAxis: [{
197
+			type: 'category',
198
+			axisLine: {
199
+				lineStyle: {
200
+					color: '#ffffff'
201
+				}
202
+			},
203
+			axisLabel: {
204
+				show: true,
205
+				rotate: 0, // 角度值:Number
206
+				interval: '0',
207
+				verticalAlign: 'left',
208
+				fontSize: 12, // 顺便调小一点字体大小
209
+				padding: [0, 0, 0, -10],
210
+				textStyle: {
211
+					color: '#ffffff'
212
+				},
213
+				formatter: function(value) {
214
+					//x轴的文字改为竖版显示
215
+					var str = value;
216
+					if(value === "接通量呼入量") {
217
+						str = "呼入量       接通量"
218
+					} else if(value === "呼出接通量呼出量") {
219
+						str = "呼出量            呼出接通量"
220
+					} else if(value === "呼入接通率") {
221
+						str = "呼入接通率"
222
+					} else if(value === "呼出接通率") {
223
+						str = "    呼出接通率"
224
+					}
225
+					return str
226
+				}
227
+			},
228
+			data: xAxisData
229
+		}],
230
+		yAxis: [{
231
+			type: 'value',
232
+			splitLine: {
233
+				show: false
234
+			},
235
+			axisLine: {
236
+				lineStyle: {
237
+					color: '#ffffff'
238
+				}
239
+			}
240
+		}],
241
+		color: ['#cd5c5c', '#87cefa', '#da70d6', '#32cd32', '#6495ed',
242
+			'#ff69b4', '#ba55d3', '#cd5c5c', '#ffa500', '#40e0d0'
243
+		],
244
+		series: getSeriesData
245
+	};
246
+
247
+}

+ 176 - 0
WebChartNewest/js/trafficData0625-3.js

@@ -0,0 +1,176 @@
1
+getworkOrder()
2
+var telCountData
3
+$('.btn_time').click(function(e) {
4
+	if(e.target.tagName == 'SPAN') {
5
+		if($(e.target).attr('data-state') == '1') {
6
+			$(".hwsjtj").hide()
7
+			$('.daySeat').css('display', 'none')
8
+			$('.timeTraffic').css('display', 'inline-block')
9
+			$('#traffic').css('display', 'none')
10
+			$('#timeTraffic').css('display', 'block')
11
+			$(this).siblings(".act").children("label").attr("indexTitle", "日话务数据统计1")
12
+			$('.call_situation h2').text('话务数据统计')
13
+			getworkOrder()
14
+			trafficState = 0
15
+		}
16
+	}
17
+	e.stopPropagation();
18
+})
19
+
20
+function getworkOrder() {
21
+	let workOrderData = [];
22
+	let workOrderName = []
23
+	new doAjax({
24
+		url: huayi.config.callcenter_url + "/InfoNew/GetTelCountByNow",
25
+		data: {
26
+			timetype: telCountByNowType
27
+		},
28
+		callBack: function(res) {
29
+			var data = res.data.hw[0]
30
+			telCountData = data
31
+			trafficDataChart(data)
32
+		}
33
+	});
34
+}
35
+
36
+function getLabelOption(positionObj, numberType) {
37
+	var labelOption = {
38
+		show: true,
39
+		rotate: 0,
40
+		align: 'left',
41
+		color: '#fff',
42
+		verticalAlign: 'middle',
43
+		position: positionObj,
44
+		formatter: function(params) {
45
+			if(params.value > 0) {
46
+				dataValue = params.seriesName + ': ' + params.value
47
+				if(params.seriesName === "回拨") {
48
+					dataValue = dataValue + '(' + telCountData.hbbili + '%)'
49
+				} else if(params.seriesName === "自助") {
50
+					dataValue = dataValue + '(' + telCountData.zzbili + '%)'
51
+				} else if(params.seriesName === "人工") {
52
+					dataValue = dataValue + '(' + telCountData.jtbili + '%)'
53
+				}
54
+				return dataValue;
55
+			} else {
56
+				return ' ';
57
+			}
58
+		},
59
+		fontSize: 12,
60
+	};
61
+	return labelOption
62
+}
63
+
64
+function trafficDataChart(getdata) {
65
+	let hotThingsLeft = echarts.init(document.getElementById("timeTrafficLeft"));
66
+	let hotThingsRight = echarts.init(document.getElementById("timeTrafficRight"));
67
+	window.onresize = function() {
68
+		hotThingsLeft.resize()
69
+		hotThingsRight.resize()
70
+	}
71
+	hotThingsLeft.setOption(getOption(getdata));
72
+	//	hotThingsRight.setOption(getOption(getdata));
73
+}
74
+
75
+function getOption(getdata) {
76
+
77
+	return option = {
78
+		tooltip: {
79
+			trigger: 'item',
80
+			formatter: '{a} <br/>{b}: {c} ({d}%)'
81
+		},
82
+		grid: {
83
+			bottom: '20%',
84
+			left: '50%',
85
+			right: '20%',
86
+			bottom: '20%',
87
+			containLabel: true
88
+		},
89
+//		color:['#cd5c5c','#87cefa','#da70d6','#32cd32', '#6495ed'], //cd5c5c 32cd32  87cefa
90
+		series: [{
91
+				name: 'Access From',
92
+				
93
+				type: 'pie',
94
+				selectedMode: 'single',
95
+				radius: [0, '30%'],
96
+				label: {
97
+					position: 'inner',
98
+					fontSize: 14
99
+				},
100
+				labelLine: {
101
+					show: false
102
+				},
103
+				data: [{
104
+						value: 101,
105
+						name: '无效来电'
106
+					},
107
+					{
108
+						value: 477,
109
+						name: '有效来电',
110
+						selected: true
111
+					},
112
+				]
113
+			},
114
+			{
115
+				name: 'Access From',
116
+				type: 'pie',
117
+				position:'outer',
118
+ 				alignTo:'edge',
119
+ 				margin:10,
120
+				radius: ['45%', '60%'],
121
+				label: {
122
+					formatter: '{b}:{c}  {per|{d}%}',
123
+					//backgroundColor: '#F6F8FC',
124
+					//borderColor: '#8C8D8E',
125
+					//borderWidth: 1,
126
+					borderRadius: 4,
127
+					rich: {
128
+						a: {
129
+							color: '#6E7079',
130
+							lineHeight: 22,
131
+							align: 'center'
132
+						},
133
+						hr: {
134
+							borderColor: '#8C8D8E',
135
+							width: '100%',
136
+							borderWidth: 1,
137
+							height: 0
138
+						},
139
+						b: {
140
+							color: '#4C5058',
141
+							fontSize: 14,
142
+							fontWeight: 'bold',
143
+							lineHeight: 33
144
+						},
145
+						per: {
146
+							color: '#fff',
147
+//							backgroundColor: '#4C5058',
148
+							padding: [3, 4],
149
+							borderRadius: 4
150
+						}
151
+					}
152
+				},
153
+				labelLine:{  
154
+	              show:true,
155
+	              normal:{  
156
+	                length:15,
157
+					length2: 0,
158
+	              }  
159
+	           },
160
+				data: [{
161
+						value: 5,
162
+						name: '回拨'
163
+					},
164
+					{
165
+						value: 6,
166
+						name: '自助'
167
+					},
168
+					{
169
+						value: 435,
170
+						name: '人工'
171
+					},
172
+				]
173
+			}
174
+		]
175
+	}
176
+}

+ 291 - 0
WebChartNewest/js/trafficData0625.js

@@ -0,0 +1,291 @@
1
+getworkOrder()
2
+$('.btn_time').click(function(e) {
3
+	if(e.target.tagName == 'SPAN') {
4
+		if($(e.target).attr('data-state') == '1') {
5
+			$(".hwsjtj").hide()
6
+			$('.daySeat').css('display', 'none')
7
+			$('.timeTraffic').css('display', 'inline-block')
8
+			$('#traffic').css('display', 'none')
9
+			$('#timeTraffic').css('display', 'block')
10
+			$(this).siblings(".act").children("label").attr("indexTitle", "日话务数据统计1")
11
+			$('.call_situation h2').text('话务数据统计')
12
+			getworkOrder()
13
+			trafficState = 0
14
+		}
15
+	}
16
+	e.stopPropagation();
17
+})
18
+
19
+function getworkOrder() {
20
+	let workOrderData = [];
21
+	let workOrderName = []
22
+	new doAjax({
23
+		url: huayi.config.callcenter_url + "/InfoNew/GetTelCountByNow",
24
+		data: {
25
+			timetype: telCountByNowType
26
+		},
27
+		callBack: function(res) {
28
+			var data = res.data.hw[0]
29
+			console.log(data)
30
+			trafficDataChart(data)
31
+		}
32
+	});
33
+}
34
+function getLabelOption(positionObj,numberType){
35
+	var labelOption = {
36
+		show: true,
37
+		rotate: 0,
38
+		align: 'center',
39
+		color: '#fff',
40
+		verticalAlign: 'middle',
41
+		position: positionObj,
42
+		formatter: function(params) {
43
+			if(params.value > 0) {
44
+				if(numberType){
45
+					return params.value + "%";
46
+				} else{
47
+					return params.value;
48
+				}
49
+				
50
+			} else {
51
+				return ' ';
52
+			}
53
+		},
54
+		fontSize: 12,
55
+	};
56
+	return labelOption
57
+}
58
+
59
+function trafficDataChart(getdata) {
60
+	let hotThingsLeft = echarts.init(document.getElementById("timeTrafficLeft"));
61
+	let hotThingsRight = echarts.init(document.getElementById("timeTrafficRight"));
62
+	window.onresize = function() {
63
+		hotThingsLeft.resize()
64
+		hotThingsRight.resize()
65
+	}
66
+	hotThingsLeft.setOption(getOption(getdata));
67
+	hotThingsRight.setOption(getOption(getdata));
68
+}
69
+
70
+function getOption(getdata){
71
+	return option = {
72
+		tooltip: {
73
+			trigger: 'item',
74
+			show: true,
75
+			// 进行数据处理
76
+			formatter: function(params) {
77
+				console.log(params, 'params')
78
+				var html = '';
79
+				if(params.value > 0) {
80
+					html += params.marker;
81
+					if(params.name.indexOf('率') >= 0) {
82
+						html += params.seriesName + ': ' + params.value + '%<br/>';
83
+					} else {
84
+						html += params.seriesName + ': ' + params.value + '<br/>';
85
+					}
86
+				}
87
+				return html;
88
+			}
89
+		},
90
+		grid: {
91
+			left: '3%',
92
+			right: '4%',
93
+			bottom: '15%',
94
+			containLabel: true
95
+		},
96
+		xAxis: [{
97
+			type: 'category',
98
+			axisLine: {
99
+				lineStyle: {
100
+					color: '#ffffff'
101
+				}
102
+			},
103
+			axisLabel: {
104
+				show: true,
105
+				rotate: 0, // 角度值:Number
106
+				interval: '0', 
107
+				verticalAlign: 'left',
108
+				fontSize: 12, // 顺便调小一点字体大小
109
+				padding: [0, 0, 0, -10],
110
+				textStyle: {
111
+					color: '#ffffff'
112
+				},
113
+				formatter: function (value) {
114
+					//x轴的文字改为竖版显示
115
+					var str = value;
116
+					if (value === "接通量呼入量") {
117
+						str = "呼入量       接通量"
118
+					} else if(value === "呼出接通量呼出量"){
119
+						str = "呼出量            呼出接通量"
120
+					}else if(value === "呼入接通率"){
121
+						str = "呼入接通率"
122
+					}else if(value === "呼出接通率"){
123
+						str = "    呼出接通率"
124
+					}
125
+					return str
126
+				}
127
+			},
128
+			data: ['接通量呼入量', '呼入接通率', '呼出接通量呼出量', '呼出接通率']
129
+		}],
130
+		yAxis: [{
131
+				type: 'value',
132
+				splitLine: {
133
+					show: false
134
+				},
135
+				axisLine: {
136
+					lineStyle: {
137
+						color: '#ffffff'
138
+					}
139
+				}
140
+			},
141
+			{
142
+				type: 'value',
143
+				axisLine: {
144
+					lineStyle: {
145
+						color: '#ffffff'
146
+					}
147
+				},
148
+				splitLine: {
149
+					show: false
150
+				},
151
+				min: 0,
152
+				max: 100,
153
+				axisLabel: {
154
+					formatter: '{value} %'
155
+				}
156
+			}
157
+		],
158
+    	color: ['#cd5c5c','#87cefa','#da70d6','#32cd32','#6495ed',
159
+            '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0'],
160
+		series: [
161
+			{
162
+				name: '呼出量',
163
+				type: 'bar',
164
+				barWidth: 15,
165
+				label: getLabelOption(['50%', -5],0),
166
+				emphasis: {
167
+					focus: 'series'
168
+				},
169
+				data: [0, 0, getdata.hccount, 0]
170
+			},
171
+			
172
+			{
173
+				name: '有效来电',
174
+				type: 'bar',
175
+				stack: 'A',
176
+				label: getLabelOption(['200%', 40],0),
177
+				barWidth: 15,
178
+				emphasis: {
179
+					focus: 'series'
180
+				},
181
+				data: [getdata.effective, 0, 0, 0]
182
+			},
183
+			{
184
+				name: '无效来电',
185
+				type: 'bar',
186
+				stack: 'A',
187
+				label: getLabelOption(['200%', 20],0),
188
+				barWidth: 15,
189
+				emphasis: {
190
+					focus: 'series'
191
+				},
192
+				data: [getdata.invalid, 0, 0, 0]
193
+			},
194
+			
195
+			
196
+			{
197
+				name: '接通率',
198
+				type: 'bar',
199
+				stack: 'B',
200
+				barWidth: 15,
201
+				yAxisIndex: 1,
202
+				label: getLabelOption(['250%', 60],1),
203
+				emphasis: {
204
+					focus: 'series'
205
+				},
206
+				data: [0, getdata.jtbili, 0, 0]
207
+			},
208
+			{
209
+				name: '自助率',
210
+				type: 'bar',
211
+				stack: 'B',
212
+				barWidth: 15,
213
+				yAxisIndex: 1,
214
+				label: getLabelOption(['250%', 40],1),
215
+				emphasis: {
216
+					focus: 'series'
217
+				},
218
+				data: [0, getdata.zzbili, 0, 0]
219
+			},
220
+			{
221
+				name: '回拨率',
222
+				type: 'bar',
223
+				stack: 'B',
224
+				barWidth: 15,
225
+				yAxisIndex: 1,
226
+				label: getLabelOption(['250%', 20],1),
227
+				emphasis: {
228
+					focus: 'series'
229
+				},
230
+				data: [0, getdata.hbbili, 0, 0]
231
+			},
232
+			
233
+			{
234
+				name: '呼出接通率',
235
+				type: 'bar',
236
+				barWidth: 15,
237
+				yAxisIndex: 1,
238
+				label: getLabelOption(['50%', -5],1),
239
+				emphasis: {
240
+					focus: 'series'
241
+				},
242
+				data: [0, 0, 0, getdata.hcbili]
243
+			},
244
+			{
245
+				name: '人工接通',
246
+				type: 'bar',
247
+				stack: 'Ad',
248
+				barWidth: 15,
249
+				label: getLabelOption(['200%', 60],0),
250
+				emphasis: {
251
+					focus: 'series'
252
+				},
253
+				data: [getdata.jtcount, 0, 0, 0]
254
+			},
255
+			{
256
+				name: '自助接通量',
257
+				type: 'bar',
258
+				stack: 'Ad',
259
+				barWidth: 15,
260
+				label: getLabelOption(['200%', 40],0),
261
+				emphasis: {
262
+					focus: 'series'
263
+				},
264
+				data: [getdata.zzcount, 0, 0, 0]
265
+			},
266
+			{
267
+				name: '未接通回拨量',
268
+				type: 'bar',
269
+				stack: 'Ad',
270
+				barWidth: 15,
271
+				label: getLabelOption(['200%', 20],0),
272
+				emphasis: {
273
+					focus: 'series'
274
+				},
275
+				data: [getdata.hbcount, 0, 0, 0]
276
+			},
277
+			{
278
+				name: '呼出接通量',
279
+				type: 'bar',
280
+				barWidth: 15,
281
+				label: getLabelOption(['50%', -5],0),
282
+				emphasis: {
283
+					focus: 'series'
284
+				},
285
+				data: [0, 0, getdata.hcjtcount, 0]
286
+			},
287
+
288
+		]
289
+	};
290
+	
291
+}

+ 14 - 32
WebUI/CallCenterWeb.UI/Appeal/Lawsuit.html

@@ -282,9 +282,18 @@
282 282
 											<option value="1">是</option>
283 283
 										</select>
284 284
 		                            </td>
285
+		                            <th>结案人:</th>
286
+	                                <td>
287
+	                                    <select id="closeuser" name="select" class="selectpicker show-tick form-control"
288
+	                                        data-live-search="true">
289
+	                                        <option value="">
290
+	                                           		 请选择结案人
291
+	                                        </option>
292
+	                                    </select>
293
+	                                </td>
285 294
 		                            <th>是否超期:</th>
286 295
 		                            <td>
287
-		                                <select id="overtime" class="form-control" name="select">
296
+		                                <select id="overtime" class="form-control Min-width" name="select">
288 297
 											<option value="">请选择</option>
289 298
 											<option value="1">即将超期</option>
290 299
 											<option value="2">已超期</option>
@@ -398,33 +407,7 @@
398 407
 			});
399 408
 			//获取查询信息
400 409
 			function load() {
401
-				//坐席
402
-				var usercodeID = "";
403
-				var usercode_ = $("#ZX").val(); //坐席
404
-				if(usercode_ != null) {
405
-					$(usercode_).each(function(i, n) {
406
-						var obj1 = "";
407
-						obj1 = n + ",";
408
-						usercodeID += obj1;
409
-					});
410
-					usercodeID = usercodeID.slice(0, -1);
411
-				} else {
412
-					usercodeID = "";
413
-				}
414
-
415
-				//      	调度员
416
-				var ddusercodeID = "";
417
-				var ddusercode_ = $("#yardman").val(); //坐席
418
-				if(ddusercode_ != null) {
419
-					$(ddusercode_).each(function(i, n) {
420
-						var obj2 = "";
421
-						obj2 = n + ",";
422
-						ddusercodeID += obj2;
423
-					});
424
-				} else {
425
-					ddusercodeID = "";
426
-				}
427
-
410
+				console.log(selectMultiple($("#closeuser")))
428 411
 				//先销毁表格
429 412
 				$("#orderlist").bootstrapTable("destroy");
430 413
 				//初始化表格,动态从服务器加载数据
@@ -453,13 +436,12 @@
453 436
 							workid: $("#wids").val().replace(/\s+/g, ""),
454 437
 							state: $("#state").val(), //=工单状态
455 438
 							type: $("#type").val(), //=工单类型
456
-							//bigtype: $("#bigtype").val(), //=大类别
457
-							//smalltype: $("#smalltype").val(), //=小类别
458 439
 							key: $("#key").val(), //=关键字
459 440
 							tel: $("#tel").val().replace(/\s+/g, ""), //=客户电话
460 441
 							name: $("#name").val().replace(/\s+/g, ""), //=客户名称
461
-							usercode: usercodeID, //=坐席工号
462
-							ddusercode: ddusercodeID,
442
+							usercode: selectMultiple($("#ZX")), //=坐席工号
443
+	                        ddusercode: selectMultiple($("#yardman")),
444
+	                        closeuser:$("#closeuser").val(),
463 445
 							keyid: $("#keyid").val(), //=关键词id
464 446
 							source: $("#source").val(), //=来源&
465 447
 							starttime: $("#starttime").val(), //=开始时间

+ 9 - 7
WebUI/CallCenterWeb.UI/CommonHtml/AddAppeal.html

@@ -305,13 +305,15 @@
305 305
 				LY($("#source"));
306 306
 				LB($("#type"));
307 307
 				ZT($("#keys"));
308
-				if(isDoBusiness == 1) {
309
-					console.log('888')
310
-					BusinessjbSelect($("#jbSelect"));
311
-				} else {
312
-					console.log('999')
313
-					jbSelect($("#jbSelect"));
314
-				}
308
+//				if(isDoBusiness == 1) {
309
+//					console.log('888')
310
+//					BusinessjbSelect($("#jbSelect"));
311
+//					
312
+//				} else {
313
+//					console.log('999')
314
+//					jbSelect($("#jbSelect"));
315
+//				}
316
+				jbSelect($("#jbSelect"));
315 317
 				getReactionCategory();
316 318
 				// 电话类别
317 319
 				// getPhoneType($("#phonetype"));

+ 12 - 27
WebUI/CallCenterWeb.UI/MarketingManagement/LawsuitMarketing.html

@@ -490,6 +490,15 @@
490 490
                                         </option>
491 491
                                     </select>
492 492
                                 </td>
493
+                                <th>结案人:</th>
494
+                                <td>
495
+                                    <select id="closeuser" name="select" class="selectpicker show-tick form-control"
496
+                                        data-live-search="true">
497
+                                        <option value="">
498
+                                           		 请选择结案人
499
+                                        </option>
500
+                                    </select>
501
+                                </td>
493 502
                             </tr>
494 503
                         </table>
495 504
                     </div>
@@ -622,31 +631,6 @@
622 631
         });
623 632
         //获取查询信息
624 633
         function load() {
625
-            //坐席
626
-            var usercodeID = "";
627
-            var usercode_ = $("#ZX").val(); //坐席
628
-            if (usercode_ != null) {
629
-                $(usercode_).each(function (i, n) {
630
-                    var obj1 = "";
631
-                    obj1 = n + ",";
632
-                    usercodeID += obj1;
633
-                });
634
-            } else {
635
-                usercodeID = "";
636
-            }
637
-
638
-            //      	调度员
639
-            var ddusercodeID = "";
640
-            var ddusercode_ = $("#yardman").val(); //坐席
641
-            if (ddusercode_ != null) {
642
-                $(ddusercode_).each(function (i, n) {
643
-                    var obj2 = "";
644
-                    obj2 = n + ",";
645
-                    ddusercodeID += obj2;
646
-                });
647
-            } else {
648
-                ddusercodeID = "";
649
-            }
650 634
 
651 635
             //三方通话
652 636
             var threeWayCall;
@@ -689,8 +673,9 @@
689 673
                         key: $("#key").val(), //=关键字
690 674
                         tel: $("#tel").val().replace(/\s+/g, ""), //=客户电话
691 675
                         name: $("#name").val().replace(/\s+/g, ""), //=客户名称
692
-                        usercode: usercodeID, //=坐席工号
693
-                        ddusercode: ddusercodeID,
676
+                        usercode: selectMultiple($("#ZX")), //=坐席工号
677
+                        ddusercode: selectMultiple($("#yardman")),
678
+                        closeuser:$("#closeuser").val(),
694 679
                         keyid: $("#keyid").val(), //=关键词id
695 680
                         source: $("#source").val(), //=来源&
696 681
                         starttime: $("#starttime").val(), //=开始时间

+ 0 - 1
WebUI/CallCenterWeb.UI/MultimediaWorkOrder/LawsuitMedia.html

@@ -207,7 +207,6 @@
207 207
                                         <option value="2">子工单</option>
208 208
                                     </select>
209 209
                                 </td>
210
-                                
211 210
                                 <th>满意度:</th>
212 211
 								<td>
213 212
 									<select id="satisfaction" class="form-control" name="select">

+ 13 - 28
WebUI/CallCenterWeb.UI/OtherPhoneManagement/LawsuitOtherPhone.html

@@ -241,9 +241,18 @@
241 241
                                         <option value="">请选择</option>
242 242
                                     </select>
243 243
                                 </td>
244
+                                <th>结案人:</th>
245
+                                <td>
246
+                                    <select id="closeuser" name="select" class="selectpicker show-tick form-control"
247
+                                        data-live-search="true">
248
+                                        <option value="">
249
+                                           		 请选择结案人
250
+                                        </option>
251
+                                    </select>
252
+                                </td>
244 253
                                 <th>是否督办:</th>
245 254
                                 <td>
246
-                                    <select id="whetherSupervisor" class="form-control" name="select">
255
+                                    <select id="whetherSupervisor" class="form-control Min-width" name="select">
247 256
                                         <option value="">
248 257
                                             请选择
249 258
                                         </option>
@@ -397,31 +406,6 @@
397 406
         });
398 407
         //获取查询信息
399 408
         function load() {
400
-            // 坐席
401
-            var usercodeID = "";
402
-            var usercode_ = $("#ZX").val(); //坐席
403
-            if (usercode_ != null) {
404
-                $(usercode_).each(function (i, n) {
405
-                    var obj1 = "";
406
-                    obj1 = n + ",";
407
-                    usercodeID += obj1;
408
-                });
409
-            } else {
410
-                usercodeID = "";
411
-            }
412
-
413
-            // 调度员
414
-            var ddusercodeID = "";
415
-            var ddusercode_ = $("#yardman").val(); //坐席
416
-            if (ddusercode_ != null) {
417
-                $(ddusercode_).each(function (i, n) {
418
-                    var obj2 = "";
419
-                    obj2 = n + ",";
420
-                    ddusercodeID += obj2;
421
-                });
422
-            } else {
423
-                ddusercodeID = "";
424
-            }
425 409
 
426 410
             //三方通话
427 411
             var threeWayCall;
@@ -464,8 +448,9 @@
464 448
                         key: $("#key").val(), //=关键字
465 449
                         tel: $("#tel").val().replace(/\s+/g, ""), //=客户电话
466 450
                         name: $("#name").val().replace(/\s+/g, ""), //=客户名称
467
-                        usercode: usercodeID, //=坐席工号
468
-                        ddusercode: ddusercodeID,
451
+                        usercode: selectMultiple($("#ZX")), //=坐席工号
452
+                        ddusercode: selectMultiple($("#yardman")),
453
+                        closeuser:$("#closeuser").val(),
469 454
                         keyid: $("#keyid").val(), //=关键词id
470 455
                         source: $("#source").val(), //=来源&
471 456
                         starttime: $("#starttime").val(), //=开始时间

+ 18 - 34
WebUI/CallCenterWeb.UI/ProvincialPlatformManagement/LawsuitProvincialPlatform.html

@@ -97,7 +97,7 @@
97 97
                                     <select id="yardman" name="select" class="selectpicker show-tick form-control"
98 98
                                         multiple data-live-search="true">
99 99
                                         <option value="">
100
-                                            请选择调度员
100
+                                           		 请选择调度员
101 101
                                         </option>
102 102
                                     </select>
103 103
                                 </td>
@@ -224,10 +224,10 @@
224 224
                                 <td>
225 225
                                     <select id="islike" class="form-control Min-width" name="select">
226 226
                                         <option value="1">
227
-                                            模糊查询
227
+                                           	 模糊查询
228 228
                                         </option>
229 229
                                         <option value="0">
230
-                                            精确查询
230
+                                           	 精确查询
231 231
                                         </option>
232 232
                                     </select>
233 233
                                 </td>
@@ -237,14 +237,25 @@
237 237
                                 <td>
238 238
                                     <input type="text" placeholder="输入工单号" id="strworkorderid" class="form-control" />
239 239
                                 </td>
240
+                                <th>结案人:</th>
241
+                                <td>
242
+                                    <select id="closeuser" name="select" class="selectpicker show-tick form-control"
243
+                                        data-live-search="true">
244
+                                        <option value="">
245
+                                           		 请选择结案人
246
+                                        </option>
247
+                                    </select>
248
+                                </td>
240 249
                                 <th>是否省平台退回:</th>
241 250
                                 <td>
242
-                                    <select id="isProBack" class="form-control" name="select">
251
+                                    <select id="isProBack" class="form-control  Min-width" name="select">
243 252
                                         <option value="">请选择是否省平台退回</option>
244 253
                                         <option value="1">是</option>
245 254
                                         <option value="0">否</option>
246 255
                                     </select>
247 256
                                 </td>
257
+                                
258
+                                
248 259
                             </tr>
249 260
                         </table>
250 261
                     </div>
@@ -384,32 +395,6 @@
384 395
         });
385 396
         //获取查询信息
386 397
         function load() {
387
-            //坐席
388
-            var usercodeID = "";
389
-            var usercode_ = $("#ZX").val(); //坐席
390
-            if (usercode_ != null) {
391
-                $(usercode_).each(function (i, n) {
392
-                    var obj1 = "";
393
-                    obj1 = n + ",";
394
-                    usercodeID += obj1;
395
-                });
396
-            } else {
397
-                usercodeID = "";
398
-            }
399
-
400
-            //      	调度员
401
-            var ddusercodeID = "";
402
-            var ddusercode_ = $("#yardman").val(); //坐席
403
-            if (ddusercode_ != null) {
404
-                $(ddusercode_).each(function (i, n) {
405
-                    var obj2 = "";
406
-                    obj2 = n + ",";
407
-                    ddusercodeID += obj2;
408
-                });
409
-            } else {
410
-                ddusercodeID = "";
411
-            }
412
-
413 398
             //三方通话
414 399
             var threeWayCall;
415 400
             if ($("#dealtype").val() === "2") {
@@ -448,13 +433,12 @@
448 433
                         isback:$("#isProBack").val(),
449 434
                         state: $("#state").val(), //=工单状态
450 435
                         type: $("#type").val(), //=工单类型
451
-                        //bigtype: $("#bigtype").val(), //=大类别
452
-                        //smalltype: $("#smalltype").val(), //=小类别
453 436
                         key: $("#key").val(), //=关键字
454 437
                         tel: $("#tel").val().replace(/\s+/g, ""), //=客户电话
455 438
                         name: $("#name").val().replace(/\s+/g, ""), //=客户名称
456
-                        usercode: usercodeID, //=坐席工号
457
-                        ddusercode: ddusercodeID,
439
+                        usercode: selectMultiple($("#ZX")), //=坐席工号
440
+                        ddusercode: selectMultiple($("#yardman")),
441
+                        closeuser:$("#closeuser").val(),
458 442
                         keyid: $("#keyid").val(), //=关键词id
459 443
                         source: $("#source").val(), //=来源&
460 444
                         starttime: $("#starttime").val(), //=开始时间

+ 17 - 2
WebUI/CallCenterWeb.UI/js/search/screen.js

@@ -4,7 +4,8 @@
4 4
     LY($("#source"));
5 5
     LB($("#type"));
6 6
     ZT($("#keyid"));
7
-    yardman($("#yardman"),"ZXLD");
7
+    yardman($("#yardman"),"ZXLD,MTDD");
8
+    yardman($("#closeuser"),"ZXLD,MTDD");
8 9
     yardman($("#dbyardman"),"DBZY");
9 10
     yardman($("#auditorMultimediaPersonnel"),"ZXLD"); 
10 11
     tree();
@@ -94,7 +95,21 @@ function ZX(obj) {
94 95
         }
95 96
     );
96 97
 }
97
-
98
+function selectMultiple(obj) {
99
+	var maindeptId = "";
100
+	var maindeptId_ = obj.val(); //坐席
101
+	if(maindeptId_ != null) {
102
+		$(maindeptId_).each(function(i, n) {
103
+			var obj2 = '';
104
+			obj2 = n + ",";
105
+			maindeptId += obj2;
106
+		})
107
+		maindeptId = maindeptId.substring(0, maindeptId.length)
108
+	} else {
109
+		maindeptId = ""
110
+	}
111
+	return maindeptId
112
+}
98 113
 //调度员
99 114
 function yardman(obj,rolecode) {
100 115
     obj.empty();