Przeglądaj źródła

修改首页 来电弹屏弹出页面 工单管理模块内嵌页面

zhangshuangnan 7 lat temu
rodzic
commit
3e5ce4e831

+ 1 - 1
CallCenterWeb.UI/ReportForm/CallerAnalysis.html

54
 					<sapn><i class="syIcon"></i>位置:
54
 					<sapn><i class="syIcon"></i>位置:
55
 						<a id="ReIndex" href="javaScript:;">首页</a>&gt;
55
 						<a id="ReIndex" href="javaScript:;">首页</a>&gt;
56
 						<a href="javaScript:;">报表分析</a>&gt;
56
 						<a href="javaScript:;">报表分析</a>&gt;
57
-						<a href="javaScript:;">话务运营分析</a>&gt;
57
+						<a href="javaScript:;">报表统计</a>&gt;
58
 						<a href="" class="nowPosition">来电分析</a>
58
 						<a href="" class="nowPosition">来电分析</a>
59
 					</sapn>
59
 					</sapn>
60
 				</div>
60
 				</div>

+ 1 - 1
CallCenterWeb.UI/ReportForm/dayData.html

54
 					<sapn><i class="syIcon"></i>位置:
54
 					<sapn><i class="syIcon"></i>位置:
55
 						<a id="ReIndex" href="javaScript:;">首页</a>&gt;
55
 						<a id="ReIndex" href="javaScript:;">首页</a>&gt;
56
 						<a href="javaScript:;">报表分析</a>&gt;
56
 						<a href="javaScript:;">报表分析</a>&gt;
57
-						<a href="javaScript:;">话务运营分析</a>&gt;
57
+						<a href="javaScript:;">报表统计</a>&gt;
58
 						<a href="" class="nowPosition">日数据量统计</a>
58
 						<a href="" class="nowPosition">日数据量统计</a>
59
 					</sapn>
59
 					</sapn>
60
 				</div>
60
 				</div>

+ 1 - 1
CallCenterWeb.UI/ReportForm/monthData.html

54
 					<sapn><i class="syIcon"></i>位置:
54
 					<sapn><i class="syIcon"></i>位置:
55
 						<a id="ReIndex" href="javaScript:;">首页</a>&gt;
55
 						<a id="ReIndex" href="javaScript:;">首页</a>&gt;
56
 						<a href="javaScript:;">报表分析</a>&gt;
56
 						<a href="javaScript:;">报表分析</a>&gt;
57
-						<a href="javaScript:;">话务运营分析</a>&gt;
57
+						<a href="javaScript:;">报表统计</a>&gt;
58
 						<a href="" class="nowPosition">月数据量统计</a>
58
 						<a href="" class="nowPosition">月数据量统计</a>
59
 					</sapn>
59
 					</sapn>
60
 				</div>
60
 				</div>

+ 21 - 2
CallCenterWeb.UI/TelCall/TimeManagement.html

21
             
21
             
22
 		</div>
22
 		</div>
23
 		<script>
23
 		<script>
24
-//			var Number = helper.request.queryString("tel");
25
-//			$('.time_iframe').attr('src','https://www.baidu.com/')
24
+			var type = helper.request.queryString("type");
25
+			var userCode=top.$('#userCode').val();
26
+			var iframe_url='';
27
+			switch (type){
28
+				case "BSCL": //报事处理
29
+				iframe_url='http://192.168.128.246/400/'
30
+					break;
31
+				case "BSHF_1": //报事一次回访
32
+				iframe_url='http://192.168.128.246/400/return.html'
33
+					break;
34
+				case "BSHF_2": //报事二次回访
35
+				iframe_url='http://192.168.128.246/400/returnVisit.html'
36
+					break;
37
+				case "BSCX_N": //报事查询——新
38
+				iframe_url='http://192.168.128.246/400/bill_query.html'
39
+					break;
40
+				case "BSCX_O": //报事查询——旧
41
+				iframe_url='http://192.168.0.78/HM/Callcenter/Call/IncidentSeach.aspx?logid='+ userCode +'&EntrySign='+ userCode +'&CorpID=1000&UserCode=000858&CustID=&Telephone='
42
+					break;
43
+			}
44
+			$('.time_iframe').attr('src', iframe_url)
26
 		</script>
45
 		</script>
27
 	</body>
46
 	</body>
28
 
47
 

+ 18 - 2
CallCenterWeb.UI/callScreen/callScreen.html

21
             
21
             
22
 		</div>
22
 		</div>
23
 		<script>
23
 		<script>
24
-			var Number = helper.request.queryString("tel");
25
-			$('.callIn_iframe').attr('src','https://www.baidu.com/?telNum='+Number)
24
+			var Number = helper.request.queryString("tel"),//来电号码
25
+				CallID = helper.request.queryString("CallID"),//callid
26
+				callType = helper.request.queryString("callType"),//业务类型
27
+				userCode=top.$('#userCode').val();//工号
28
+				if(callType){
29
+					switch (callType){
30
+						case "1":
31
+							callType=2;
32
+							break;
33
+						case "2":
34
+							callType=1;
35
+							break;
36
+						case "9":
37
+							callType=4;
38
+							break;
39
+					}
40
+				}
41
+			$('.callIn_iframe').attr('src','Http://192.168.0.78/HM/CallCenter/login1000.aspx?Username='+userCode+'&password=8e13baf517a646be785f1ca8b7438c43&callerno='+Number+'&calltype='+ callType +'&Media='+CallID)
26
 		</script>
42
 		</script>
27
 	</body>
43
 	</body>
28
 
44
 

BIN
CallCenterWeb.UI/img/hom_page_img.png


+ 1 - 0
CallCenterWeb.UI/index.html

1369
 		<input type="hidden" id="hfOtype" value="" name="hfOtype"/><!--外呼类型-->
1369
 		<input type="hidden" id="hfOtype" value="" name="hfOtype"/><!--外呼类型-->
1370
 		<input type="hidden" id="callLogid" value="" name="callLogid"/><!--置忙返回的日志ID-->
1370
 		<input type="hidden" id="callLogid" value="" name="callLogid"/><!--置忙返回的日志ID-->
1371
 		<input type="hidden" id="HdIswin" value="" name="HdIswin" value="true"/><!--判断是否是坐席-->
1371
 		<input type="hidden" id="HdIswin" value="" name="HdIswin" value="true"/><!--判断是否是坐席-->
1372
+		<input type="hidden" id="BusinessType" value="" name="BusinessType" value="true"/><!--业务类型-->
1372
     <!--OCX 结束-->
1373
     <!--OCX 结束-->
1373
 
1374
 
1374
     <script src="./js/plugins/pace/pace.min.js"></script>
1375
     <script src="./js/plugins/pace/pace.min.js"></script>

+ 10 - 129
CallCenterWeb.UI/js/newtx.js

4
 	var CallOutRecordIsWrite = false; //呼出记录是否已写入
4
 	var CallOutRecordIsWrite = false; //呼出记录是否已写入
5
 	
5
 	
6
 $(document).ready(function() {
6
 $(document).ready(function() {
7
+	
8
+	
9
+	
10
+	
11
+	
7
 	var Phone = document.getElementById("Phone");
12
 	var Phone = document.getElementById("Phone");
8
 	console.log(Phone);
13
 	console.log(Phone);
9
 	if(/mobile/i.test(navigator.userAgent) || /android/i.test(navigator.userAgent)) {
14
 	if(/mobile/i.test(navigator.userAgent) || /android/i.test(navigator.userAgent)) {
396
 		r.addClass("hide");
401
 		r.addClass("hide");
397
 	}
402
 	}
398
 
403
 
399
-	$(".add_").click(function() {
400
-		//联系人
401
-		var callCustomer = $("#callCustomer").val();
402
-		//来电号码 
403
-		var tel = $("#Tel").val();
404
-		//来电单位
405
-		var lddep = $('#lddep').val();
406
-		//反馈单位 
407
-		var fkdep = $("#fkdep").val();
408
-		///工单来源id 
409
-		var gdly = $("#DicValueList").val();
410
-		//工单类型id  
411
-		var gdlx = $("#OPID").val();
412
-		//工单状态id
413
-		var gdzt = $("#State").val();
414
-		//反馈内容 
415
-		var fkcont = $("#fkcont").val();
416
-		//快递信息
417
-		var sendmsg = $('#sendmsg').val();
418
-		//备注一 
419
-		var note1 = $("#note1").val();
420
-		//备注二 
421
-		var note2 = $("#note2").val();
422
-		//备注三
423
-		var note3 = $("#note3").val();
424
-		//callid 
425
-		var callid = $("#hidCallID").val();
426
-		//              var tskh = $("#zxr_").val(); //联系:
427
-		//              var tsdh = $("#zxdh_").val(); //咨询电话
428
-		//              var cont = $("#zxnr_").val(); //咨询内容
429
-		//              var clcont = $("#clnr_").val(); //内容
430
-		var type = "1";
431
-		if(!callCustomer) {
432
-			layer.confirm('请输入姓名!', {
433
-				btn: ['确定']
434
-			});
435
-			return;
436
-		}
437
-		if(!tel) {
438
-			layer.confirm('请输入电话!', {
439
-				btn: ['确定']
440
-			});
441
-			return;
442
-		}
443
-		if(!lddep) {
444
-			layer.confirm('请选择来电单位!', {
445
-				btn: ['确定']
446
-			});
447
-			return;
448
-		}
449
-		if(!fkdep) {
450
-			layer.confirm('请选择反馈单位!', {
451
-				btn: ['确定']
452
-			});
453
-			return;
454
-		}
455
-		if(!gdly) {
456
-			layer.confirm('请选择工单来源!', {
457
-				btn: ['确定']
458
-			});
459
-			return;
460
-		}
461
-		if(!gdlx) {
462
-			layer.confirm('请选择工单类型!', {
463
-				btn: ['确定']
464
-			});
465
-			return;
466
-		}
467
-		if(!gdzt) {
468
-			layer.confirm('请选择工单状态!', {
469
-				btn: ['确定']
470
-			});
471
-			return;
472
-		}
473
-
474
-		$.post(huayi.config.callcenter_url + 'CallInScreen/AddWorkOrder', {
475
-			callCustomer: callCustomer,
476
-			tel: tel,
477
-			lddep: lddep,
478
-			fkdep: fkdep,
479
-			gdly: gdly,
480
-			gdlx: gdlx,
481
-			gdzt: gdzt,
482
-			fkcont: fkcont,
483
-			sendmsg: sendmsg,
484
-			note1: note1,
485
-			note2: note2,
486
-			note3: note3,
487
-			callid: callid,
488
-			"token": $.cookie("token")
489
-		}, function(result) {
490
-			result = $.parseJSON(result);
491
-			if(result.state.toLowerCase() == "success") {
492
-				loadOld();
493
-				//                      $("#zxr_").val(''); //咨询人:
494
-				//                      $("#zxdh_").val(''); //咨询电话
495
-				//                      $("#zxnr_").val(''); //咨询内容
496
-				//                      $("#clnr_").val(''); //内容
497
-				$("#callCustomer").val('');
498
-				//来电号码 
499
-				$("#Tel").val('');
500
-				//来电单位
501
-				$('#lddep').val('');
502
-				//反馈单位 
503
-				$("#fkdep").val('');
504
-				///工单来源id 
505
-				$("#DicValueList").val('');
506
-				//工单类型id  
507
-				$("#OPID").val('');
508
-				//工单状态id
509
-				$("#State").val('');
510
-				//反馈内容 
511
-				$("#fkcont").val('');
512
-				//快递信息
513
-				$('#sendmsg').val('');
514
-				//备注一 
515
-				$("#note1").val('');
516
-				//备注二 
517
-				$("#note2").val('');
518
-				//备注三
519
-				$("#note3").val('');
520
-				layer.msg("创建工单成功");
521
-			}
522
-		})
523
-	})
524
-
404
+	
525
 	$('.pre-add').click(function() {
405
 	$('.pre-add').click(function() {
526
 		var par = $(this).parent().parent();
406
 		var par = $(this).parent().parent();
527
 		par.hide().siblings().show();
407
 		par.hide().siblings().show();
956
 									},function(res){
836
 									},function(res){
957
 										if(res.state.toLowerCase() == "success") {
837
 										if(res.state.toLowerCase() == "success") {
958
 											$('#callId').val(res.data.CallId);
838
 											$('#callId').val(res.data.CallId);
839
+											$('#BusinessType').val(res.data.BusinessType);
959
 											callId=res.data.CallId;
840
 											callId=res.data.CallId;
960
 										}
841
 										}
961
 									});
842
 									});
973
 //										}
854
 //										}
974
 									});
855
 									});
975
 								} catch(e) {}
856
 								} catch(e) {}
976
-								Form_callCommingCaller(telphone, $('#callId').val());
857
+								Form_callCommingCaller(telphone, $('#callId').val(),$('#BusinessType').val());
977
 							}
858
 							}
978
 							becallout = false;
859
 							becallout = false;
979
 							becallcome = true;
860
 							becallcome = true;
1015
 					console.log("话机状态:" + status);
896
 					console.log("话机状态:" + status);
1016
 				}
897
 				}
1017
 				//来电弹屏事件
898
 				//来电弹屏事件
1018
-				function Form_callCommingCaller(callerNum, callid, callednum) {
899
+				function Form_callCommingCaller(callerNum, callid, calledType) {
1019
 					becallout = false;
900
 					becallout = false;
1020
 					becallcome = true;
901
 					becallcome = true;
1021
-					var p = '<a href="javascript:;" class="active J_menuTab" data-id="./callScreen/callScreen.html?tel=' + callerNum + '&CallID=' + callid + '">来电弹屏' + callerNum + ' <i class="fa fa-times-circle"></i></a>';
902
+					var p = '<a href="javascript:;" class="active J_menuTab" data-id="./callScreen/callScreen.html?tel=' + callerNum + '&CallID=' + callid + '&callType='+ calledType +'">来电弹屏' + callerNum + ' <i class="fa fa-times-circle"></i></a>';
1022
 					$(".J_menuTab").removeClass("active");
903
 					$(".J_menuTab").removeClass("active");
1023
 //					var nif = '<iframe class="J_iframe J_iframeNew" name="iframe'+ callid  +'"  width="100%" height="100%" src="./callScreen/callScreen.html?Number=' + callerNum + '&CallID=' + callid + '&ActionID=' + data.ActionID + '" frameborder="0" data-id="./callScreen/callScreen.html?tel=' + callerNum + '&CallID=' + callid + '" seamless></iframe>';
904
 //					var nif = '<iframe class="J_iframe J_iframeNew" name="iframe'+ callid  +'"  width="100%" height="100%" src="./callScreen/callScreen.html?Number=' + callerNum + '&CallID=' + callid + '&ActionID=' + data.ActionID + '" frameborder="0" data-id="./callScreen/callScreen.html?tel=' + callerNum + '&CallID=' + callid + '" seamless></iframe>';
1024
 					var nif = '<iframe class="J_iframe J_iframeNew" name="iframe'+ callid  +'"  width="100%" height="100%" src="./callScreen/callScreen.html?Number=' + callerNum + '&CallID=' + callid + '" frameborder="0" data-id="./callScreen/callScreen.html?tel=' + callerNum + '&CallID=' + callid + '" seamless></iframe>';
905
 					var nif = '<iframe class="J_iframe J_iframeNew" name="iframe'+ callid  +'"  width="100%" height="100%" src="./callScreen/callScreen.html?Number=' + callerNum + '&CallID=' + callid + '" frameborder="0" data-id="./callScreen/callScreen.html?tel=' + callerNum + '&CallID=' + callid + '" seamless></iframe>';

+ 45 - 731
CallCenterWeb.UI/widgets.html

1
 <!DOCTYPE html>
1
 <!DOCTYPE html>
2
-<html>
2
+<html lang="zh">
3
 <head>
3
 <head>
4
-    <meta charset="utf-8">
5
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
-    <script src="./Script/Common/huayi.load.js"></script>
7
-    <script src="./Script/Common/huayi.config.js"></script>
8
-    <style>
9
-        * {
10
-            font-family: "微软雅黑";
11
-        }
12
-
13
-        @font-face {
14
-            font-family: 'iconfont';
15
-            src: url('fonts/iconfont.eot');
16
-            /* IE9*/
17
-            src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
18
-            url('fonts/iconfont.woff') format('woff'), /* chrome、firefox */
19
-            url('fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
20
-            url('fonts/iconfont.svg#iconfont') format('svg');
21
-            /* iOS 4.1- */
22
-        }
23
-
24
-        .iconfont {
25
-            font-family: "iconfont";
26
-            font-size: 25px;
27
-            font-style: normal;
28
-        }
29
-
30
-        .fl {
31
-            float: left;
32
-        }
33
-
34
-        .fr {
35
-            float: right;
36
-        }
37
-
38
-        .bc {
39
-            background-color: #F5F5F5;
40
-            border: 2px solid #EBEBEB;
41
-            padding: 25px 20px;
42
-        }
43
-
44
-        .size-14 {
45
-            font-size: 14px;
46
-            font-weight: normal;
47
-        }
48
-
49
-        .ba {
50
-            background-color: #F5F5F5;
51
-            border: 2px solid #EBEBEB;
52
-            padding: 0px;
53
-        }
54
-
55
-        .left_box {
56
-            background-color: #FFFFFF;
57
-        }
58
-
59
-        .rows {
60
-            display: -webkit-box;
61
-        }
62
-
63
-        .lazur {
64
-            color: #23c6c8;
65
-        }
66
-
67
-        .bottom_line {
68
-            border-bottom: 2px solid #CCCCCC;
69
-        }
70
-
71
-        .clear {
72
-            margin: 0;
73
-            padding: 0;
74
-            margin-top: 2%;
75
-        }
76
-
77
-        .widgets {
78
-            padding: 15px 20px;
79
-            margin-bottom: 25px;
80
-            margin-top: 35px;
81
-        }
82
-        /*.ss{
83
-
84
-                background: url(img/huan.png) no-repeat;
85
-                background-size: contain;
86
-                background-position: center;
87
-                margin-left: 20px;
88
-
89
-            }*/
90
-        .fenxian {
91
-            border: 2px solid #CCCCCC;
92
-            margin-bottom: 10px;
93
-            display: inherit;
94
-            position: absolute;
95
-            width: 100%;
96
-            TOP: 50%;
97
-        }
98
-
99
-        .left1 {
100
-            LEFT: 15px;
101
-        }
102
-
103
-        .left2 {
104
-            right: 15px;
105
-        }
106
-
107
-        .rowTitle {
108
-            position: absolute;
109
-            font-size: 16px;
110
-            top: 40px;
111
-            left: 45px;
112
-            font-weight: 800;
113
-            padding-bottom: 10px;
114
-            border-bottom: 2px solid #CCCCCC;
115
-            letter-spacing: 4px;
116
-        }
117
-
118
-        .num_box {
119
-            background-color: #fefefe;
120
-            border: 1px solid #EBEBEB;
121
-            border-radius: 5px;
122
-            margin-top: 10px;
123
-            -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
124
-            height: 318px;
125
-        }
126
-
127
-        .size-16 {
128
-            font-size: 16px !important;
129
-        }
130
-
131
-        .size-14 {
132
-            font-size: 14px !important;
133
-        }
134
-
135
-        .size-15 {
136
-            font-size: 15px !important;
137
-        }
138
-
139
-        .size-12 {
140
-            font-size: 12px !important;
141
-        }
142
-
143
-        .min_bottom {
144
-            margin-bottom: 5px !important;
145
-        }
146
-
147
-        .fa-4x {
148
-            font-size: 3em;
149
-            color: #FFFFFF;
150
-            background-color: #67cdcb;
151
-            padding: 10px;
152
-            border-radius: 5px;
153
-        }
154
-
155
-        .bg_green {
156
-            background: -webkit-linear-gradient(left, #accafd, #b8dcfc);
157
-            background: -moz-linear-gradient(left, #accafd, #b8dcfc);
158
-            background: -o-linear-gradient(left, #accafd, #b8dcfc);
159
-            background: -webkit-gradient(linear, 100% 0, 0 0, from(#b8dcfc), to(#accafd));
160
-            background: linear-gradient(left, #accafd, #b8dcfc); /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */ /* 标准的语法 */
161
-        }
162
-
163
-        .bg_blue { /* Safari 5.1 - 6.0 */
164
-            background: -webkit-linear-gradient(left, #f26997, #f080ce);
165
-            background: -moz-linear-gradient(left, #f26997, #f080ce);
166
-            background: -o-linear-gradient(left, #f26997, #f080ce);
167
-            background: -webkit-gradient(linear, 100% 0, 0 0, from(#f080ce), to(#f26997));
168
-            background: linear-gradient(left, #f26997, #f080ce); /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */ /* 标准的语法 */
169
-        }
170
-
171
-        .bg_red {
172
-            background: -webkit-linear-gradient(left, #fbc356, #fa9182);
173
-            background: -moz-linear-gradient(left, #fbc356, #fa9182);
174
-            background: -o-linear-gradient(left, #fbc356, #fa9182);
175
-            background: -webkit-gradient(linear, 100% 0, 0 0, from(#fa9182), to(#fbc356));
176
-            background: linear-gradient(left, #fbc356, #fa9182); /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */ /* 标准的语法 */
177
-        }
178
-
179
-        .bg_black {
180
-            background: -webkit-linear-gradient(left, #88eec0, #8bdedd);
181
-            background: -moz-linear-gradient(left, #88eec0, #8bdedd);
182
-            background: -o-linear-gradient(left, #88eec0, #8bdedd);
183
-            background: -webkit-gradient(linear, 100% 0, 0 0, from(#8bdedd), to(#88eec0));
184
-            background: linear-gradient(left, #88eec0, #8bdedd); /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */ /* 标准的语法 */
185
-        }
186
-
187
-        .bg_wj {
188
-            background: -webkit-linear-gradient(left, #6c77da, #7351ac);
189
-            background: -moz-linear-gradient(left, #6c77da, #7351ac);
190
-            background: -o-linear-gradient(left, #6c77da, #7351ac);
191
-            background: -webkit-gradient(linear, 100% 0, 0 0, from(#7351ac), to(#6c77da));
192
-            background: linear-gradient(left, #6c77da, #7351ac); /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */ /* 标准的语法 */
193
-        }
194
-
195
-        .jg {
196
-            letter-spacing: 2px;
197
-            margin-top: -3px;
198
-            font-weight: bolder;
199
-        }
200
-
201
-        .mt {
202
-            margin-top: 10px;
203
-        }
204
-
205
-        .ibox-content {
206
-            padding: 20px 20px 95px;
207
-            background-color: #fefefe;
208
-            border: 1px solid #EBEBEB;
209
-            border-radius: 5px;
210
-            -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
211
-            box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
212
-        }
213
-
214
-        .size-20 {
215
-            font-size: 20px;
216
-            color: #4078ad;
217
-        }
218
-
219
-        .border_top {
220
-            border-top: none;
221
-        }
222
-        /*.margin-tops{
223
-                margin-top:-50px;
224
-            }*/
225
-        .padding-left-min {
226
-            padding-left: 0;
227
-            padding-top: 5px;
228
-        }
229
-
230
-        .mins-left {
231
-            padding-left: 30px;
232
-            padding-right: 0;
233
-        }
234
-
235
-        .widget h2, .widget h3 {
236
-            margin-top: 0px;
237
-        }
238
-
239
-        .col-sm-2 {
240
-            width: 20%;
241
-        }
242
-
243
-        .col-sm-4 {
244
-            width: 29%;
245
-        }
246
-
247
-        .min_right {
248
-            margin-right: 15px;
249
-        }
250
-
251
-        .col-xs-3 {
252
-            padding-left: 5px;
253
-        }
254
-
255
-        .huan {
256
-            background: url(./img/huan.png)no-repeat;
257
-        }
258
-
259
-        .min-padding {
260
-            padding-bottom: 10px;
261
-            padding-top: 10px;
262
-            border-bottom-width: 1px;
263
-            border-radius: 5px !important;
264
-            padding-left: 10px;
265
-            padding-right: 5px;
266
-        }
267
-
268
-        .progress {
269
-            height: 5px;
270
-            background-color: #CCCCCC;
271
-        }
272
-
273
-        .progress-bar-ff {
274
-            background-color: #FFF;
275
-        }
276
-
277
-        .ff {
278
-            color: #FFFFFF;
279
-        }
280
-
281
-        .c-bottom {
282
-            margin-top: 5px;
283
-        }
284
-
285
-        .bg-purple {
286
-            background: -ms-linear-gradient(right, #ea76dd,#8a9cf4);
287
-            background: -webkit-gradient(linear, 100% 0, 0 0, from(#ea76dd), to(#8a9cf4));
288
-            background: -webkit-linear-gradient(right, #ea76dd, #8a9cf4);
289
-            background: -moz-linear-gradient(right, #ea76dd, #8a9cf4);
290
-            background: -o-linear-gradient(right, #ea76dd, #8a9cf4);
291
-            background: linear-gradient(right, #ea76dd, #8a9cf4);
292
-            background: #ea76dd; /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */ /* 标准的语法 */
293
-        }
294
-
295
-        .bg-blues {
296
-            background: -ms-linear-gradient(right, #67aefe,#67aefe);
297
-            background: -webkit-linear-gradient(right, #67aefe, #67aefe);
298
-            background: -moz-linear-gradient(right, #67aefe, #7bd7fe);
299
-            background: -o-linear-gradient(right, #67aefe, #7bd7fe);
300
-            background: -webkit-gradient(linear, 100% 0, 0 0, from(#67aefe), to(#7bd7fe));
301
-            background: linear-gradient(right, #67aefe, #7bd7fe);
302
-            background: #67aefe; /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */ /* 标准的语法 */
303
-        }
304
-
305
-        .bg-yellow {
306
-            background: -ms-linear-gradient(right,#f95a84,#f86953);
307
-            background: -webkit-linear-gradient(right, #f95a84, #f86953);
308
-            background: -moz-linear-gradient(right, #f95a84, #f86953);
309
-            background: -o-linear-gradient(right, #f95a84, #f86953);
310
-            background: -webkit-gradient(linear, 100% 0, 0 0, from(#f95a84), to(#f86953));
311
-            background: linear-gradient(right, #f95a84, #f86953);
312
-            background: #f95a84; /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */ /* 标准的语法 */
313
-        }
314
-        /*.p-xl{
315
-            border-width: 5px;
316
-            border-style: solid;
317
-            border-color: #69cbd0  #69cbd0 #be8bd6   #47bde3 ;
318
-            border-radius: 50%;
319
-        }*/
320
-        .c-bottom {
321
-            width: 29%;
322
-            overflow: hidden;
323
-            margin-right: 5px;
324
-            float: left;
325
-        }
326
-
327
-            .c-bottom ul {
328
-                overflow: hidden;
329
-                width: 100%;
330
-                padding-left: 0px;
331
-                list-style: none;
332
-                margin-top: 3px;
333
-                cursor: pointer;
334
-            }
335
-        .Text{
336
-        	width: 100%;
337
-        	text-align: center;
338
-        }
339
-    </style>
4
+	<meta charset="UTF-8" />
5
+	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
7
+	<title>首页</title>
8
+	<link rel="stylesheet" href="css/animate.min.css" />
9
+	<link rel="stylesheet" href="css/bootstrap.min.css" />
10
+	<style>
11
+		.home_page{
12
+			width: 298px;
13
+			margin: 20% auto 0 auto;
14
+			text-align: center;
15
+			color: #333333;
16
+		}
17
+		.home_page img{
18
+			width: 298px;
19
+			height: 94px;
20
+		}
21
+		.home_page h1{
22
+			font-size: 14px;
23
+			margin-top: 26px;
24
+			margin-bottom: 18px;			
25
+		}
26
+		.home_page p{
27
+			font-size: 12px;
28
+			padding: 0;
29
+			margin: 0;
30
+		}
31
+		.home_page p a{
32
+			color: #249fea;
33
+		}
34
+	</style>
340
 </head>
35
 </head>
341
-<body class="gray-bg">
342
-    <div class="wrapper wrapper-content animated fadeInRight">
343
-        <div class="row">
344
-            <div class="col-sm-2">
345
-                <div class="widget style1 bc">
346
-                    <div class="row">
347
-                        <div class="col-xs-3 text-center">
348
-                            <i class="fa iconfont fa-4x bg_black">&#xe732;</i>
349
-                        </div>
350
-                        <div class="col-xs-9 text-left mins-left">
351
-                            <h2 class="size-16 jg min_bottom"> 今日来电 </h2>
352
-                            <h2 class="font-bold size-15 min_bottom">26</h2>
353
-                            <h3 class="font-bold size-12 ">总时长:120000M</h3>
354
-                        </div>
355
-                    </div>
356
-                </div>
357
-            </div>
358
-            <div class="col-sm-2">
359
-                <div class="widget style1 bc ">
360
-                    <div class="row">
361
-                        <div class="col-xs-3">
362
-                            <i class="fa iconfont fa-4x bg_green">&#xe735;</i>
363
-                        </div>
364
-                        <div class="col-xs-9 text-left mins-left">
365
-                            <h2 class="size-16 jg min_bottom"> 今日去电 </h2>
366
-                            <h2 class="font-bold     size-15 min_bottom">26</h2>
367
-                            <h3 class="font-bold size-12 ">总时长:120000M</h3>
368
-                        </div>
369
-                    </div>
370
-                </div>
371
-            </div>
372
-            <div class="col-sm-2">
373
-                <div class="widget style1 bc">
374
-                    <div class="row">
375
-                        <div class="col-xs-3">
376
-                            <i class="fa iconfont fa-4x bg_blue">&#xe606;</i>
377
-                        </div>
378
-                        <div class="col-xs-9 text-left mins-left">
379
-                            <h2 class="size-16 jg min_bottom"> 本月来电 </h2>
380
-                            <h2 class="font-bold size-15 min_bottom">26</h2>
381
-                            <h3 class="font-bold size-12 ">总时长:120000M</h3>
382
-                        </div>
383
-                    </div>
384
-                </div>
385
-            </div>
386
-            <div class="col-sm-2">
387
-                <div class="widget style1 bc ">
388
-                    <div class="row">
389
-                        <div class="col-xs-3">
390
-                            <i class="fa iconfont fa-4x bg_red">&#xe61f;</i>
391
-                        </div>
392
-                        <div class="col-xs-9 text-left mins-left">
393
-                            <h2 class="size-16 jg min_bottom"> 本月去电 </h2>
394
-                            <h2 class="font-bold size-15 min_bottom">26</h2>
395
-                            <h3 class="font-bold size-12 ">总时长:120000M</h3>
396
-                        </div>
397
-                    </div>
398
-                </div>
399
-            </div>
400
-            <div class="col-sm-2">
401
-                <div class="widget style1 bc ">
402
-                    <div class="row">
403
-                        <div class="col-xs-3">
404
-                            <i class="fa iconfont fa-4x bg_wj">&#xe61f;</i>
405
-                        </div>
406
-                        <div class="col-xs-9 text-left mins-left">
407
-                            <h2 class="size-16 jg min_bottom"> 未接来电</h2>
408
-                            <h2 class="font-bold size-15 min_bottom">26</h2>
409
-                        </div>
410
-                    </div>
411
-                </div>
412
-            </div>
413
-        </div>
414
-        <div class="row">
415
-            <div class="col-sm-8  " style="width: 60%;">
416
-                <div class="left_box rows num_box">
417
-                    <b class="rowTitle">工单信息</b>
418
-                    <div style="margin-top: 30px; width: 100%;">
419
-                        <div class="col-md-3 clear">
420
-                            <div class="widgets  p-xl  ss" id="hx" style="height: 300px;">
421
-                                <!--<div style="margin-bottom: 50px;">
422
-                                <h2 class="text-center">
423
-                                    <span class="lazur size-14">总计</span>
424
-                                </h2>
425
-                                <h2 class="m-xs text-center size-14">100000000</h2>
426
-                                </div>-->
427
-                            </div>
428
-
429
-                        </div>
430
-                        <div class="col-md-9 clear">
431
-                            <div class="widgets  p-xl  border_left" style="margin-top: 60px;">
432
-                                <div class="col-sm-4" style="margin-right: 5px;">
433
-                                    <div class="row bc min-padding bg-blues">
434
-                                        <h3 class="ff"><span>300</span>单</h3>
435
-                                        <div class="progress">
436
-                                            <div class="progress-bar progress-bar-ff" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 30%;">
437
-                                            </div>
438
-                                        </div>
439
-                                    </div>
440
-
441
-                                </div>
442
-                                <div class="col-sm-4 ">
443
-                                    <div class="row bc min-padding bg-purple">
444
-                                        <h3 class="ff"><span>300</span>单</h3>
445
-                                        <div class="progress">
446
-                                            <div class="progress-bar progress-bar-ff" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 30%;">
447
-                                            </div>
448
-                                        </div>
449
-                                    </div>
450
-
451
-                                </div>
452
-                                <div class="col-sm-4" style="margin-right: 5px;">
453
-                                    <div class="row bc min-padding bg-yellow">
454
-                                        <h3 class="ff"><span>300</span>单</h3>
455
-                                        <div class="progress">
456
-                                            <div class="progress-bar progress-bar-ff" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 30%;">
457
-                                            </div>
458
-                                        </div>
459
-                                    </div>
460
-
461
-                                </div>
462
-                                <div class="c-bottom ">
463
-                                    <ul class="c-b-ul">
464
-                                        <li class="fl Text">今日完成量</li>
465
-                                    </ul>
466
-                                </div>
467
-                                <div class="c-bottom ">
468
-                                    <ul class="c-b-ul">
469
-                                        <li class="fl Text">今日待完成量</li>
470
-                                    </ul>
471
-                                </div>
472
-                                <div class="c-bottom ">
473
-                                    <ul class="c-b-ul ">
474
-                                        <li class="fl Text">本月待完成量</li>
475
-                                    </ul>
476
-                                </div>
477
-                            </div>
478
-                        </div>
479
-                    </div>
480
-                </div>
481
-            </div>
482
-            <div class="col-sm-4" style="width: 40%;">
483
-                <div class="ibox float-e-margins mt">
484
-                    <div class="ibox-content">
485
-                        <div class="flot-chart">
486
-                            <div class="flot-chart-content" id="flot-pie-chart" style="height: 300px;width: 110%;"></div>
487
-                        </div>
488
-                    </div>
489
-                </div>
490
-            </div>
491
-        </div>
492
-        <div class="row">
493
-            <div class="col-sm-12">
494
-                <div class="ibox-content">
495
-                    <div class="ibox float-e-margins">
496
-                        <div class="ibox-title border_top padding-left-min">
497
-                            <div class="ibox-tools margin-tops">
498
-                                <h3>去年同月相比<strong> ↑ 4.3%</strong></h3>
499
-                                <!-- <h3 class="size-20">↑ <strong>4.3%</strong></h3>-->
500
-                            </div>
501
-                        </div>
502
-                        <div style="width: 100%;">
503
-                            <div class="flot-chart-content" id="flot-line-chart" style='height: 400px;'></div>
504
-                        </div>
505
-                    </div>
506
-                </div>
507
-            </div>
508
-        </div>
36
+<body>
37
+    <div class="container animated fadeInRight">
38
+    	<div class="home_page">
39
+    		<img src="img/hom_page_img.png" alt="图片" />
40
+    		<h1>鑫苑物业呼叫中心系统</h1>
41
+    		<!--<p>
42
+    			联系我们请咨询 
43
+    			&nbsp;&nbsp;<a href="javascript:;">在线客服</a>&nbsp;&nbsp;
44
+    			或致电  
45
+    			<a href="javascript:;">400-555-9999</a>
46
+    		</p>-->
47
+    	</div>
509
     </div>
48
     </div>
510
-    <script src="./js/jquery-ui-1.10.4.min.js"></script>
511
-    <script src="./js/content.min.js?v=1.0.0"></script>
512
-    <script src="./js/echarts.common.min.js"></script>
513
-    <!--<script src="js/highcharts.js"></script>
514
-    <script src="js/highcharts/highcharts-zh_CN.js"></script>-->
515
-    <script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
516
-    <script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
517
-    <script>
518
-        var inval;
519
-        $(document).ready(function () {
520
-            teltotal();
521
-            telhour();
522
-//          telday();
523
-//          worktotal();
524
-            if (inval) {
525
-                clearInterval(inval);
526
-            }
527
-//          inval = setInterval(function () { teltotal(); telhour(); telday(); worktotal(); }, huayi.config.indextime);
528
-            inval = setInterval(function () { teltotal(); telhour(); }, huayi.config.indextime);
529
-        })
530
-        function teltotal() {
531
-            $.getJSON(huayi.config.callcenter_url + 'Index/GetTelRecordsTotal', { "token": $.cookie("token") }, function (result) {
532
-                if (result.state.toLowerCase() == "success") {
533
-                    $(".style1").eq(0).find("h2").eq(1).text(result.data.dayin.count);
534
-                    $(".style1").eq(0).find("h3").text("总时长:" + result.data.dayin.totaltime + "");
535
-                    $(".style1").eq(1).find("h2").eq(1).text(result.data.dayout.count);
536
-                    $(".style1").eq(1).find("h3").text("总时长:" + result.data.dayout.totaltime + "");
537
-                    $(".style1").eq(2).find("h2").eq(1).text(result.data.monin.count);
538
-                    $(".style1").eq(2).find("h3").text("总时长:" + result.data.monin.totaltime + "");
539
-                    $(".style1").eq(3).find("h2").eq(1).text(result.data.monout.count);
540
-                    $(".style1").eq(3).find("h3").text("总时长:" + result.data.monout.totaltime + "");
541
-                    $(".style1").eq(4).find("h2").eq(1).text(result.data.daynocon);
542
-                }
543
-            })
544
-        }
545
-        //图一
546
-        var myChart1 = echarts.init(document.getElementById('flot-pie-chart'));
547
-        var option1 = {
548
-
549
-            tooltip: {},
550
-
551
-            xAxis: {
552
-                data: ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", ],
553
-                axisLabel: {
554
-                    interval: 0,//横轴信息全部显示
555
-                    rotate: -0,//-30度角倾斜显示
556
-                }
557
-            },
558
-            yAxis: {},
559
-            series: [{
560
-                name: '业绩',
561
-                type: 'bar',
562
-                itemStyle: {
563
-                    normal: {
564
-                        color: '#d5d5d5'
565
-                    }
566
-                },
567
-                barGap: '-100%',
568
-                barMaxWidth: '100',
569
-                data: [51, 30, 40, 25, 80, 40, 42, 86, 50, 26, 12, 30, 55, 15, 18, 55, 28, 26, 50, 46, 98, 66, 50, 85]
570
-            }, {
571
-                name: '销量',
572
-                type: 'bar',
573
-                itemStyle: {
574
-                    normal: {
575
-                        color: '#7abf62'
576
-                    }
577
-                },
578
-                barMaxWidth: '100',
579
-                data: [5, 20, 36, 10, 15, 20, 28, 36, 20, 36, 5, 20, 36, 10, 15, 20, 28, 36, 20, 36, 88, 46, 30, 45]
580
-            }]
581
-        };
582
-
583
-        function telhour() {
584
-            $.getJSON(huayi.config.callcenter_url + 'Index/GetTelRecordsByHour', { "token": $.cookie("token") }, function (result) {
585
-                if (result.state.toLowerCase() == "success") {
586
-                    option1.series[0].data = result.data.total;
587
-                    option1.series[1].data = result.data.count;
588
-                    myChart1.setOption(option1);
589
-                }
590
-            })
591
-        }
592
-        //myChart.setOption(option);
593
-        //图3
594
-        var option3={
595
-
596
-            title: {
597
-                text: '本月话务量及工单量折线图',
598
-                x: -20
599
-            },
600
-            xAxis: {
601
-                labels: {
602
-                    style: {
603
-                        color: '#19a0f5',//颜色
604
-                        fontSize: '12px'  //字体
605
-                    }
606
-                },
607
-                categories: ['01日', '02日', '03日', '04日', '05日', '06日', '07日', '08日', '09日', '10日', '11日', '12日', '13日', '14日', '15日', '16日', '17日', '18日',
608
-                '19日', '20日', '21日', '22日', '23日', '24日', '25日',
609
-                '26日', '27日', '28日', '29日', '30日', '31日']
610
-            },
611
-            yAxis: {
612
-
613
-                title: {
614
-                    text: '单位',
615
-                    rotation: 0,
616
-                    y: -180,
617
-                    style: {
618
-                        color: '#19a0f5',//颜色
619
-                        fontSize: '16px'  //字体
620
-                    }
621
-                },
622
-                labels: {
623
-                    style: {
624
-                        color: '#19a0f5',//颜色
625
-                        fontSize: '14px'  //字体
626
-                    }
627
-                },
628
-                plotLines: [{
629
-                    value: 0,
630
-                    width: 1,
631
-                    color: '#808080'
632
-                }]
633
-            },
634
-            tooltip: {
635
-                valueSuffix: '单'
636
-            },
637
-            legend: {
638
-                align: 'right',
639
-                verticalAlign: 'top',
640
-                x: 0,
641
-                y: 0
642
-            },
643
-            credits: {
644
-                enabled: false
645
-            },
646
-            series: [{
647
-                name: '工单量',
648
-                data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3,
649
-                13.9, 9.6, 21.5, 25.2, 26.5, 23.3, 6.9, 9.5, 14.5, 18.2,
650
-                14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 9.6, 21.5, 25.2],
651
-                color: '#ffaaac'
652
-            }, {
653
-                name: '话务量',
654
-                data: [2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1,
655
-                8.6, 2.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 9.6,
656
-                13.9, 9.6, 21.5, 25.2, 26.5, 23.3, 6.9, 9.5, 18.2, 21.5, 25.2
657
-                ],
658
-                color: '#d8e7ef'
659
-            }]
660
-
661
-        };
662
-        function telday() {
663
-            $.getJSON(huayi.config.callcenter_url + 'Index/GetWorkTelByDay', { "token": $.cookie("token") }, function (result) {
664
-                if (result.state.toLowerCase() == "success") {
665
-                    $(".ibox-tools h3 strong").text(result.data.bl);
666
-                    option3.xAxis.categories = result.data.col;
667
-                    option3.series[0].data = result.data.worktotal;
668
-                    option3.series[1].data = result.data.teltotal;
669
-                    var chart3 = new Highcharts.Chart('flot-line-chart', option3);
670
-                }
671
-            })
672
-        }
673
-
674
-        //图2
675
-        var myChart2 = echarts.init(document.getElementById('hx'));
676
-        var option2 = {
677
-
678
-            title: {
679
-                text: '总计',
680
-                subtext: '10000',
681
-                x: 'center',
682
-                y: 60,
683
-                textStyle: {
684
-                    fontWeight: 'normal',
685
-                    fontSize: 16
686
-                }
687
-            },
688
-            color: ['#bf8bd5', '#68cbcf'],
689
-            series: [{
690
-                type: 'pie',
691
-                radius: ['50%', '80%'],
692
-                center: ['50%', '30%'],
693
-                avoidLabelOverlap: false,
694
-                hoverAnimation: false,
695
-                label: {
696
-                    normal: {
697
-                        show: false,
698
-                        position: 'center',
699
-                        formatter: "",
700
-                    },
701
-                    emphasis: {
702
-                        show: true,
703
-                        textStyle: {
704
-                            fontSize: '14',
705
-                            fontWeight: 'bold'
706
-                        }
707
-                    }
708
-                },
709
-                labelLine: {
710
-                    normal: {
711
-                        show: false
712
-                    }
713
-                },
714
-                data: [
715
-                    { value: 335, name: '直接访问' },
716
-                    { value: 210, name: '邮件营销' }
717
-                ]
718
-            }]
719
-        };
720
-        function worktotal() {
721
-            $.getJSON(huayi.config.callcenter_url + 'Index/GetWorkTotal', { "token": $.cookie("token") }, function (result) {
722
-                if (result.state.toLowerCase() == "success") {
723
-                    option2.title.subtext = result.data.daywc * 1 + result.data.daywwc * 1;
724
-                    option2.series[0].data = [{ value: result.data.daywwc, name: '今日待完成量' }, { value: result.data.daywc, name: '今日完成量' }]
725
-                    $(".bg-blues h3").find("span").text(result.data.daywc);
726
-                    $(".bg-purple h3").find("span").text(result.data.daywwc);
727
-                    $(".bg-yellow h3").find("span").text(result.data.monwwc);
728
-                    myChart2.setOption(option2);
729
-                }
730
-            })
731
-        }
732
-    </script>
733
 
49
 
734
 </body>
50
 </body>
735
-<!-- Mirrored from www.zi-han.net/theme/hplus/widgets.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:01 GMT -->
736
-
737
-</html>
51
+</html>