Главная Обзор Помощь
Регистрация Войти
yuqian
/
ZYKJ_UI
Следить 1
В избранное 0
Ответвить 0
Код Обсуждения 0 Запросы на слияние 0 Коммиты 185 Релизы 0 Вики
Просмотр исходного кода

修改 坐席日通话时长报表

zhangshuangnan лет назад: 7
Родитель
8f6b73b052
Сommit
cd8d3cd572
1 измененных файлов с 135 добавлено и 126 удалено
Разделённый вид Показать статистику Diff
  1. 135 126
      CallCenterWeb.UI/zuoXiTime.html

+ 135 - 126
CallCenterWeb.UI/zuoXiTime.html
Просмотреть файл 

@@ -1,5 +1,6 @@
1 1 
 <!DOCTYPE html>
2 2 
 <html>
3 
+
3 4 
 	<head>
4 5 
 		<meta charset="utf-8">
5 6 
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
@@ -9,7 +10,7 @@
9 10 
     <meta http-equiv="refresh" content="0;ie.html" />
10 11 
     <![endif]-->
11 12 
 		<script src="Script/Common/huayi.load.js"></script>
12 
-        <script src="Script/Common/huayi.config.js"></script>
13 
+		<script src="Script/Common/huayi.config.js"></script>
13 14 
 		<link href="./css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
14 15 
 		<link href="./css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
15 16 
 		<link href="./css/animate.min.css" rel="stylesheet">
 
@@ -18,84 +19,92 @@
18 19 
 		<link rel="stylesheet" href="./css/init.css" />
19 20 
 		<style>
20 21 
 			.clearfix:after {
21 
-			    content: "";
22 
-			    display: block;
23 
-			    clear: both;
22 
+				content: "";
23 
+				display: block;
24 
+				clear: both;
24 25 
 			}
25 
-			.kpi-top{
26 
-				    background: #f3f3f4;
27 
-			     	height: 60px;
28 
-			    	padding: 10px 20px;
26 
+
27 
+			.kpi-top {
28 
+				background: #f3f3f4;
29 
+				height: 60px;
30 
+				padding: 10px 20px;
29 31 
 			}
30 
-			.topCon{
32 
+
33 
+			.topCon {
31 34 
 				float: right;
32 35 
 				margin-right: 45px;
33 36 
 			}
34 
-			.kpi-content h2{
37 
+
38 
+			.kpi-content h2 {
35 39 
 				font-size: 18px;
36 40 
 				margin-bottom: 20px;
37 
-		   }
38 
-			.topCon input{
41 
+			}
42 
+
43 
+			.topCon input {
39 44 
 				width: 128px;
40 
-				    padding: 2px 2PX 2PX 10PX;
41 
-				    height: 28px;
42 
-				    border: 1px solid #ebebeb;
43 
-				    color: #1ab394;
44 
-				    outline: none;
45 
-				    vertical-align: middle;
45 
+				padding: 2px 2PX 2PX 10PX;
46 
+				height: 28px;
47 
+				border: 1px solid #ebebeb;
48 
+				color: #1ab394;
49 
+				outline: none;
50 
+				vertical-align: middle;
46 51 
 			}
47 
-
48 
-			.kpi-content{
52 
+
53 
+			.kpi-content {
49 54 
 				width: 90%;
50 55 
 				margin: 0 auto;
51 
-
52 56 
 			}
53 
-				.kpi-table table{
54 
-					font-size: 12px;
55 
-				}
56 
-		    .kpi-table table thead tr td {
57 
-				    background: #1ab394;
58 
-				    color: #fff;
59 
-				    font-size: 14px;
57 
+
58 
+			.kpi-table table {
59 
+				font-size: 12px;
60 60 
 			}
61 61
62 
+			.kpi-table table thead tr td {
63 
+				background: #1ab394;
64 
+				color: #fff;
65 
+				font-size: 14px;
66 
+			}
62 67 
 		</style>
63 68 
 	</head>
69 
+
64 70 
 	<body class="gray-bg" style="background: #fefefe;">
65 71 
 		<div class="hwkpi">
66 72 
 			<div class="daoHang clearfix">
67 
-					<div class="dhLeft">
68 
-					<sapn><i class="syIcon"></i>位置：<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">报表分析</a>&gt;<a href="javaScript:;">员工考核分析</a>&gt;<a href="" style="color: #000;">坐席日通话时长报表</a></sapn>
73 
+				<div class="dhLeft">
74 
+					<sapn><i class="syIcon"></i>位置：
75 
+						<a id="ReIndex" href="javaScript:;">首页</a>&gt;
76 
+						<a href="javaScript:;">报表分析</a>&gt;
77 
+						<a href="javaScript:;">员工考核分析</a>&gt;
78 
+						<a href="" style="color: #000;">坐席日通话时长报表</a>
79 
+					</sapn>
69 80 
 				</div>
70 81 
 			</div>
71 82 
 			<div class="kpi-top clearfix">
72 83 
 				<div class="topCon">
73 84 
 					查询时间：
74 
-				    <input type="text" class="laydate-icon" id="startTime"/>
75 
-					至
76 
-					<input type="text" class="laydate-icon" id="endTime"/>
85 
+					<input type="text" class="laydate-icon" id="startTime" /> 至
86 
+					<input type="text" class="laydate-icon" id="endTime" />
77 87 
 					<button class="btns sear">搜索</button>
78 88 
 					<a class="btns export ">导出</a>
79 89 
 				</div>
80 90 
 			</div>
81 
-
91 
+
82 92 
 			<div class="kpi-content">
83 93 
 				<div class="kpi-table">
84 
-						<h2 style="text-align: center;">坐席日通话时长报表</h2>
94 
+					<h2 style="text-align: center;">坐席日通话时长报表</h2>
85 95
86 
-						<table class="table table-bordered text-center table-hover thTable" style="width: 100%;">
87 
-	          		<thead>
88 
-	          			<tr>
89 
-
90 
-	          		</tr>
91 
-	          		</thead>
92 
-	          		<tbody class="tbody">
93 
-
94 
-	          		</tbody>
95 
-	          	</table>
96 
+					<table class="table table-bordered text-center table-hover thTable" style="width: 100%;">
97 
+						<thead>
98 
+							<tr>
99 
+
100 
+							</tr>
101 
+						</thead>
102 
+						<tbody class="tbody">
103 
+
104 
+						</tbody>
105 
+					</table>
96 106 
 				</div>
97 
-
98 
-
107 
+
99 108 
 			</div>
100 109 
 		</div>
101 110 
 
@@ -103,99 +112,99 @@
103 112 
 		<script src="./js/bootstrap.min.js?v=3.3.6"></script>
104 113 
 		<script src="./js/jquery.cookie.js"></script>
105 114 
 		<script src="./css/laydate/laydate.js"></script>
106 
-
115 
+
107 116 
 		<script>
108 
-			$(function(){
117 
+			$(function() {
109 118 
 				var token = $.cookie("token");
110 
-				  laydate.skin('molv');
119 
+				laydate.skin('molv');
111 120 
 				laydate({
112 121 
 					elem: '#startTime',
113 122 
 					event: 'focus',
114 
-					format: 'YYYY-MM-DD', // 分隔符可以任意定义，该例子表示只显示年月
123 
+					format: 'YYYY-MM-DD' // 分隔符可以任意定义，该例子表示只显示年月
124 
+
115 125 
 				});
116 126 
 				laydate({
117 127 
 					elem: '#endTime',
118 128 
 					event: 'focus',
119 
-					format: 'YYYY-MM-DD', // 分隔符可以任意定义，该例子表示只显示年月
129 
+					format: 'YYYY-MM-DD' // 分隔符可以任意定义，该例子表示只显示年月
130 
+				});
131 
+				$('#startTime').val(getDate());
132 
+				$('#endTime').val(getDate());
133 
+				Ajax();//表格数据
134 
+				getThead();//表头数据
135 
+				//搜索事件
136 
+				$(".sear").click(function() {
137 
+					Ajax();
120 138 
 				});
121 
-
122 
-					var stime,//开始时间
123 
-				    endtime;//结束时间
124 
-				    Ajax();
125 
-					//搜索事件
126 
-		        $(".sear").click(function(){
127 
-		        	$('.thTable tbody').html('');
128 
-		            stime=$('#startTime').val();//开始时间
129 
-				    endtime=$('#endTime').val();//结束时间
130 
-				    dpt=$('#bumen').val(); //部门
131 
-				    if(stime != '' && endtime != '') {
132 
-						 Ajax(stime,endtime);
133 
-					}else{
134 
-						Ajax();
135 
-						if(stime==''){
136 
-							  layer.confirm('请选择开始时间！', {
137 
-                            btn: ['确定']
138 
-                        });
139 
-                        return;
140 
-						}else if(endtime ==''){
141 
-							 layer.confirm('请选择结束时间！', {
142 
-                            btn: ['确定']
143 
-                        });
144 
-                        return;
139 
+				//导出
140 
+				$('.export').click(function() {
141 
+					dcexcel(this);
142 
+				})
143 
+			})
144 
+
145 
+			function getThead(){
146 
+				$.ajax({
147 
+					type: 'get',
148 
+					url: huayi.config.callcenter_url + "ZuoXiTongHua/GetColumnList",
149 
+					async: true,
150 
+					dataType: 'json',
151 
+					data: {
152 
+						token: $.cookie("token")
153 
+					},
154 
+					success: function(res) {
155 
+						var con = res.data;
156 
+						if(res.state.toLowerCase()=='success'){
157 
+							$('.thTable thead tr').html('');
158 
+							for(var j = 0; j < con.length; j++) {
159 
+							$('<td>' + con[j] + '</td>').appendTo('.thTable thead tr');
160 
+						}
145 161 
 						}
162 
+
146 163 
 					}
147 
-		        });
148 
-
149 
-		        	        		//导出
150 
-        		$('.export').click(function() {
151 
-					dcexcel(this);
152 
-	})
153 
-		   function dcexcel(obj) {
154 
-            var url = huayi.config.callcenter_url + "ZuoXiTongHua/ExptList?token=" + $.cookie("token");
155 
-               url += "&stime=" + $("#startTime").val() + "&endtime=" + $("#endTime").val();
156 
-                obj.href = url;
157 
-        }
158 
-
159 
-
160 
-		        //表头数据
161 
-		                $.ajax({
162 
-		        		type:'get',
163 
-		        		url:huayi.config.callcenter_url+"ZuoXiTongHua/GetColumnList",
164 
-		        		async:true,
165 
-		        		dataType:'json',
166 
-		        		data:{
167 
-		        			token:token
168 
-		        		},
169 
-		        		success:function(res){
170 
-		        			var con=res.data;
171 
-		        			for(var j=0;j<con.length;j++){
172 
-							$('<td>' + con[j]+ '</td>').appendTo('.thTable thead tr')
164 
+				})
165 
+			}
166 
+			function Ajax() {
167 
+					$.ajax({
168 
+						type: "get",
169 
+						url: huayi.config.callcenter_url + "ZuoXiTongHua/GetDataList",
170 
+						async: true,
171 
+						dataType: 'json',
172 
+						data: {
173 
+							token: $.cookie("token"),
174 
+							stime: $('#startTime').val(),
175 
+							endtime: $('#endTime').val()
176 
+						},
177 
+						success: function(data) {
178 
+							var result = data.data;
179 
+							if(data.state.toLowerCase() == 'success') {
180 
+								$('.thTable tbody').html('');
181 
+								for(var i = 0; i < result.length; i++) {
182 
+									$('<tr><td>' + result[i].坐席人员 + '</td><td>' + result[i].通话总时长 + '</td><td>' + result[i].呼出通话总时长 + '</td><td>' + result[i].呼出通话占比 + '</td><td>' + result[i].呼入通话总时长 + '</td><td>' + result[i].呼入通话占比 + '</td><td>' + result[i].平均日呼入通话时长 + '</td><td>' + result[i].平均日呼出通话时长 + '</td></tr>').appendTo('.thTable  tbody')
183 
+								}
184 
+							}
185 
+
173 186 
 						}
174 
-		        		}
175 
-		        	})
176 
-		                function Ajax(stime,endtime){
177 
-		                	$.ajax({
178 
-		                		type:"get",
179 
-		                		url:huayi.config.callcenter_url+"ZuoXiTongHua/GetDataList",
180 
-		                		async:true,
181 
-		                		dataType:'json',
182 
-		                		data:{
183 
-		                			token:token,
184 
-		                			stime:stime,
185 
-		                			endtime:endtime
186 
-		                		},
187 
-		                		success:function(data){
188 
-		                			var result=data.data;
189 
-		                			console.log(result);
190 
-		                			for(var i=0;i<result.length;i++){
191 
-										$('<tr><td>' + result[i].坐席人员 + '</td><td>' + result[i].通话总时长 + '</td><td>' + result[i].呼出通话总时长 + '</td><td>' + result[i].呼出通话占比 + '</td><td>' + result[i].呼入通话总时长 + '</td><td>' + result[i].呼入通话占比 + '</td><td>' + result[i].平均日呼入通话时长 + '</td><td>' + result[i].平均日呼出通话时长 + '</td></tr>').appendTo('.thTable  tbody')
192 
-		                			}
193 
-		                		}
194 
-		                	});
195 
-		                }
196 
-
197 
-			})
187 
+					});
188 
+				}
189 
+			function dcexcel(obj) {
190 
+					var url = huayi.config.callcenter_url + "ZuoXiTongHua/ExptList?token=" + $.cookie("token");
191 
+					url += "&stime=" + $("#startTime").val() + "&endtime=" + $("#endTime").val();
192 
+					obj.href = url;
193 
+				}
198 194
195 
+			function getDate(){
196 
+				var date = new Date();
197 
+				var year = date.getFullYear();
198 
+				var month = date.getMonth() + 1;
199 
+				var day = date.getDate();
200 
+				if (month < 10) {
201 
+				    month = "0" + month;
202 
+				}
203 
+				if (day < 10) {
204 
+				    day = "0" + day;
205 
+				}
206 
+				return year + "-" + month + "-" + day;
207 
+			}
199 208 
 		</script>
200 209 
 	</body>
201 210