Просмотр исходного кода

增加 协办待处处理工单 和调度工作统计

fanlongfei лет назад: 8
Родитель
Сommit
df94ea6c12

+ 2 - 2
WebUI/CallCenterWeb.UI/Business/WorkDC.html

@@ -3,7 +3,7 @@
3 3
 
4 4
 	<head>
5 5
 		<meta charset="UTF-8">
6
-		<title>待处理工单</title>
6
+		<title>主办待处理工单</title>
7 7
 		<script src="../Script/Common/huayi.load.js"></script>
8 8
 		<script src="../Script/Common/huayi.config.js"></script>
9 9
 		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
@@ -233,7 +233,7 @@
233 233
 						<i class="syIcon"></i>位置:
234 234
 						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
235 235
 						<a href="javaScript:;">业务监督</a>&gt;
236
-						<a class="nowPosition">待处理工单</a>
236
+						<a class="nowPosition">主办待处理工单</a>
237 237
 					</sapn>
238 238
 				</div>
239 239
 				<div class="dhRight">

+ 873 - 0
WebUI/CallCenterWeb.UI/Business/WorkDCCO.html

@@ -0,0 +1,873 @@
1
+<!DOCTYPE html>
2
+<html>
3
+
4
+	<head>
5
+		<meta charset="UTF-8">
6
+		<title>协办待处理工单</title>
7
+		<script src="../Script/Common/huayi.load.js"></script>
8
+		<script src="../Script/Common/huayi.config.js"></script>
9
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
10
+		<link rel="stylesheet" href="../css/init.css" />
11
+		<style>
12
+			#sqzx th {
13
+				padding: 5px 8px 5px 0;
14
+				text-align: right;
15
+			}
16
+			
17
+			.select {
18
+				width: 150px;
19
+				background-color: #FFF;
20
+				background-image: none;
21
+				border: 1px solid #ccc;
22
+				border-radius: 1px;
23
+				color: inherit;
24
+				padding: 6px 12px;
25
+			}
26
+			
27
+			#sex {
28
+				background-color: #FFF;
29
+				background-image: none;
30
+				border: 1px solid #ccc;
31
+				border-radius: 1px;
32
+				color: inherit;
33
+				padding: 6px 12px;
34
+			}
35
+			
36
+			input {
37
+				background-color: #FFF;
38
+				background-image: none;
39
+				border: 1px solid #ccc;
40
+				border-radius: 1px;
41
+				color: inherit;
42
+				padding: 6px 12px;
43
+			}
44
+			
45
+			#sqzx td {
46
+				padding: 6px 0 5px 10px;
47
+			}
48
+			
49
+			.lxr ul li {
50
+				float: left;
51
+				list-style: none;
52
+				width: 30%;
53
+				margin-bottom: 5px;
54
+				padding-top: 10px;
55
+			}
56
+			
57
+			.clearFix:after {
58
+				content: "";
59
+				display: block;
60
+				clear: both;
61
+			}
62
+			
63
+			.form-group {
64
+				padding-left: 40px;
65
+				margin-bottom: 0;
66
+			}
67
+			
68
+			textarea {
69
+				height: 70px;
70
+				border: 1px solid #ccc;
71
+				border-radius: 1px;
72
+				width: 50%;
73
+				resize: none;
74
+			}
75
+			
76
+			.textarea_box {
77
+				margin-top: 10px;
78
+			}
79
+			
80
+			.box_content {
81
+				border-bottom: 1px solid #ccc;
82
+			}
83
+			
84
+			.tj_content {
85
+				border: 1px solid #e6e6e6;
86
+				border-radius: 5px;
87
+			}
88
+			
89
+			.t-shade {
90
+				position: fixed;
91
+				top: 0;
92
+				left: 0;
93
+				width: 100%;
94
+				height: 100%;
95
+				background: rgba(0, 0, 0, 0.48);
96
+				z-index: 10004;
97
+				display: none;
98
+			}
99
+			
100
+			.lyxz .shade_k {
101
+				z-index: 10005;
102
+				width: 60%;
103
+				margin: 10% auto;
104
+				background-color: #fff;
105
+				box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
106
+				border-radius: 5px;
107
+			}
108
+			
109
+			.shade_title {
110
+				padding: 0 80px 0 20px;
111
+				height: 42px;
112
+				line-height: 42px;
113
+				border-bottom: 1px solid #eee;
114
+				font-size: 16px;
115
+				color: #FFFFFF;
116
+				overflow: hidden;
117
+				background-color: #1ab394;
118
+				border-radius: 2px 2px 0 0;
119
+				position: relative;
120
+				border-top-left-radius: 5px;
121
+				border-top-right-radius: 5px;
122
+			}
123
+			
124
+			.cx {
125
+				display: block;
126
+			}
127
+			
128
+			.setwin {
129
+				position: absolute;
130
+				right: 15px;
131
+				top: 5px;
132
+				font-size: 0;
133
+				line-height: initial;
134
+			}
135
+			
136
+			.setwin a {
137
+				position: relative;
138
+				width: 16px;
139
+				height: 16px;
140
+				font-size: 20px;
141
+				color: #fff;
142
+			}
143
+			
144
+			.xg i {
145
+				font-size: 16px;
146
+			}
147
+			
148
+			.hidens {
149
+				display: none;
150
+			}
151
+			.Min-width{
152
+				width: 150px;
153
+			}
154
+			.hidens {
155
+				display: none;
156
+			}
157
+				.inpBox {
158
+				border: 1px solid #a9a9a9;
159
+				height: 27px;
160
+				width: 220px;
161
+				display: inline-block;
162
+				position: relative;
163
+				vertical-align: middle;
164
+			}
165
+			
166
+		
167
+			
168
+			
169
+			.inps {
170
+				width: 217px;
171
+				height: 24px;
172
+				outline: none;
173
+				border: 0;
174
+				border-image-width: 0;
175
+				padding: 0;
176
+				padding-left: 3px;
177
+			}
178
+			
179
+			
180
+			.Cleans{
181
+				display: inline-block;
182
+				width: 20px;
183
+				position: absolute;
184
+				right: 21px;
185
+				top: 5px;
186
+				display: none;
187
+			}
188
+		</style>
189
+	</head>
190
+
191
+	<body class="gray-bg">
192
+		<div class="wrapper wrapper-content animated fadeInRight">
193
+			<div class="daoHang clearfix">
194
+				<div class="dhLeft">
195
+					<sapn>
196
+						<i class="syIcon"></i>位置:
197
+						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
198
+						<a href="javaScript:;">业务监督</a>&gt;
199
+						<a class="nowPosition">协办待处理工单</a>
200
+					</sapn>
201
+				</div>
202
+				<div class="dhRight">
203
+					<a href="" title="刷新"><i class="fa fa-refresh"></i></a>
204
+				</div>
205
+			</div>
206
+			<div style="padding: 10px;" class="tj_content clearFix">
207
+				<div style="padding: 10px;" class="tj_content clearFix">
208
+					<div>
209
+						<span>【搜索信息】</span>
210
+						<div class="box_content">
211
+							<table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
212
+								<tr>
213
+									<th>关键字:</th>
214
+									<td>
215
+										<input type="text" placeholder="输入关键字" id="key" class="Min-width" />
216
+									</td>
217
+									<th>工单号:</th>
218
+									<td>
219
+										<input type="text" placeholder="输入工单号" id="wids" class="Min-width" />
220
+									</td>
221
+									<th>时间:</th>
222
+									<td colspan="3">
223
+										<input type="text" id="starttime" class="laydate-icon Min-width" style="height: 32px;" />&nbsp;——&nbsp;<input type="text" id="endtime" class="laydate-icon Min-width" style="height: 32px;" />
224
+									</td>
225
+								</tr>
226
+								<tr>
227
+									
228
+									<th>工单来源:</th>
229
+									<td>
230
+										<select class="select_" id="source">
231
+										</select>
232
+									</td>
233
+									<th>主题词:</th>
234
+									<td>
235
+										<select id="keyid" name="" class="select"></select>
236
+									</td>
237
+									<th>坐席:</th>
238
+									<td>
239
+										<select id="ZX" name="" class="select"></select>
240
+									</td>
241
+
242
+								</tr>
243
+								<tr>
244
+
245
+									<th>投诉电话:</th>
246
+									<td>
247
+										<input type="text" id="tel"  class="Min-width" />
248
+									</td>
249
+									<th>投诉人:</th>
250
+									<td>
251
+										<input type="text" id="name"  class="Min-width"/>
252
+									</td>
253
+									
254
+									<th>类型:</th>
255
+							<td>
256
+								<select class="select_" id="type">
257
+								</select>
258
+							</td>
259
+									<th></th>
260
+									<td style="text-align: center;">
261
+										<botton class="btns Seach">搜索</botton>
262
+										<!--<botton class="btns ">导出</botton></td>-->
263
+								</tr>
264
+							</table>
265
+						</div>
266
+					</div>
267
+					<div>
268
+						<div style="width: 100%;padding: 10px;">
269
+							<table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
270
+								<thead>
271
+									<tr>
272
+									
273
+										<th data-field="F_WorkOrderId" data-align="center">工单单号</th>
274
+										<th data-field="F_ComTitle" data-formatter="GetCont" data-align="center">诉求标题</th>
275
+										<th data-field="DeptName" data-align="center">主办单位</th>
276
+										<th data-field="OtherDeptName" data-align="center">协办单位</th>
277
+										<th data-field="UserName" data-align="center">受理人</th>
278
+										<th data-field="F_WorkState" data-align="center" data-formatter="States">办理状态</th>
279
+										<th data-field="FilePath" data-formatter="setCode" data-align="center">录音</th>
280
+										<th data-field="OverState" data-formatter="OverTime" data-align="center">时限</th>
281
+										<th data-field="LimitTime" data-formatter="BanTime" data-align="center">办理时限</th>
282
+										<th data-field="F_WorkOrderId" data-formatter="Dispose" data-align="center">操作</th>
283
+									</tr>
284
+								</thead>
285
+								<tbody class="list"></tbody>
286
+							</table>
287
+						</div>
288
+					</div>
289
+				</div>
290
+			</div>
291
+
292
+			<!--下载框-->
293
+			<div class="t-shade lyxz">
294
+				<div class="shade_k">
295
+					<div class="shade_title">
296
+						<span>录音播放与下载<srong class="cknum"></srong></span>
297
+						<span class="setwin gbly"><a>x</a></span>
298
+					</div>
299
+					<div class="shade_content">
300
+						<div class="Ly_box audiojs">
301
+						</div>
302
+					</div>
303
+				</div>
304
+			</div>
305
+			<input type="hidden" id="PID" />
306
+			<input type="hidden" id="Dpment" />
307
+		</div>
308
+		<script src="../css/laydate/laydate.js"></script>
309
+		<script src="../My97DatePicker/WdatePicker.js"></script>
310
+			<script src="../js/zTree/jquery.ztree.core.js"></script>
311
+		<script>
312
+			
313
+			
314
+			$(document).ready(function() {
315
+
316
+				//返回首页
317
+				$('#ReIndex').click(function() {
318
+					top.home_index();
319
+				})
320
+
321
+				load();
322
+				LY($("#source"));
323
+				LB($("#type"));
324
+				ZT($("#keyid"));
325
+				ZX($("#ZX"));
326
+				laydate.skin('blue');
327
+
328
+				laydate({
329
+					elem: '#starttime',
330
+					event: 'focus'
331
+				});
332
+
333
+				laydate({
334
+					elem: '#endtime',
335
+					event: 'focus'
336
+				});
337
+				///搜素
338
+				$(".Seach").click(function() {
339
+					load();
340
+				});
341
+			});
342
+			//关闭录音弹出
343
+			$(".gbly").click(function() {
344
+				$(".lyxz").removeClass("cx");
345
+				$('audio')[0].pause();
346
+			});
347
+
348
+			$("#orderlist").on("click-row.bs.table", function(e, row, ele) {
349
+				$('.success').removeClass('success'); //去除之前选中的行的,选中样式
350
+				$(ele).addClass('success'); //添加当前选中的 success样式用于区别
351
+			});
352
+
353
+			//获取查询信息
354
+			function load() {
355
+				//先销毁表格
356
+				$('#orderlist').bootstrapTable('destroy');
357
+				//初始化表格,动态从服务器加载数据
358
+				$("#orderlist").bootstrapTable({
359
+					method: "get", //使用get请求到服务器获取数据
360
+					url: huayi.config.callcenter_url + "WorkOrder/GetXBDWDealList", //获取数据的Servlet地址
361
+					contentType: "application/x-www-form-urlencoded",
362
+					striped: true, //表格显示条纹
363
+					pagination: true, //启动分页
364
+					pageSize: 10, //每页显示的记录数
365
+					pageNumber: 1, //当前第几页
366
+					pageList: [10, 20, 50, 100], //记录数可选列表
367
+					search: false, //是否启用查询
368
+					showColumns: false, //显示下拉框勾选要显示的列
369
+					showRefresh: false, //显示刷新按钮
370
+					sidePagination: "server", //表示服务端请求
371
+					//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
372
+					//设置为limit可以获取limit, offset, search, sort, order
373
+					queryParamsType: "undefined",
374
+					queryParams: function queryParams(params) { //设置查询参数
375
+						var param = {
376
+							page: params.pageNumber,
377
+							pagesize: params.pageSize,
378
+							workid: $("#wids").val(),
379
+							state: $("#state").val(), //=工单状态
380
+							type: $("#type").val(), //=工单类型
381
+							bigtype: $("#bigtype").val(), //=大类别
382
+							smalltype: $("#smalltype").val(), //=小类别
383
+							key: $("#key").val(), //=关键字
384
+							tel: $("#tel").val(), //=客户电话
385
+							name: $("#name").val(), //=客户名称
386
+							usercode: $("#ZX").val(), //=坐席工号
387
+							keyid: $("#keyid").val(), //=关键词id
388
+							source: $("#source").val(), //=来源&
389
+							starttime: $("#starttime").val(), //=开始时间
390
+							endtime: $("#endtime").val(), //=结束时间
391
+							deptid:$("#PID").val(),
392
+							type:$("#type").val(),
393
+							tab: 0,//待处理
394
+							token: $.cookie("token")
395
+						};
396
+						return param;
397
+					},
398
+					onLoadSuccess: function(data) { //加载成功时执行
399
+						//						layer.msg("加载成功");
400
+						//console.log(data);
401
+					},
402
+					onLoadError: function() { //加载失败时执行
403
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
404
+					}
405
+				});
406
+			}
407
+			//状态
408
+			function States(val,row) {
409
+				var html = '';
410
+				switch(val + '') {
411
+					case '0':				
412
+						html = '新工单';
413
+						if(row.F_IsReturn==1){
414
+							html = '新工单(回退)';
415
+						}
416
+						break;
417
+					case '1':
418
+						html = '待交办';
419
+						break;
420
+					case '2':
421
+						html = '待查收';
422
+						break;
423
+					case '3':
424
+						html = '退回审核中';
425
+						break;
426
+					case '4':
427
+						html = '办理中';
428
+						break;
429
+					case '5':
430
+						html = '延时审核';
431
+						break;
432
+					case '6':
433
+						html = '已办理';
434
+						break;
435
+					case '7':
436
+						html = '已回访';
437
+						break;
438
+					case '8':
439
+						html = '重办中';
440
+						break;
441
+					case '9':
442
+						html = '已结案';
443
+						break;
444
+				}
445
+				return html;
446
+
447
+			}
448
+				//时限
449
+			function OverTime(val,row){
450
+				if(val==1){
451
+					return '<div class="" style="cursor: pointer;">' +					
452
+						'<span class="Greens">'+row.GapTime+'</span>'+					
453
+						'</div>';
454
+				}else if(val==2){
455
+					return '<div class="" style="cursor: pointer;">' +					
456
+						'<span class="Yellows">'+row.GapTime+'</span>'+					
457
+						'</div>';
458
+				}else if(val==3){
459
+					return '<div class="" style="cursor: pointer;">' +					
460
+						'<span class="Reds">'+row.GapTime+'</span>'+					
461
+						'</div>';
462
+				}
463
+			}
464
+			//办理时限
465
+			function BanTime(val){
466
+				if(val){
467
+					var time=val.substring(0,val.indexOf(' '));
468
+				return '<div class="" style="cursor: pointer;">' +					
469
+						'<span>'+time+'</span>'+					
470
+						'</div>';
471
+				}
472
+				
473
+			}
474
+			//音频
475
+			function setCode(val) {
476
+				if(val) {
477
+					return '<div class="imgs" style="cursor: pointer;">' +
478
+						'<img src="../img/vice.png" alt="" onclick= ck(this) item="' + val + '" />' +
479
+						'</div>';
480
+				} else {
481
+					return '';
482
+				}
483
+			}
484
+			//录音
485
+			function ck(val) {
486
+				var path = $(val).attr("item");
487
+				$(".lyxz").addClass("cx");
488
+				$(".Ly_box").empty();
489
+				$(".down").attr("href", path);
490
+				$('<audio style="width: 100%;"class=" " src="' + path + '" loop="loop" controls="controls" ></audio>').appendTo(".Ly_box");
491
+			}
492
+
493
+			function GetCont(val) {
494
+				if(val) {
495
+					var str = '<div '
496
+					if(val.length > 10) {
497
+						str = str + ' title="' + val + '" ';
498
+						val = val.substr(0, 10) + "...";
499
+					}
500
+					return str + '>' + val + '</div>';
501
+				} else {
502
+					return '';
503
+				}
504
+			}
505
+			//操作
506
+			function Dispose(val, row) {
507
+				var Rows = row.Buttons;
508
+				var html = '';
509
+				for(var i = 0; i < Rows.length; i++) {
510
+
511
+					var html1 = huayi.config.arr[Rows[i].key * 1 - 1];
512
+					if(html1) {
513
+						html1 = html1.replace("data", val);
514
+					}
515
+					html += html1;
516
+
517
+				}
518
+				return html;
519
+			}
520
+
521
+			//查看详情
522
+			function ckxq(str) {
523
+				layer.open({
524
+					type: 2,
525
+					content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url,no代表不显示滚动条
526
+					title: '工单详情',
527
+					area: ['85%', '80%'], //宽高
528
+				});
529
+			}
530
+			//编辑
531
+			function bj(str) {
532
+				layer.open({
533
+					type: 2,
534
+					content: "../CommonHtml/AddAppeal.html?wid=" + str, //iframe的url,no代表不显示滚动条
535
+					title: '编辑工单',
536
+					area: ['96%', '80%'], //宽高
537
+				});
538
+			}
539
+			//删除
540
+			function move(str) {
541
+				layer.confirm('确定删除工单?', {
542
+					btn: ['是', '否'] //按钮
543
+				}, function() {
544
+					$.post(huayi.config.callcenter_url + "WorkOrder/DelWorkOrder", {
545
+						ids: str,
546
+						token: $.cookie("token")
547
+					}, function(result) {
548
+						result = JSON.parse(result);
549
+						if(result.state.toLowerCase() == "success") {
550
+							layer.msg("删除成功");
551
+							load();
552
+						}
553
+					})
554
+				});
555
+			}
556
+			//提交
557
+			function tj(str) {
558
+				layer.confirm('确定要提交工单么?', {
559
+					btn: ['确定', '取消'] //按钮
560
+				}, function() {
561
+					//请求后台数据
562
+					/*发送请求*/
563
+					$.post(huayi.config.callcenter_url + "WorkOrder/SubmitWorkOrder", {
564
+						ids: str,
565
+						token: $.cookie("token")
566
+					}, function(result) {
567
+						result = JSON.parse(result);
568
+						if(result.state.toLowerCase() == "success") {
569
+							layer.msg("提交成功");
570
+							load();
571
+						}
572
+					})
573
+				});
574
+			}
575
+			//交办
576
+			function jb(str) {
577
+				layer.open({
578
+					type: 2,
579
+					content: "../CommonHtml/JiaoBan.html?wid=" + str, //iframe的url,no代表不显示滚动条
580
+					title: '工单交办',
581
+					area: ['87%', '80%'], //宽高
582
+				});
583
+			}
584
+			//领导批示
585
+			function lader(str) {
586
+				layer.open({
587
+					type: 2,
588
+					content: "../CommonHtml/Leader.html?wid=" + str, //iframe的url,no代表不显示滚动条
589
+					title: '领导批示',
590
+					area: ['60%', '80%'], //宽高
591
+				});
592
+			}
593
+			//市长批示
594
+			function city(str) {
595
+				layer.open({
596
+					type: 2,
597
+					content: "../CommonHtml/shizhang.html?wid=" + str, //iframe的url,no代表不显示滚动条
598
+					title: '领导批示',
599
+					area: ['60%', '80%'], //宽高
600
+				});
601
+			}
602
+			//办理
603
+			function bl(str) {
604
+				layer.open({
605
+					type: 2,
606
+					content: "../CommonHtml/banli.html?wid=" + str, //iframe的url,no代表不显示滚动条
607
+					title: '办理工单',
608
+					area: ['60%', '80%'], //宽高
609
+				});
610
+			}
611
+			//督办
612
+
613
+			function Supervision(str) {
614
+				layer.open({
615
+					type: 2,
616
+					content: "../CommonHtml/Supervision_.html?wid=" + str + '&type=1', //iframe的url,no代表不显示滚动条
617
+					title: '督办',
618
+					area: ['60%', '80%'], //宽高
619
+				});
620
+			}
621
+
622
+			//督查
623
+			function Supervision_(str) {
624
+				layer.open({
625
+					type: 2,
626
+					content: "../CommonHtml/Supervision_.html?wid=" + str + '&type=2', //iframe的url,no代表不显示滚动条
627
+					title: '监察',
628
+					area: ['60%', '80%'], //宽高
629
+				});
630
+			}
631
+			//强制结案
632
+			function StrongLawsuit(str) {
633
+				layer.open({
634
+					type: 2,
635
+					content: "../CommonHtml/StrongLawsuit.html?wid=" + str, //iframe的url,no代表不显示滚动条
636
+					title: '强制结案',
637
+					area: ['60%', '80%'], //宽高
638
+				});
639
+			}
640
+			 //回退BackDtail
641
+              function BackDtail(str) {	
642
+				layer.open({
643
+					type: 2,
644
+					content: "../CommonHtml/BackDatil.html?wid=" + str, //iframe的url,no代表不显示滚动条
645
+					title: '工单回退',
646
+					area: ['60%', '80%'], //宽高
647
+				});
648
+			}
649
+			//查收
650
+			function cs(str) {
651
+				layer.confirm('确定要查收?', {
652
+					btn: ['是', '否'] //按钮
653
+				}, function() {
654
+					$.post(huayi.config.callcenter_url + "WorkOrder/ReceiveWorkOrder", {
655
+						workorderid: str,
656
+						token: $.cookie("token")
657
+					}, function(result) {
658
+						result = JSON.parse(result);
659
+						if(result.state.toLowerCase() == "success") {
660
+							layer.msg("查收成功");
661
+							load();
662
+						}
663
+					})
664
+				});
665
+			}
666
+			//收回
667
+			function sh(str) {
668
+				layer.confirm('确定要回收?', {
669
+					btn: ['是', '否'] //按钮
670
+				}, function() {
671
+					$.post(huayi.config.callcenter_url + "WorkOrder/TakeBackWorkOrder", {
672
+						workorderid: str,
673
+						token: $.cookie("token")
674
+					}, function(result) {
675
+						result = JSON.parse(result);
676
+						if(result.state.toLowerCase() == "success") {
677
+							layer.msg("回收");
678
+							load();
679
+						}
680
+					})
681
+				});
682
+			}
683
+			//强制回收
684
+			function recycles() {
685
+				layer.confirm('确定要强制退回吗?', {
686
+					btn: ['是', '否'] //按钮
687
+				});
688
+			}
689
+			//退回申请
690
+			function th(str) {
691
+				layer.open({
692
+					type: 2,
693
+					content: "../CommonHtml/tuihuisq.html?wid=" + str, //iframe的url,no代表不显示滚动条
694
+					title: '申请退回工单',
695
+					area: ['60%', '80%'], //宽高
696
+				});
697
+			}
698
+			//审核退回申请
699
+			function shth(str) {
700
+				layer.open({
701
+					type: 2,
702
+					content: "../CommonHtml/shth.html?wid=" + str, //iframe的url,no代表不显示滚动条
703
+					title: '审核退回申请',
704
+					area: ['60%', '80%'], //宽高
705
+				});
706
+			}
707
+			//办理
708
+			//			function th(str) {
709
+			//				layer.open({
710
+			//					type: 2,
711
+			//					content: "../CommonHtml/tuihuisq.html?wid=" + str, //iframe的url,no代表不显示滚动条
712
+			//					title: '办理工单',
713
+			//					area: ['35%', '30%'], //宽高
714
+			//				});
715
+			//			}
716
+			//申请延时
717
+			function ys(str) {
718
+				layer.open({
719
+					type: 2,
720
+					content: "../CommonHtml/Timesq.html?wid=" + str, //iframe的url,no代表不显示滚动条
721
+					title: '申请延时',
722
+					area: ['60%', '80%'], //宽高
723
+				});
724
+			}
725
+			//审核申请延时
726
+			function shys(str) {
727
+				layer.open({
728
+					type: 2,
729
+					content: "../CommonHtml/shtime.html?wid=" + str, //iframe的url,no代表不显示滚动条
730
+					title: '审核延时申请',
731
+					area: ['60%', '80%'], //宽高
732
+				});
733
+			}
734
+			//诉求回访
735
+			function hf(str) {
736
+				layer.open({
737
+					type: 2,
738
+					content: "../CommonHtml/Back.html?wid=" + str, //iframe的url,no代表不显示滚动条
739
+					title: '工单回访',
740
+					area: ['60%', '80%'], //宽高
741
+				});
742
+			}
743
+			//重办工单
744
+			function cb(str) {
745
+				layer.open({
746
+					type: 2,
747
+					content: "../CommonHtml/Cb.html?wid=" + str, //iframe的url,no代表不显示滚动条
748
+					title: '重办工单',
749
+					area: ['60%', '80%'], //宽高
750
+				});
751
+			}
752
+			//结案
753
+			function Lawsuit(str) {
754
+				layer.open({
755
+					type: 2,
756
+					content: "../CommonHtml/lawsuits.html?wid=" + str, //iframe的url,no代表不显示滚动条
757
+					title: '诉求单结案',
758
+					area: ['60%', '80%'], //宽高
759
+				});
760
+			}
761
+
762
+			$('.Appeal').click(function() {
763
+				layer.open({
764
+					type: 2,
765
+					content: "../CommonHtml/AddAppeal.html?wid=", //iframe的url,no代表不显示滚动条
766
+					title: '新增诉求',
767
+					area: ['85%', '80%'], //宽高
768
+				});
769
+			})
770
+			//上传文件
771
+			function upload() {
772
+				if(document.getElementById("upFile").files.length > 0) {
773
+					var formData = new FormData();
774
+					formData.append("upFile", document.getElementById("upFile").files[0]);
775
+					formData.append("token", $.cookie("token"));
776
+					$.ajax({
777
+						url: huayi.config.callcenter_url + "/WorkOrder/UploadFile",
778
+						type: "POST",
779
+						data: formData,
780
+						/**
781
+						 *必须false才会自动加上正确的Content-Type
782
+						 */
783
+						contentType: false,
784
+						/**
785
+						 * 必须false才会避开jQuery对 formdata 的默认处理
786
+						 * XMLHttpRequest会对 formdata 进行正确的处理
787
+						 */
788
+						processData: false,
789
+						success: function(result) {
790
+							document.getElementById("upFile").outerHTML = document.getElementById("upFile").outerHTML;
791
+							$("#upFile").change(function() {
792
+								upload();
793
+							});
794
+							var r = $.parseJSON(result);
795
+							if(r.state.toLowerCase() == "success") {
796
+								$(".fjnr").text(r.data);
797
+								$("#scfj").show();
798
+							}
799
+						}
800
+					});
801
+				} else {
802
+					layer.confirm('请上传文件!', {
803
+						btn: ['确定']
804
+					});
805
+				}
806
+			}
807
+			//来源
808
+			function LY(obj) {
809
+				obj.empty();
810
+				obj.append('<option selected="selected" value="">请选择</option>');
811
+				$.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById?", {
812
+					"token": $.cookie("token"),
813
+					id: 1
814
+				}, function(data) {
815
+					if(data.state.toLowerCase() == "success") {
816
+						var content = data.data;
817
+						$(content).each(function(i, n) {
818
+							$("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
819
+						})
820
+					}
821
+				})
822
+			}
823
+			//类别
824
+			function LB(obj) {
825
+				obj.empty();
826
+				obj.append('<option selected="selected" value="">请选择</option>');
827
+				$.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById?", {
828
+					"token": $.cookie("token"),
829
+					id: 2
830
+				}, function(data) {
831
+					if(data.state.toLowerCase() == "success") {
832
+						var content = data.data;
833
+						$(content).each(function(i, n) {
834
+							$("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
835
+						})
836
+					}
837
+				})
838
+			}
839
+			//		主题
840
+			function ZT(obj) {
841
+				obj.empty();
842
+				obj.append('<option selected="selected" value="">请选择</option>');
843
+				$.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById?", {
844
+					"token": $.cookie("token"),
845
+					id: 3
846
+				}, function(data) {
847
+					if(data.state.toLowerCase() == "success") {
848
+						var content = data.data;
849
+						$(content).each(function(i, n) {
850
+							$("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
851
+						})
852
+					}
853
+				})
854
+			}
855
+			///坐席 
856
+			function ZX(obj) {
857
+				obj.empty();
858
+				obj.append('<option selected="selected" value="">请选择</option>');
859
+				$.getJSON(huayi.config.callcenter_url + "UserAccount/GetSeatList", {
860
+					"token": $.cookie("token"),
861
+				}, function(data) {
862
+					if(data.state.toLowerCase() == "success") {
863
+						var content = data.data;
864
+						$(content).each(function(i, n) {
865
+							$("<option value='" + n.F_UserCode + "'>" + n.F_UserName + "</option>").appendTo(obj);
866
+						})
867
+					}
868
+				})
869
+			}
870
+		</script>
871
+	</body>
872
+
873
+</html>

+ 247 - 0
WebUI/CallCenterWeb.UI/YeWu/dispatchingWorkStatistics.html

@@ -0,0 +1,247 @@
1
+<!DOCTYPE html>
2
+<html>
3
+
4
+<head>
5
+    <meta charset="UTF-8">
6
+    <title>调度工作统计</title>
7
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
+    <script src="../Script/Common/huayi.load.js"></script>
9
+    <script src="../Script/Common/huayi.config.js"></script>
10
+    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
11
+    <link href="../css/WorkOrder/Search.css" rel="stylesheet">
12
+    <link href="../css/init.css" rel="stylesheet" />
13
+    <script src="../css/laydate/laydate.js"></script>
14
+    <script src="../My97DatePicker/WdatePicker.js"></script>
15
+
16
+    <style>
17
+        table td {
18
+            word-break: break-all;
19
+            word-wrap: break-word;
20
+        }
21
+
22
+        .ld-service li {
23
+            float: left;
24
+            font-size: 14px;
25
+            color: #000;
26
+            padding: 5px 15px;
27
+            cursor: pointer;
28
+            border-bottom: 1px solid #ccc;
29
+        }
30
+
31
+        .cr-click {
32
+            border: 1px solid #ccc;
33
+            background-color: #fff;
34
+            border-bottom: none !important;
35
+            border-bottom-left-radius: 5px;
36
+            border-bottom-right-radius: 5px;
37
+        }
38
+
39
+        .Shows {
40
+            display: block !important;
41
+        }
42
+
43
+        .complain {
44
+            display: none;
45
+        }
46
+
47
+        th {
48
+            padding: 5px;
49
+            text-align: center;
50
+        }
51
+
52
+        td {
53
+            padding: 5px;
54
+        }
55
+
56
+        .Borders {
57
+            border: 1px solid #d7d7d7;
58
+        }
59
+
60
+        .cx {
61
+            display: block;
62
+        }
63
+
64
+        #list thead th {
65
+            background: #01a1cb;
66
+            color: #fff;
67
+        }
68
+
69
+        #list tbody tr td {
70
+            text-align: center;
71
+        }
72
+
73
+        #list tfoot tr td {
74
+            text-align: center;
75
+        }
76
+    </style>
77
+</head>
78
+
79
+<body class="gray-bg">
80
+    <div class="wrapper wrapper-content animated fadeInRight">
81
+        <div class="daoHang clearfix">
82
+            <div class="dhLeft">
83
+                <sapn>
84
+                    <i class="syIcon"></i>位置:
85
+                    <a href="javaScript:;" id="ReIndex">首页</a>&gt;
86
+                    <a href="javaScript:;">业务统计</a>&gt;
87
+                    <a class="nowPosition">调度工作统计</a>
88
+                </sapn>
89
+            </div>
90
+            <div class="dhRight">
91
+                <a href="" title="刷新"><i class="fa fa-refresh"></i></a>
92
+            </div>
93
+        </div>
94
+
95
+        <div class="Content_box">
96
+            <!--待处理/-->
97
+            <div class="complain Shows">
98
+                <div class="th-box">
99
+                    <div class="th-bar">
100
+                        <div class="seach-box">
101
+                            <ul>
102
+                                <li>
103
+                                    部门:
104
+                                    <select name="" id="depar" class="select_"></select>
105
+                                    <!--<select name="" id="" class="select_"></select>-->
106
+                                </li>
107
+                                <li>
108
+                                    交办时间:
109
+                                    <input class="photo x-color inputs laydate-icon" type="text" id="startTimes" />-
110
+                                    <input class="photo x-color inputs laydate-icon" type="text" id="endTimes" />
111
+                                </li>
112
+                                <li>
113
+                                    <a class="sc_btn btns db">搜索</a>
114
+                                    <a class="sc_btn btns export" id="exportDispathingWorks">导出</a>
115
+                                </li>
116
+                            </ul>
117
+                        </div>
118
+                    </div>
119
+                </div>
120
+                <div style="width: 100%;padding: 10px;">
121
+                    <table id="list" class="table table-hover table-striped table-bordered table-condensed">
122
+                        <thead>
123
+                            <tr>
124
+                                <th>单位名称</th>
125
+                                <th>坐席</th>
126
+                                <th>转派次数</th>
127
+                                <th>退回坐席次数</th>
128
+                                <th>工作量</th>
129
+                            </tr>
130
+                        </thead>
131
+                        <tbody></tbody>
132
+                        <tfoot>
133
+
134
+                        </tfoot>
135
+                    </table>
136
+                </div>
137
+            </div>
138
+
139
+        </div>
140
+    </div>
141
+
142
+    <script>
143
+        var keys;
144
+        var start;
145
+        var end;
146
+        var deptId;
147
+        $(document).ready(function () {
148
+            //返回首页
149
+            $('#ReIndex').click(function () {
150
+                top.home_index();
151
+            })
152
+            laydate.skin('blue');
153
+            laydate({
154
+                elem: '#startTimes',
155
+                event: 'focus'
156
+            });
157
+
158
+            laydate({
159
+                elem: '#endTimes',
160
+                event: 'focus'
161
+            });
162
+
163
+        });
164
+
165
+        $.getJSON(huayi.config.callcenter_url + "Department/GetDeptList", { token: $.cookie("token") }, function (result) {
166
+            if (result.state.toLowerCase() == "success") {
167
+                seatlist = result.data;
168
+                bindseat($("#depar"));
169
+            }
170
+        });
171
+        function bindseat(obj) {
172
+            obj.empty();
173
+            obj.append('<option value="">全部</option>');
174
+            $(seatlist).each(function (i, n) {
175
+                obj.append('<option value="' + n.F_DeptId + '">' + n.F_DeptName + '</option>');
176
+            })
177
+        }
178
+
179
+        getDispatchingWorks();
180
+        //导出
181
+        $('#exportDispathingWorks').click(function () {
182
+            
183
+            dcexcelDispathing(this);
184
+        })
185
+
186
+        function dcexcelDispathing(obj) {
187
+            var url = huayi.config.callcenter_url + "WorkOrderReport/GetWorkLoad?token=" + $.cookie("token");
188
+            url += "&start=" + $("#startTimes").val() + "&end=" + $("#endTimes").val() + "&deptId=" + $("#depar").val() + "&isExport=true";
189
+            debugger;
190
+            obj.href = url;
191
+        }
192
+        //搜索
193
+        $(".db").click(function () {
194
+            start = $('#startTimes').val();
195
+            end = $('#endTimes').val();
196
+            deptId = $('#depar').val();
197
+            getDispatchingWorks(start, end, deptId);
198
+        })
199
+        function getDispatchingWorks(start, end, deptId) {
200
+            $('#list tbody').html('');
201
+            $('#list tfoot').html('');
202
+            $.ajax({
203
+                type: "get",
204
+                url: huayi.config.callcenter_url + "WorkOrderReport/GetWorkLoad",
205
+                async: true,
206
+                dataType: 'json',
207
+                data: {
208
+                    start: start,
209
+                    end: end,
210
+                    deptId: deptId,
211
+                    token: $.cookie("token"),
212
+                },
213
+                success: function (result) {
214
+                    if (result) {
215
+                    var tbodyItems = result.rows;
216
+                    var tfootItems = result.total;
217
+                        $(tbodyItems).each(function (i, n) {
218
+                            $('<tr>' +
219
+        						'<td>' + n.detpname + '</td>' +
220
+        						'<td>' + n.useraccount + '</td>' +
221
+        						'<td>' + n.fordeliverycount + '</td>' +
222
+        						'<td>' + n.returnedcount + '</td>' +
223
+        						'<td>' + n.workcount + '</td>' +
224
+        					'</tr>').appendTo('#list tbody')
225
+                        });
226
+                        $(tfootItems).each(function (i, n) {
227
+                            $('<tr>' +
228
+        						'<td colspan="2">总计</td>' +
229
+        						'<td>' + n.fordeliverycount + '</td>' +
230
+        						'<td>' + n.returnedcount + '</td>' +
231
+        						'<td>' + n.workcount + '</td>' +
232
+        					'</tr>').appendTo('#list tfoot')
233
+                        })
234
+
235
+                    }
236
+                }
237
+            });
238
+
239
+        }
240
+
241
+
242
+
243
+
244
+    </script>
245
+</body>
246
+
247
+</html>