Browse Source

增加 话务量报表和工单报表

fanlongfei 7 years ago
parent
commit
042feb66c1

+ 343 - 0
WebUI/CallCenterWeb.UI/YeWu/trafficVolume.html

@@ -0,0 +1,343 @@
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 href="../css/init.css" rel="stylesheet" />
11
+		<script src="../js/laydate/laydate.js"></script>
12
+		<style>
13
+			.Shows {
14
+				display: block !important;
15
+			}
16
+			
17
+			.complain {
18
+				display: none;
19
+			}
20
+			
21
+			.daoHang {
22
+				margin-bottom: 15px;
23
+			}
24
+			
25
+			#main1,
26
+			#main2 {
27
+				width: 788.8px;
28
+				margin: 0 auto;
29
+				-webkit-box-shadow: 1px 1px 9px 2px #D2D2D2;
30
+				box-shadow: 1px 1px 9px 2px #D2D2D2;
31
+				background-color: #fff;
32
+				padding: 30px 60px 80px 60px;
33
+			}
34
+			
35
+			.alignC {
36
+				text-align: center;
37
+			}
38
+			
39
+			.alignC h2 {
40
+				font-family: "宋体";
41
+				font-weight: bold;
42
+				font-size: 22pt;
43
+				letter-spacing: -1px;
44
+			}
45
+			
46
+			.headerAlign h3 div:nth-of-type(1) {
47
+				font-size: 14pt;
48
+				padding-top: 20px;
49
+				text-align: left;
50
+				font-weight: normal;
51
+				margin-left: 48px;
52
+			}
53
+			
54
+			#main1 table,
55
+			#main2 table {
56
+				margin: 0 auto;
57
+				width: 600px;
58
+				border-collapse: collapse;
59
+				font-size: 13pt;
60
+				font-family: "仿宋";
61
+			}
62
+			
63
+			#main1 table tr,
64
+			#main2 table tr {
65
+				min-height: 49px;
66
+			}
67
+			
68
+			tbody td {
69
+				min-width: 10%;
70
+				padding: 6px 0 6px 0;
71
+			}
72
+			
73
+			.alignC .tableHead {
74
+				text-align: center;
75
+				padding-left: 10px;
76
+				font-weight: 600;
77
+			}
78
+			
79
+			.alignC tr>td>span {
80
+				display: inline-block;
81
+				min-width: 90px;
82
+			}
83
+			
84
+			.btn {
85
+				margin-top: 4px;
86
+				margin-bottom: 4px;
87
+				background: #00a1cb;
88
+				color: #fff;
89
+			}
90
+			
91
+			.time-box {
92
+				display: inline-block;
93
+				position: relative;
94
+			}
95
+			
96
+			.toolLeft input {
97
+				padding-right: 30px;
98
+				width: 150px;
99
+			}
100
+			
101
+			.tub {
102
+				position: absolute;
103
+				right: 8px;
104
+				top: 5px;
105
+				font-size: 18px;
106
+				color: #00a0ca;
107
+			}
108
+			
109
+			#layui-laydate3 .layui-laydate-header {
110
+				height: 31px;
111
+				padding: 5px;
112
+			}
113
+			
114
+			.laydate-theme-molv .layui-laydate-header i,
115
+			.laydate-theme-molv .layui-laydate-header span {
116
+				top: 2px;
117
+			}
118
+			
119
+			.layui-laydate-header {
120
+				padding: 0;
121
+			}
122
+			
123
+			.laydate-theme-molv .layui-laydate-content {
124
+				height: 195px;
125
+				overflow: hidden;
126
+			}
127
+			
128
+			.laydate-month-list>li {
129
+				margin: 10px 0;
130
+			}
131
+			
132
+			.laydate-footer-btns span:hover {
133
+				color: #00a1cb;
134
+			}
135
+		</style>
136
+	</head>
137
+
138
+	<body class="gray-bg">
139
+		<div class="wrapper wrapper-content animated fadeInRight">
140
+			<div class="daoHang clearfix">
141
+				<div class="dhLeft">
142
+					<sapn>
143
+						<i class="syIcon"></i>位置:
144
+						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
145
+						<a href="javaScript:;">业务统计</a>&gt;
146
+						<a class="nowPosition">话务量报表</a>
147
+					</sapn>
148
+				</div>
149
+				<div class="dhRight">
150
+					<a href="" title="刷新"><i class="fa fa-refresh"></i></a>
151
+				</div>
152
+			</div>
153
+
154
+			<div class="Content_box">
155
+				<div class="complain Shows">
156
+					<div class="tab-content">
157
+						<div class="tab-pane fade active in" id="import_from_week">
158
+							<div class="toolBar clearfix">
159
+								<div class="toolLeft">
160
+									开始时间:
161
+									<span class="time-box"><i class="tub fa fa-calendar"></i><input class="photo x-color inputs laydate-icon" type="text" id="startTimes_1" /></span> 结束时间:
162
+									<span class="time-box"><i class="tub fa fa-calendar"></i><input class="photo x-color inputs laydate-icon" type="text" id="endTimes_1" /></span>
163
+									<button class="btns search_1">查询</button>
164
+								</div>
165
+							</div>
166
+							<div id="main1">
167
+								<div class="alignC headerAlign">
168
+									<br />
169
+									<h2 style="margin-bottom: 15px;">
170
+                                    商丘市12345政府服务热线话务量报表
171
+                                </h2>
172
+								</div>
173
+								<table id="weeklist" class="alignC" border="1" cellpadding="4" cellspacing="0" bordercolor="#cbcbcb">
174
+									<tbody>
175
+										<!--<tr>
176
+											<td colspan="8" class="tableHead">
177
+												话务受理情况
178
+											</td>
179
+										</tr>-->
180
+										<tr>
181
+											<td>
182
+												电话总量
183
+											</td>
184
+											<td>
185
+												<span id="dhcount">0</span>
186
+											</td>
187
+											<td>
188
+												来电总量
189
+											</td>
190
+											<td>
191
+												<span id="ldcount">0</span>
192
+											</td>
193
+										</tr>
194
+										<tr>
195
+											<td>
196
+												接听量
197
+											</td>
198
+											<td>
199
+												<span id="ldjtcount">0</span>
200
+											</td>
201
+											<td>
202
+												未接来电
203
+											</td>
204
+											<td>
205
+												<span id="ldwjtcount">0</span>
206
+											</td>
207
+										</tr>
208
+										<tr>
209
+											<td>
210
+												呼出总量
211
+											</td>
212
+											<td>
213
+												<span id="hccount">0</span>
214
+											</td>
215
+											<td>
216
+												呼出接通量
217
+											</td>
218
+											<td>
219
+												<span id="hcjtcount">0</span>
220
+											</td>
221
+										</tr>
222
+										<tr>
223
+											<td>
224
+												呼出未接通量
225
+											</td>
226
+											<td>
227
+												<span id="hcwjtcount">0</span>
228
+											</td>
229
+											<td>
230
+												放弃量
231
+											</td>
232
+											<td>
233
+												<span id="ldfqcount">0</span>
234
+											</td>
235
+										</tr>
236
+										<tr>
237
+											<td>
238
+												接通率
239
+											</td>
240
+											<td>
241
+												<span id="ldjtrate">0%</span>
242
+											</td>
243
+											<td>
244
+												呼损量
245
+											</td>
246
+											<td>
247
+												<span id="ldhmdcount">0</span>
248
+											</td>
249
+										</tr>
250
+										<tr>
251
+											<td>
252
+												受理量
253
+											</td>
254
+											<td>
255
+												<span id="ldslcount">0</span>
256
+											</td>
257
+											<td>
258
+												当即办理(直办)
259
+											</td>
260
+											<td>
261
+												<span id="ldslblcount">0</span>
262
+											</td>
263
+										</tr>
264
+										<tr>
265
+											<td>
266
+												网络转办
267
+											</td>
268
+											<td>
269
+												<span id="ldslzbcount">0</span>
270
+											</td>
271
+											<td>
272
+												网络转办办结量
273
+											</td>
274
+											<td>
275
+												<span id="ldslzbwjcount">0</span>
276
+											</td>
277
+										</tr>
278
+
279
+									</tbody>
280
+								</table>
281
+							</div>
282
+						</div>
283
+					</div>
284
+				</div>
285
+			</div>
286
+		</div>
287
+
288
+		<script>
289
+			$(document).ready(function() {
290
+				laydate.render({
291
+					theme: '#00a1cb',
292
+					trigger: 'click',
293
+					elem: '#startTimes_1',
294
+				});
295
+				laydate.render({
296
+					theme: '#00a1cb',
297
+					trigger: 'click',
298
+					elem: '#endTimes_1',
299
+				});
300
+
301
+				initTableBrief();
302
+				//搜索
303
+				$(".search_1").click(function() {
304
+					initTableBrief();
305
+				});
306
+
307
+			})
308
+			//表格
309
+			function initTableBrief() {
310
+				$.getJSON(huayi.config.callcenter_url + 'DataAnalysis/GetTellReport', {
311
+					sdate: $('#startTimes_1').val(), //	否	string	开始时间 (2017-10-01)
312
+					edate: $('#endTimes_1').val(), //	否	string	结束时间(2017-10-31)
313
+					token: $.cookie("token")
314
+				}, function(result) {
315
+					if(result.state.toLowerCase() == "success") {
316
+						result = result.data.TellReport;
317
+						if(result && result.length > 0) {
318
+							var res = result[0];
319
+							if(res) {
320
+								$('#dhcount').text(res.dhcount);
321
+								$('#ldcount').text(res.ldcount);
322
+								$('#ldjtcount').text(res.ldjtcount);
323
+								$('#ldwjtcount').text(res.ldwjtcount);
324
+								$('#hccount').text(res.hccount);
325
+								$('#hcjtcount').text(res.hcjtcount);
326
+								$('#hcwjtcount').text(res.hcwjtcount);
327
+								$('#ldfqcount').text(res.ldfqcount);
328
+								$('#ldjtrate').text(res.ldjtrate);
329
+								$('#ldhmdcount').text(res.ldhmdcount);
330
+								$('#ldslcount').text(res.ldslcount);
331
+								$('#ldslblcount').text(res.ldslblcount);
332
+								$('#ldslzbcount').text(res.ldslzbcount);
333
+								$('#ldslzbwjcount').text(res.ldslzbwjcount);
334
+							}
335
+						}
336
+					}
337
+				})
338
+
339
+			}
340
+		</script>
341
+	</body>
342
+
343
+</html>

+ 406 - 0
WebUI/CallCenterWeb.UI/YeWu/workOrderForm.html

@@ -0,0 +1,406 @@
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 href="../css/init.css" rel="stylesheet" />
11
+		<script src="../js/laydate/laydate.js"></script>
12
+		<style>
13
+			.Shows {
14
+				display: block !important;
15
+			}
16
+			
17
+			.complain {
18
+				display: none;
19
+			}
20
+			
21
+			.daoHang {
22
+				margin-bottom: 15px;
23
+			}
24
+			
25
+			#main1,
26
+			#main2 {
27
+				width: 788.8px;
28
+				margin: 0 auto;
29
+				-webkit-box-shadow: 1px 1px 9px 2px #D2D2D2;
30
+				box-shadow: 1px 1px 9px 2px #D2D2D2;
31
+				background-color: #fff;
32
+				padding: 30px 60px 80px 60px;
33
+			}
34
+			
35
+			.alignC {
36
+				text-align: center;
37
+			}
38
+			
39
+			.alignC h2 {
40
+				font-family: "宋体";
41
+				font-weight: bold;
42
+				font-size: 22pt;
43
+				letter-spacing: -1px;
44
+			}
45
+			
46
+			.headerAlign h3 div:nth-of-type(1) {
47
+				font-size: 14pt;
48
+				padding-top: 20px;
49
+				text-align: left;
50
+				font-weight: normal;
51
+				margin-left: 48px;
52
+			}
53
+			
54
+			#main1 table,
55
+			#main2 table {
56
+				margin: 0 auto;
57
+				width: 600px;
58
+				border-collapse: collapse;
59
+				font-size: 13pt;
60
+				font-family: "仿宋";
61
+			}
62
+			
63
+			#main1 table tr,
64
+			#main2 table tr {
65
+				min-height: 49px;
66
+			}
67
+			
68
+			tbody td {
69
+				min-width: 10%;
70
+				padding: 6px 0 6px 0;
71
+			}
72
+			
73
+			.alignC .tableHead {
74
+				text-align: center;
75
+				padding-left: 10px;
76
+				font-weight: 600;
77
+			}
78
+			
79
+			.alignC tr>td>span {
80
+				display: inline-block;
81
+				min-width: 90px;
82
+			}
83
+			
84
+			.btn {
85
+				margin-top: 4px;
86
+				margin-bottom: 4px;
87
+				background: #00a1cb;
88
+				color: #fff;
89
+			}
90
+			
91
+			.time-box {
92
+				display: inline-block;
93
+				position: relative;
94
+			}
95
+			
96
+			.toolLeft input {
97
+				padding-right: 30px;
98
+				width: 150px;
99
+			}
100
+			
101
+			.tub {
102
+				position: absolute;
103
+				right: 8px;
104
+				top: 5px;
105
+				font-size: 18px;
106
+				color: #00a0ca;
107
+			}
108
+			
109
+			#layui-laydate3 .layui-laydate-header {
110
+				height: 31px;
111
+				padding: 5px;
112
+			}
113
+			
114
+			.laydate-theme-molv .layui-laydate-header i,
115
+			.laydate-theme-molv .layui-laydate-header span {
116
+				top: 2px;
117
+			}
118
+			
119
+			.layui-laydate-header {
120
+				padding: 0;
121
+			}
122
+			
123
+			.laydate-theme-molv .layui-laydate-content {
124
+				height: 195px;
125
+				overflow: hidden;
126
+			}
127
+			
128
+			.laydate-month-list>li {
129
+				margin: 10px 0;
130
+			}
131
+			
132
+			.laydate-footer-btns span:hover {
133
+				color: #00a1cb;
134
+			}
135
+		</style>
136
+	</head>
137
+
138
+	<body class="gray-bg">
139
+		<div class="wrapper wrapper-content animated fadeInRight">
140
+			<div class="daoHang clearfix">
141
+				<div class="dhLeft">
142
+					<sapn>
143
+						<i class="syIcon"></i>位置:
144
+						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
145
+						<a href="javaScript:;">业务统计</a>&gt;
146
+						<a class="nowPosition">工单报表</a>
147
+					</sapn>
148
+				</div>
149
+				<div class="dhRight">
150
+					<a href="" title="刷新"><i class="fa fa-refresh"></i></a>
151
+				</div>
152
+			</div>
153
+
154
+			<div class="Content_box">
155
+				<div class="complain Shows">
156
+					<div class="tab-content">
157
+						<div class="tab-pane fade active in" id="import_from_week">
158
+							<div class="toolBar clearfix">
159
+								<div class="toolLeft">
160
+									开始时间:
161
+									<span class="time-box"><i class="tub fa fa-calendar"></i><input class="photo x-color inputs laydate-icon" type="text" id="startTimes_1" /></span> 结束时间:
162
+									<span class="time-box"><i class="tub fa fa-calendar"></i><input class="photo x-color inputs laydate-icon" type="text" id="endTimes_1" /></span>
163
+									<button class="btns search_1">查询</button>
164
+								</div>
165
+							</div>
166
+							<div id="main1">
167
+								<div class="alignC headerAlign">
168
+									<br />
169
+									<h2 style="margin-bottom: 15px;">
170
+                                    商丘市12345政府服务热线工单报表
171
+                                </h2>
172
+								</div>
173
+								<table id="weeklist" class="alignC" border="1" cellpadding="4" cellspacing="0" bordercolor="#cbcbcb">
174
+									<tbody>
175
+										<!--<tr>
176
+											<td colspan="8" class="tableHead">
177
+												话务受理情况
178
+											</td>
179
+										</tr>-->
180
+										<tr>
181
+											<td>
182
+												工单总量
183
+											</td>
184
+											<td>
185
+												<span id="totalcount">0</span>
186
+											</td>
187
+											<td>
188
+												暂存工单量
189
+											</td>
190
+											<td>
191
+												<span id="zccount">0</span>
192
+											</td>
193
+										</tr>
194
+										<tr>
195
+											<td>
196
+												在线办结量
197
+											</td>
198
+											<td>
199
+												<span id="zbcount">0</span>
200
+											</td>
201
+											<td>
202
+												网络转派量
203
+											</td>
204
+											<td>
205
+												<span id="dbcount">0</span>
206
+											</td>
207
+										</tr>
208
+										<tr>
209
+											<td>
210
+												调度已派量
211
+											</td>
212
+											<td>
213
+												<span id="ddypcount">0</span>
214
+											</td>
215
+											<td>
216
+												调度待交办量
217
+											</td>
218
+											<td>
219
+												<span id="dddjbcount">0</span>
220
+											</td>
221
+										</tr>
222
+										<tr>
223
+											<td>
224
+												未接受量
225
+											</td>
226
+											<td>
227
+												<span id="dwwjscount">0</span>
228
+											</td>
229
+											<td>
230
+												办理中
231
+											</td>
232
+											<td>
233
+												<span id="dwblzcount">0</span>
234
+											</td>
235
+										</tr>
236
+										<tr>
237
+											<td>
238
+												已办理
239
+											</td>
240
+											<td>
241
+												<span id="dwyblcount">0</span>
242
+											</td>
243
+											<td>
244
+												结案量
245
+											</td>
246
+											<td>
247
+												<span id="ddwjcount">0</span>
248
+											</td>
249
+										</tr>
250
+										<tr>
251
+											<td>
252
+												满意量
253
+											</td>
254
+											<td>
255
+												<span id="mycount">0</span>
256
+											</td>
257
+											<td>
258
+												满意率
259
+											</td>
260
+											<td>
261
+												<span id="myrate">0%</span>
262
+											</td>
263
+										</tr>
264
+										<tr>
265
+											<td>
266
+												不满意量
267
+											</td>
268
+											<td>
269
+												<span id="bmycount">0</span>
270
+											</td>
271
+											<td>
272
+												不满意率
273
+											</td>
274
+											<td>
275
+												<span id="bmyrate">0%</span>
276
+											</td>
277
+										</tr>
278
+										<tr>
279
+											<td>
280
+												及时量
281
+											</td>
282
+											<td>
283
+												<span id="dwjscount">0</span>
284
+											</td>
285
+											<td>
286
+												及时率
287
+											</td>
288
+											<td>
289
+												<span id="dwjsrate">0%</span>
290
+											</td>
291
+										</tr>
292
+										<tr>
293
+											<td>
294
+												超时量
295
+											</td>
296
+											<td>
297
+												<span id="dwcscount">0</span>
298
+											</td>
299
+											<td>
300
+												超时率
301
+											</td>
302
+											<td>
303
+												<span id="dwcsrate">0%</span>
304
+											</td>
305
+										</tr>
306
+										<tr>
307
+											<td>
308
+												延时量
309
+											</td>
310
+											<td>
311
+												<span id="dwyscount">0</span>
312
+											</td>
313
+											<td>
314
+												已回访
315
+											</td>
316
+											<td>
317
+												<span id="yhfcount">0</span>
318
+											</td>
319
+										</tr>
320
+										<tr>
321
+											<td>
322
+												退回审核
323
+											</td>
324
+											<td>
325
+												<span id="thshcount">0</span>
326
+											</td>
327
+											<td>
328
+												延时审核
329
+											</td>
330
+											<td>
331
+												<span id="ysshcount">0</span>
332
+											</td>
333
+										</tr>
334
+									</tbody>
335
+								</table>
336
+							</div>
337
+						</div>
338
+					</div>
339
+				</div>
340
+			</div>
341
+		</div>
342
+
343
+		<script>
344
+			$(document).ready(function() {
345
+				laydate.render({
346
+					theme: '#00a1cb',
347
+					trigger: 'click',
348
+					elem: '#startTimes_1',
349
+				});
350
+				laydate.render({
351
+					theme: '#00a1cb',
352
+					trigger: 'click',
353
+					elem: '#endTimes_1',
354
+				});
355
+
356
+				initTableBrief();
357
+				//搜索
358
+				$(".search_1").click(function() {
359
+					initTableBrief();
360
+				});
361
+
362
+			})
363
+			//表格
364
+			function initTableBrief() {
365
+				$.getJSON(huayi.config.callcenter_url + 'DataAnalysis/GetOrderReport', {
366
+					sdate: $('#startTimes_1').val(), //	否	string	开始时间 (2017-10-01)
367
+					edate: $('#endTimes_1').val(), //	否	string	结束时间(2017-10-31)
368
+					token: $.cookie("token")
369
+				}, function(result) {
370
+					if(result.state.toLowerCase() == "success") {
371
+						result = result.data.OrderReport;
372
+						if(result && result.length > 0) {
373
+							var res = result[0];
374
+							if(res) {
375
+								$('#totalcount').text(res.totalcount);
376
+								$('#zccount').text(res.zccount);
377
+								$('#zbcount').text(res.zbcount);
378
+								$('#dbcount').text(res.dbcount);
379
+								$('#ddypcount').text(res.ddypcount);
380
+								$('#dddjbcount').text(res.dddjbcount);
381
+								$('#dwwjscount').text(res.dwwjscount);
382
+								$('#dwblzcount').text(res.dwblzcount);
383
+								$('#dwyblcount').text(res.dwyblcount);
384
+								$('#dwjscount').text(res.dwjscount);
385
+								$('#dwjsrate').text(res.dwjsrate);
386
+								$('#dwcscount').text(res.dwcscount);
387
+								$('#dwcsrate').text(res.dwcsrate);
388
+								$('#ddwjcount').text(res.ddwjcount);
389
+								$('#mycount').text(res.mycount);
390
+				                $('#myrate').text(res.myrate);
391
+				                $('#bmycount').text(res.bmycount);
392
+				                $('#bmyrate').text(res.bmyrate);
393
+				                $('#dwyscount').text(res.dwyscount);
394
+				                $('#yhfcount').text(res.yhfcount);
395
+				                $('#thshcount').text(res.thshcount);
396
+				                $('#ysshcount').text(res.ysshcount);
397
+							}
398
+						}
399
+					}
400
+				})
401
+
402
+			}
403
+		</script>
404
+	</body>
405
+
406
+</html>