ソースを参照

修改样式及js代码整理

zhangshuangnan 7 年 前
コミット
611cd98f8d

+ 22 - 26
CallCenterWeb.UI/ReportForm/orderArea.html

@@ -106,8 +106,6 @@
106 106
 	       
107 107
 		    //表内数据
108 108
 		    function initTable() {
109
-					$('#list tbody').html('');
110
-					$('#list thead').html('');
111 109
 					 $.ajax({
112 110
 		        		type:'get',
113 111
 		        		url:huayi.config.callcenter_url+"GDPos/GetDataList",
@@ -119,31 +117,29 @@
119 117
 		        			endtime:$('#endTime').val()
120 118
 		        		},
121 119
 		        		success:function(res){
122
-		        			var thead=res.data.colname;
123
-		        			var thead_trs='<tr>'
124
-		        			$(thead).each(function(i,n){
125
-		        				thead_trs +='<td>' + n + '</td>'
126
-		        			})
127
-		        			thead_trs +='</tr>';
128
-		        			$('#list thead').append(thead_trs);
129
-		        			var tbody=res.data.dt;
130
-		        			$(tbody).each(function(k,g){
131
-								//var str="";
132
-								// str='<tr>'
133
-								// 	$.each(g,function(k,val){
134
-				        		//		str +='<td>' + val + '</td>'
135
-				        		//	})
136
-		        			    // 	str +='</tr>';
137
-		        			    var str = '<tr>';
138
-		        			    $(thead).each(function (i, n) {
139
-		        			        str += '<td>' + g[n] + '</td>';
140
-		        			    })
141
-		        			    str += '</tr>';
142
-								 $('#list tbody').append(str);
143
-								  $(".tbody tr").each(function(){
144
-   				 $(this).find("td:last").css({"color":"#e43926","font-weight":"bold"});
145
-})
120
+		        			if(res.state.toLowerCase()=='success'){
121
+		        				$('#list tbody').html('');
122
+								$('#list thead').html('');
123
+								var thead=res.data.colname;
124
+			        			var thead_trs='<tr>'
125
+			        			$(thead).each(function(i,n){
126
+			        				thead_trs +='<td>' + n + '</td>'
127
+			        			})
128
+			        			thead_trs +='</tr>';
129
+			        			$('#list thead').append(thead_trs);
130
+			        			var tbody=res.data.dt;
131
+			        			$(tbody).each(function(k,g){
132
+			        			    var str = '<tr>';
133
+			        			    $(thead).each(function (i, n) {
134
+			        			        str += '<td>' + g[n] + '</td>';
135
+			        			    })
136
+			        			    str += '</tr>';
137
+									$('#list tbody').append(str);
138
+									$(".tbody tr").each(function(){
139
+									   	$(this).find("td:last").css({"color":"#e43926","font-weight":"bold"});
140
+									})
146 141
 								})
142
+		        			}
147 143
 		        		}
148 144
 		        	})
149 145
 			}

+ 163 - 164
CallCenterWeb.UI/ShuJuDuiBi.html

@@ -5,7 +5,7 @@
5 5
 		<meta charset="utf-8">
6 6
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
7 7
 		<script src="Script/Common/huayi.load.js"></script>
8
-    	<script src="Script/Common/huayi.config.js"></script>
8
+		<script src="Script/Common/huayi.config.js"></script>
9 9
 		<title>呼叫数据对比</title>
10 10
 		<!--[if lt IE 9]>
11 11
     <meta http-equiv="refresh" content="0;ie.html" />
@@ -14,12 +14,12 @@
14 14
 		<link href="./css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
15 15
 		<link href="./css/animate.min.css" rel="stylesheet">
16 16
 		<link href="./css/style.min862f.css?v=4.1.0" rel="stylesheet">
17
-		<link rel="stylesheet" href="./css/laydate/need/laydate.css" />
18 17
 		<link rel="stylesheet" href="./css/init.css" />
19 18
 		<style type="text/css">
20
-			.shuju-top{
19
+			.shuju-top {
21 20
 				font-size: 12px;
22 21
 			}
22
+			
23 23
 			.shuju-top {
24 24
 				background: #f3f3f4;
25 25
 				height: 60px;
@@ -34,6 +34,7 @@
34 34
 				outline: none;
35 35
 				vertical-align: middle;
36 36
 			}
37
+			
37 38
 			.topCon {
38 39
 				float: right;
39 40
 				margin-right: 20px;
@@ -49,17 +50,22 @@
49 50
 
50 51
 	<body class="gray-bg" style="background: #fefefe;">
51 52
 		<div class="daoHang clearfix">
52
-				<div class="dhLeft">
53
-					<sapn><i class="syIcon"></i>位置:<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">报表分析</a>&gt;<a href="javaScript:;">话务运营分析</a>&gt;<a href="" class="nowPosition">总呼数据图形分析</a></sapn>
54
-				</div>
55
-				
56
-				<div class="dhRight">
57
-            		<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
58
-            	</div>
53
+			<div class="dhLeft">
54
+				<sapn><i class="syIcon"></i>位置:
55
+					<a id="ReIndex" href="javaScript:;">首页</a>&gt;
56
+					<a href="javaScript:;">报表分析</a>&gt;
57
+					<a href="javaScript:;">话务运营分析</a>&gt;
58
+					<a href="" class="nowPosition">总呼数据图形分析</a>
59
+				</sapn>
59 60
 			</div>
61
+
62
+			<div class="dhRight">
63
+				<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
64
+			</div>
65
+		</div>
60 66
 		<div class="shuju-top">
61 67
 			<div class="topCon">
62
-				选择年份:
68
+				<!--选择年份:
63 69
 				<select name="" id="first">
64 70
 					<option value="0">请选择</option>
65 71
 					<option value="2009">2009</option>
@@ -110,9 +116,22 @@
110 116
 					<option value="2028">2028</option>
111 117
 					<option value="2029">2029</option>
112 118
 					<option value="2030">2030</option>
113
-				</select>
114
-				<button class="btns sear">搜索</button>
115
-				<a class="btns export">导出</a>
119
+				</select>-->
120
+				<!--<button class="btns sear">搜索</button>
121
+				<a class="btns export">导出</a>-->
122
+
123
+				<div class="form-inline th-bar clearfix">
124
+
125
+					<div class="time-box form-group">
126
+						<i class="tub fa fa-calendar"></i>
127
+						<input class="form-control" type="text" id="chooseTime" placeholder="选择时间">
128
+					</div>
129
+					<div class="form-group tool_bars pull-right">
130
+						<button class="btns sear">搜索</button>
131
+						<a class="btns export">导出</a>
132
+					</div>
133
+				</div>
134
+
116 135
 			</div>
117 136
 		</div>
118 137
 		<div class="shuju-con">
@@ -123,164 +142,144 @@
123 142
 		<script src="./js/jquery.min.js?v=2.1.4"></script>
124 143
 		<script src="./js/bootstrap.min.js?v=3.3.6"></script>
125 144
 		<script src="./js/jquery.cookie.js"></script>
126
-		<script src="./css/laydate/laydate.js"></script>
145
+		<script src="./js/laydate/laydate.js"></script>
127 146
 		<script src="./js/echarts.common.min.js"></script>
128
-
129 147
 		<script>
130
-			
131 148
 			$(function() {
132
-				var token = $.cookie("token");
133
-				var beginyear,//开始年份
134
-				    endyear,//结束年份
135
-				    hjCompaer,//图形
136
-                    legendCon;//图形legend
137
-			$(document).ready(function(){
138
-				hjCompaer = echarts.init(document.getElementById('hjCompaer'));
139
-				option = {
140
-					tooltip: {
141
-						trigger: 'axis',
142
-					},
143
-					legend: {
144
-						data: legendCon,
145
-						bottom: 0
146
-					},
147
-					xAxis: [{
148
-						type: 'category',
149
-						data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
150
-						axisPointer: {
151
-							type: ''
149
+					var token = $.cookie("token");
150
+					var beginyear, //开始年份
151
+						endyear, //结束年份
152
+						hjCompaer, //图形
153
+						legendCon; //图形legend
154
+					$(document).ready(function() {
155
+						laydate.render({
156
+							elem: '#chooseTime',
157
+							format: 'yyyy',
158
+							range: "~",
159
+							type: 'year',
160
+							theme: '#00a1cb',
161
+						});
162
+						hjCompaer = echarts.init(document.getElementById('hjCompaer'));
163
+						option = {
164
+							tooltip: {
165
+								trigger: 'axis',
166
+							},
167
+							legend: {
168
+								data: legendCon,
169
+								bottom: 0
170
+							},
171
+							xAxis: [{
172
+								type: 'category',
173
+								data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
174
+								axisPointer: {
175
+									type: ''
176
+								}
177
+							}],
178
+							yAxis: [{
179
+								type: 'value',
180
+								name: '电话数量',
181
+								nameLocation: 'end',
182
+								nameGap: 40,
183
+								axisLabel: {
184
+									formatter: '{value} '
185
+								}
186
+							}, {
187
+								type: 'value',
188
+								name: '百分比',
189
+								nameLocation: 'end',
190
+								nameGap: 35,
191
+								interval: 10,
192
+								axisLabel: {
193
+									formatter: '{value} '
194
+								}
195
+							}],
196
+							series: [{
197
+								name: '',
198
+								type: 'bar',
199
+								data: []
200
+							}, {
201
+								name: '',
202
+								type: 'bar',
203
+								data: []
204
+							}, {
205
+								name: '',
206
+								type: 'line',
207
+								data: []
208
+							}, {
209
+								name: '',
210
+								type: 'bar',
211
+								data: []
212
+							}, {
213
+								name: '',
214
+								type: 'bar',
215
+								yAxisIndex: 1,
216
+								data: []
217
+							}, {
218
+								name: '',
219
+								type: 'line',
220
+								yAxisIndex: 1,
221
+								data: []
222
+							}],
223
+							color: ['#1ab394', '#adcbfd', '#fbbe5b', '#f26ea2', '#88ebc4', '#fa957f']
224
+						};
225
+						hjCompaer.setOption(option);
226
+					});
227
+					//搜索事件
228
+					$(".sear").click(function() {
229
+						if($('#chooseTime').val() == '') {
230
+							layer.confirm('请选择时间!', {
231
+								btn: ['确定']
232
+							});
233
+							return;
152 234
 						}
153
-					}],
154
-					yAxis: [{
155
-							type: 'value',
156
-							name: '电话数量',
157
-							nameLocation:'end',
158
-							nameGap:40,
159
-							axisLabel: {
160
-								formatter: '{value} '
161
-							}
235
+						Ajax();
236
+						hjCompaer.setOption(option);
237
+					});
162 238
 
163
-						},
164
-						{
165
-							type: 'value',
166
-							name: '百分比',
167
-							nameLocation:'end',
168
-							nameGap:35,
169
-							interval: 10,
170
-							axisLabel: {
171
-								formatter: '{value} '
239
+					function Ajax() {
240
+						var arr = [];
241
+						var allData = [];
242
+						$.ajax({
243
+							type: 'get',
244
+							url: huayi.config.callcenter_url + 'YearContrast/GetDataList',
245
+							dataType: 'json',
246
+							data: {
247
+								token: token,
248
+								beginyear: $('#chooseTime').val() && $('#chooseTime').val().split('~')[0],
249
+								endyear: $('#chooseTime').val() && $('#chooseTime').val().split('~')[1]
250
+							},
251
+							async: false,
252
+							success: function(res) {
253
+								var content = res.data;
254
+								$.each(content, function(index, ele) {
255
+									arr.push(content[index].key) allData.push(content[index].value) //console.log(allData);
256
+								});
172 257
 							}
258
+						});
259
+						//console.log(legendCon);
260
+						option.legend.data = arr; //图例
261
+						option.series[0].name = arr[0]; //图例
262
+						//添加数据name
263
+						for(var i = 0; i < arr.length; i++) {
264
+							option.series[i].name = arr[i];
173 265
 						}
174
-					],
175
-					series: [{
176
-							name:'',
177
-							type: 'bar',
178
-							data: []
179
-						},
180
-						{
181
-							name: '',
182
-							type: 'bar',
183
-							data: []
184
-						},
185
-						{
186
-							name: '',
187
-							type: 'line',
188
-							data: []
189
-						},
190
-						{
191
-							name: '',
192
-							type: 'bar',
193
-							data: []
194
-						},
195
-						{
196
-							name: '',
197
-							type: 'bar', 
198
-							yAxisIndex: 1,
199
-							data: []
200
-						},
201
-						{
202
-							name: '',
203
-							type: 'line',
204
-							yAxisIndex: 1,
205
-							data: []
266
+						//添加图形数据
267
+						for(var j = 0; j < allData.length; j++) {
268
+							option.series[j].data = allData[j];
206 269
 						}
207
-					],
208
-					color: ['#1ab394', '#adcbfd', '#fbbe5b', '#f26ea2', '#88ebc4', '#fa957f']
209
-				};
210
-				hjCompaer.setOption(option);
211
-			});
212
-			      //搜索事件
213
-			        $(".sear").click(function(){
214
-				         beginyear=$('#first').val();
215
-						 endyear=$('#last').val();
216
-//						 console.log(beginyear);
217
-//						 console.log(endyear);
218
-						 if(beginyear==''||endyear==''){
219
-						 	  layer.confirm('请选择对比时间!', {
220
-                            btn: ['确定']
221
-                        });
222
-                        return;
223
-						 }else if(beginyear==endyear){
224
-						 	  layer.confirm('请选择不同的对比年份!', {
225
-                            btn: ['确定']
226
-                        });
227
-                        return;
228
-						 }else{
229
-						 		Ajax(beginyear,endyear);
230
-			      	    hjCompaer.setOption(option);
231
-						 }
232
-				      
233
-			        });
234
-			        
235
-			        function Ajax(beginyear,endyear){
236
-			        	var arr=[];
237
-			        	var allData=[];
238
-			        	$.ajax({
239
-			        		type:'get',
240
-			        		url:huayi.config.callcenter_url+'YearContrast/GetDataList',
241
-			        		dataType:'json',
242
-			        		data:{
243
-			        			token:token,
244
-			        			beginyear:beginyear,
245
-			        			endyear:endyear
246
-			        		},
247
-		        	    	async:false,
248
-			        		success:function(res){
249
-			        			var content=res.data;
250
-		        			   
251
-			        			$.each(content, function(index,ele) {
252
-			        				arr.push(content[index].key)
253
-			        				allData.push(content[index].value)
254
-			        				//console.log(allData);
255
-			        			});
256
-			        		}
257
-			        	});
258
-			        	legendCon=arr;
259
-			        	seriesData=allData;
260
-			        	//console.log(legendCon);
261
-			        	option.legend.data=legendCon;//图例
262
-			        	option.series[0].name=legendCon[0];//图例
263
-			        	//添加数据name
264
-			        	for(var i=0;i<legendCon.length;i++){
265
-			        		option.series[i].name=legendCon[i];
266
-			        	}
267
-			        	//添加图形数据
268
-			        	for(var j=0;j<seriesData.length;j++){
269
-			        		option.series[j].data=seriesData[j];
270
-			        	}
271
-			        }
272
-			    	
273
-              //导出功能
274
-              	$('.export').click(function() {
275
-					dcexcel(this);
276
-				})
277
-		   function dcexcel(obj) {
278
-            var url = huayi.config.callcenter_url + "YearContrast/ExptList?token=" + $.cookie("token");
279
-                url += "&beginyear=" + $("#first").val() + "&endyear=" + $("#last").val();
280
-                obj.href = url;
281
-       		 }
282
-		
283
-			});
270
+					}
271
+					//导出功能
272
+					$('.export').click(function() {
273
+						dcexcel(this);
274
+					})
275
+					function dcexcel(obj) {
276
+						var url = huayi.config.callcenter_url + "YearContrast/ExptList?token=" + $.cookie("token");
277
+						url += "&beginyear=" + $('#chooseTime').val() && $('#chooseTime').val().split('~')[0] + "&endyear=" + $('#chooseTime').val() && $('#chooseTime').val().split('~')[1];
278
+						obj.href = url;
279
+					}
280
+				}
281
+
282
+			);
284 283
 		</script>
285 284
 	</body>
286 285
 

+ 20 - 18
CallCenterWeb.UI/allPhone.html

@@ -134,22 +134,20 @@
134 134
 
135 135
 				//搜索事件
136 136
 				$(".sear").click(function() {
137
-							        	$('.thTable tbody').html('');
138
-							            stime=$('#startTime').val();//开始时间
139
-									    endtime=$('#endTime').val();//结束时间
140
-									    dpt=$('#bumen').val(); //部门
141
-									    if(stime != '' && endtime != '') {
142
-											 Ajax(stime,endtime);
143
-										}else{
144
-											Ajax();
145
-											if(stime==''){
146
-												alert('请选择开始时间!');
147
-											}else if(endtime ==''){
148
-													alert('请选择结束时间!');
149
-											}
150
-										}
137
+			            stime=$('#startTime').val();//开始时间
138
+					    endtime=$('#endTime').val();//结束时间
139
+					    dpt=$('#bumen').val(); //部门
140
+					    if(stime != '' && endtime != '') {
141
+							 Ajax(stime,endtime);
142
+						}else{
143
+							Ajax();
144
+							if(stime==''){
145
+								alert('请选择开始时间!');
146
+							}else if(endtime ==''){
147
+									alert('请选择结束时间!');
148
+							}
149
+						}
151 150
 				});
152
-
153 151
 					function Ajax(){
154 152
 	                $.ajax({
155 153
 	                	type:"get",
@@ -161,9 +159,11 @@
161 159
 	                		endtime:endtime
162 160
 	                	},
163 161
 	                	success:function(res){
164
-	                		var con=res.data;
165
-	                		console.log(con);
166
-	                		$('	<tr><td rowspan="15">工作时段</td></tr>'+
162
+	                		if(res.state.toLowerCase()=='success'){
163
+	                			var con=res.data;
164
+		                		console.log(con);
165
+		                		$('.thTable tbody').html('');
166
+		                		$('	<tr><td rowspan="15">工作时段</td></tr>'+
167 167
 							'<tr><td rowspan="12">所有工作时间</td><td rowspan="2">接通 </td><td rowspan="2">所有接通  </td><td>数量 </td><td>'+ con.work_jt_sq_count +'</td><td>'+ con.work_jt_sh_count +'</td><td>'+ con.work_jt_ts_count +'</td><td>'+ con.work_jt_qt_count +'</td><td>'+ con.work_jt_all_count +'</td></tr>'+
168 168
 							'<tr><td>占比  </td><td>'+ con.work_jt_sq_zb +'</td><td>'+ con.work_jt_sh_zb +'</td><td>'+ con.work_jt_ts_zb +'</td><td>'+ con.work_jt_qt_zb +'</td><td>'+ con.work_jt_all_zb +'</td></tr>'+
169 169
 							'<tr><td rowspan="10">未接通 </td><td rowspan="2">坐席未登录 </td><td>数量 </td><td>'+ con.work_wjt_sq_count1 +'</td><td>'+ con.work_wjt_sh_count1 +'</td><td>'+ con.work_wjt_ts_count1 +'</td><td>'+ con.work_wjt_qt_count1 +'</td><td>'+ con.work_wjt_all_count1 +'</td></tr>'+
@@ -569,6 +569,8 @@
569 569
 								'<td>'+ con.all_all_all_count +'</td>'+
570 570
 							'</tr>').appendTo('.thTable tbody')
571 571
 							
572
+	                		}
573
+	                		
572 574
 	                	}
573 575
 	                });
574 576
 				}

+ 100 - 123
CallCenterWeb.UI/callTime.html

@@ -13,9 +13,10 @@
13 13
 		<link href="./css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
14 14
 		<link href="./css/animate.min.css" rel="stylesheet">
15 15
 		<link href="./css/style.min862f.css?v=4.1.0" rel="stylesheet">
16
-		<link rel="stylesheet" href="./css/laydate/need/laydate.css" />
16
+		<!--<link rel="stylesheet" href="./css/laydate/need/laydate.css" />-->
17 17
 		<!--<link rel="stylesheet" href="./css/huTotal.css" />-->
18 18
     	<link rel="stylesheet" href="./css/init.css" />
19
+    	<link rel="stylesheet" href="css/Table/table1.css" />
19 20
 		<style>
20 21
 			.clearfix:after {
21 22
 			    content: "";
@@ -35,15 +36,7 @@
35 36
 			font-size: 22px;
36 37
 			/*margin-bottom: 20px;*/
37 38
 		}
38
-			.topCon input{
39
-				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;
46
-			}
39
+			
47 40
 				.th-content{
48 41
 					width: 90%;
49 42
 					margin: 0 auto;
@@ -64,20 +57,28 @@
64 57
 				<div class="dhLeft">
65 58
 					<sapn><i class="syIcon"></i>位置:<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">报表分析</a>&gt;<a href="javaScript:;">话务运营分析</a>&gt;<a href="" class="nowPosition">通话时长统计</a></sapn>
66 59
 				</div>
67
-				
68 60
 					<div class="dhRight">
69 61
             		<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
70 62
             	</div>
71
-				
72 63
 			</div>
73 64
 			<div class="th-top clearfix">
74 65
 				<div class="topCon">
75
-					开始时间:
76
-				    <input type="text" class="laydate-icon" id="startTime"/>
77
-					结束时间:
78
-					<input type="text" class="laydate-icon" id="endTime"/>
79
-					<button class="btns sear">搜索</button>
66
+					<!--开始时间:-->
67
+				    <!--<input type="text" class="" id="startTime"/>-->
68
+					<!--结束时间:
69
+					<input type="text" class="laydate-icon" id="endTime"/>-->
70
+					<div class="form-inline th-bar clearfix">
71
+					<div class="time-box form-group" >
72
+						<i class="tub fa fa-calendar"></i>
73
+						<input class="form-control" type="text" id="startTime" placeholder="起始时间" style="    width: 228px;">
74
+					</div>
75
+					<div class="form-group tool_bars pull-right">
76
+						<button class="btns sear">搜索</button>
80 77
 					<a class="btns export">导出</a>
78
+					</div>
79
+					
80
+					</div>
81
+					
81 82
 				</div>
82 83
 			</div>
83 84
 			<ul class="nav nav-tabs th-tab">
@@ -115,68 +116,56 @@
115 116
 		<script src="./js/jquery.min.js?v=2.1.4"></script>
116 117
 		<script src="./js/bootstrap.min.js?v=3.3.6"></script>
117 118
 		<script src="./js/jquery.cookie.js"></script>
118
-		<script src="./css/laydate/laydate.js"></script>
119
+		<script src="./js/laydate/laydate.js"></script>
119 120
 		<script src="./js/echarts.common.min.js"></script>
120 121
 		<!--<script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>-->
121 122
 		<script>
122
-			$(function(){
123 123
 				var token = $.cookie("token");
124
-				  laydate.skin('molv');
125
-				laydate({
126
-					elem: '#startTime',
127
-					event: 'focus',
128
-					format: 'YYYY-MM-DD', // 分隔符可以任意定义,该例子表示只显示年月
129
-//				  	festival: true, //显示节日
130
-				  	choose: function(datas){ //选择日期完毕的回调
131
-//				    alert('得到:'+datas);
132
-				  }
133
-				});
134
-				laydate({
135
-					elem: '#endTime',
136
-     				event: 'focus',
137
-					format: 'YYYY-MM-DD', // 分隔符可以任意定义,该例子表示只显示年月
138
-				});
139
-				var stime,//开始时间
140
-					endtime,//结束时间
141
-					aa=true,
142
-					tabtu,
143
-					legend=[],//图例
144
-					zxn,//坐席名称
145
-		        	callIn,//呼入次数
146
-		        	callInTime,//呼入时长
147
-		        	callOut,//呼出次数
148
-		        	callOutTime,//呼出时长
149
-		        	hcNoCount,//呼出未接通次数
150
-		        	zhenLing,//振铃时长
151
-		        	total,//通话总时长
152
-		        	pingjun;//平均通话时长
153
-					//tab切换
154
-				$('.th-tab li').click(function(){
155
-					$(this).addClass('active')
156
-							.siblings().removeClass('active');
157
-					
158
-					var index=$(this).index();
159
-					$('.th-content >div').eq(index).show()
160
-					                .siblings().hide();
161
-				})
162
-				
124
+				var tabtu,
125
+					legend=[];//图例
163 126
 				$(document).ready(function(){
127
+					//日期
128
+					laydate.render({
129
+						elem: '#startTime',
130
+						range: '~',
131
+						theme: '#00a1cb',
132
+					});
133
+						//tab切换
134
+						$('.th-tab li').click(function(){
135
+							$(this).addClass('active')
136
+									.siblings().removeClass('active');
137
+							
138
+							var index=$(this).index();
139
+							$('.th-content >div').eq(index).show()
140
+							                .siblings().hide();
141
+						})
142
+						
143
+						//搜索事件
144
+				        $(".sear").click(function(){
145
+				      
146
+					      	    Ajax();
147
+				        });
148
+				          Ajax();
149
+					        //导出功能
150
+		              	$('.export').click(function() {
151
+							dcexcel(this);
152
+						})
153
+					
154
+					})
164 155
 				//图形
165 156
 				tabtu = echarts.init(document.getElementById('tabtu'));
166
-				
167
-					option = {
157
+					tabtu.setOption({
168 158
 					tooltip: {
169 159
 						trigger: 'axis',
170 160
 
171 161
 					},
172
-				
173 162
 					legend: {
174 163
 						data: legend,
175 164
 						bottom: 0
176 165
 					},
177 166
 					xAxis: [{
178 167
 						type: 'category',
179
-						data: zxn,
168
+						data: [],
180 169
 						axisPointer: {
181 170
 							type: ''
182 171
 						}
@@ -188,7 +177,7 @@
188 177
 							nameGap:35,
189 178
 //							min: 0,
190 179
 //							max:300,
191
-							interval: 50,
180
+//							interval: 50,
192 181
 							axisLabel: {
193 182
 								formatter: '{value} '
194 183
 							}
@@ -201,7 +190,7 @@
201 190
 							nameGap:35,
202 191
 //							min: 0,
203 192
 //							max: 150,
204
-							interval: 100,
193
+//							interval: 100,
205 194
 							axisLabel: {
206 195
 								formatter: '{value} '
207 196
 							}
@@ -210,52 +199,48 @@
210 199
 					series: [{
211 200
 							    type: 'bar',
212 201
 								name: '呼入次数',
213
-						        data: callIn
202
+						        data: []
214 203
 						},{
215 204
 							    type: 'line',
216 205
 								name: '呼入时长',
217 206
 								yAxisIndex: 1,
218
-						        data: callInTime
207
+						        data: []
219 208
 						},
220 209
 						{
221 210
 							type: 'bar',
222 211
 							name: '呼出次数',
223
-							data: callOut
212
+							data: []
224 213
 						},{
225 214
 							    type: 'line',
226 215
 								name: '呼出时长',
227 216
 								yAxisIndex: 1,
228
-						        data: callOutTime
217
+						        data: []
229 218
 						},{
230 219
 							    type: 'bar',
231 220
 								name: '呼出未接通次数',
232
-						        data: hcNoCount
221
+						        data: []
233 222
 						},{
234 223
 							    type: 'line',
235 224
 								name: '振铃时长',
236 225
 								 yAxisIndex: 1,
237
-						        data: zhenLing
226
+						        data: []
238 227
 						},
239 228
 						{
240 229
 							type: 'line',
241 230
 							name: '通话总时长',
242 231
 						     yAxisIndex: 1,
243
-							data: total
232
+							data: []
244 233
 						},
245 234
 						{
246 235
 							type: 'line',
247 236
 							name: '平均通话时长',
248 237
 							  yAxisIndex: 1,
249
-						    data: pingjun
238
+						    data: []
250 239
 						}
251 240
 					],
252 241
 					color: ['#1ab394', '#fbbe5b', '#88ebc4', '#fa957f','#cddc39','#ff5722','#e91e63','#673ab7']
253
-				};
254
-				    Ajax();
255
-			        tabtu.setOption(option);
256
-				})
242
+				});
257 243
 				//表头数据
258
-				var con;
259 244
 				$.ajax({
260 245
 					type:"get",
261 246
 					url:huayi.config.callcenter_url+"TalkTime/GetColumnList",
@@ -265,36 +250,22 @@
265 250
 						token:token
266 251
 					},
267 252
 					success:function(res){
268
-						con=res.data;
269
-						//console.log(con);
253
+						  var con=res.data;
254
+						$('.thTable thead tr').html('');
270 255
 						for(var i=0;i<con.length;i++){
271 256
 							$('<td>' + con[i]+ '</td>').appendTo('.thTable thead tr')
272 257
 						}
273
-						return con
258
+						legend=con;
274 259
 					}
275 260
 					
276 261
 				});
277
-				legend=con;
278
-				   //搜索事件
279
-			        $(".sear").click(function(){
280
-			        	$('.thTable tbody').html('');
281
-				        	stime=$("#startTime").val();
282
-				        	endtime=$("#endTime").val();
283
-				      	    Ajax(stime,endtime);
284
-				      	    tabtu.setOption(option);
285
-			        });
286
-			        
287
-				        //导出功能
288
-	              	$('.export').click(function() {
289
-						dcexcel(this);
290
-					})
291 262
 			   function dcexcel(obj) {
292 263
 	            var url = huayi.config.callcenter_url + "TalkTime/ExptList?token=" + $.cookie("token");
293
-	                url += "&stime=" + $("#startTime").val() + "&endtime=" + $("#endTime").val();
264
+	                url += "&stime=" + $('#startTime').val() && $('#startTime').val().split('~')[0] + "&endtime=" + $('#startTime').val() && $('#startTime').val().split('~')[1];
294 265
 	                obj.href = url;
295 266
 	       		 }
296 267
 			        //表格数据
297
-			        function Ajax(stime,endtime){
268
+			        function Ajax(){
298 269
 			        	var zx_name=[],
299 270
 			        	    huru=[],
300 271
 			        	    huruTime=[],
@@ -308,16 +279,17 @@
308 279
 			        	$.ajax({
309 280
 			        		type:'get',
310 281
 			        		url:huayi.config.callcenter_url+'TalkTime/GetDataList',
311
-			        		async:false,
282
+			        		async:true,
312 283
 			        		dataType:'json',
313 284
 			        		data:{
314 285
 			        			token:token,
315
-			        			stime:stime,
316
-			        			endtime:endtime
286
+			        			stime:$('#startTime').val() && $('#startTime').val().split('~')[0],
287
+			        			endtime:$('#startTime').val() && $('#startTime').val().split('~')[1]
317 288
 			        		},
318 289
 			        		success:function(data) {
319
-			        			var tbodyCon=data.data;
320
-			        			console.log(tbodyCon);
290
+			        			if(data.state.toLowerCase()=='success'){
291
+			        				var tbodyCon=data.data;
292
+			        			$('.thTable tbody').html('');
321 293
 			        			for(var j=0;j<tbodyCon.length;j++){
322 294
 			        				$('<tr><td>' + tbodyCon[j].坐席名称+ '</td><td>' + tbodyCon[j].呼入次数+ '</td><td>' + tbodyCon[j].呼入时长+ '</td><td>' + tbodyCon[j].呼出次数+ '</td><td>' + tbodyCon[j].呼出时长+ '</td><td>' + tbodyCon[j].呼出未接通次数+ '</td><td>' + tbodyCon[j].振铃时长+ '</td><td style="color:#e73926;font-weight: bold;">' + tbodyCon[j].通话总时长+ '</td><td>' + tbodyCon[j].平均通话总时长+ '</td></tr>').appendTo('.thTable tbody')
323 295
 			        			    zx_name.push(tbodyCon[j].坐席名称);
@@ -330,31 +302,36 @@
330 302
 			        			    allCall.push(tbodyCon[j].通话总时长)
331 303
 			        			    averange.push(tbodyCon[j].平均通话总时长)
332 304
 			        			}
305
+			        			
306
+			        			tabtu.setOption({
307
+								xAxis: {
308
+									data: zx_name
309
+								},
310
+								series: [{
311
+									data: huru
312
+								}, {
313
+									data: huruTime
314
+								}, {
315
+									data: huchu
316
+								}, {
317
+									data: huchuTime
318
+								}, {
319
+									data: hcNo
320
+								}, {
321
+									data: zlTime
322
+								}, {
323
+									data: allCall
324
+								}, {
325
+									data: averange
326
+								}]
327
+							})
328
+			        			
329
+			        			
330
+			        			}
331
+			        			
333 332
 			        		}
334 333
 			        	});
335
-//			        	console.log(leg);
336
-//			        	legend=leg;//图例
337
-			        	zxn=zx_name;
338
-			        	callIn=huru;//呼入次数
339
-			        	callInTime= huruTime;//呼入时长
340
-			        	callOut=huchu;//呼出次数
341
-			        	callOutTime=huchuTime;//呼出时长
342
-			        	hcNoCount=hcNo;//呼出未接通次数
343
-			        	zhenLing=zlTime;//振铃时长
344
-			        	total=allCall;//通话总时长
345
-			        	pingjun=averange;//平均通话时长
346
-			        	//console.log(zxn);
347
-			        	option.xAxis[0].data=zxn;
348
-			        	option.series[0].data=callIn;
349
-			        	option.series[1].data=callInTime;
350
-			        	option.series[2].data=callOut;
351
-			        	option.series[3].data=callOutTime;
352
-			        	option.series[4].data=hcNoCount;
353
-			        	option.series[5].data=zhenLing;
354
-			        	option.series[6].data=total;
355
-			        	option.series[7].data=pingjun;
356 334
 			        }
357
-			})
358 335
 			
359 336
 		</script>
360 337
 	</body>

+ 16 - 0
CallCenterWeb.UI/css/init.css

@@ -200,3 +200,19 @@
200 200
 	display: block;
201 201
 	margin-bottom: 10px;
202 202
 }
203
+
204
+
205
+
206
+.time-box {
207
+    position: relative;
208
+}
209
+i.tub {
210
+    position: absolute;
211
+    right: 11px;
212
+    top: 8px;
213
+    font-size: 18px;
214
+    color: #1ab494;
215
+}
216
+.tub + input {
217
+    padding-right: 30px;
218
+}

+ 9 - 12
CallCenterWeb.UI/customerServiceChat.html

@@ -188,29 +188,28 @@
188 188
 //				}
189 189
 			});
190 190
 			$('.search').click(function(){
191
-				starttime=$('#startTime').val();
192
-				endtime=$('#endTime').val();
193
-				getTR(token,starttime,endtime,pageIndex); 
191
+				getTR(pageIndex); 
194 192
 			})
195 193
 			
196 194
 			var table = $('#table1');
197
-			getTR(token)
198
-			function getTR(token,starttime, endtime,pageIndex) {
199
-				$('#table1 tbody').html('');
195
+			getTR(pageIndex)
196
+			function getTR(pageIndex) {
197
+				
200 198
 				$.ajax({
201 199
 					type: "get",
202 200
 					url: huayi.config.callcenter_url + "WxCustom/GetRecordList",
203 201
 					async: true,
204 202
 					dataType: 'json',
205 203
 					data: {
206
-						token: token,
207
-						starttime: starttime,
208
-						endtime: endtime,
204
+						token: $.cookie("token"),
205
+						starttime: $('#startTime').val(),
206
+						endtime: $('#endTime').val(),
209 207
 						pagesize: 10,
210 208
 						pageindex: pageIndex
211 209
 					},
212 210
 					success: function(data) {
213 211
 						var con = data.rows;
212
+						$('#table1 tbody').html('');
214 213
 						$(con).each(function(i, n) {
215 214
 							$('<tr>' +
216 215
 								'<td>' + parseInt(i + 1) + '</td>' +
@@ -247,9 +246,7 @@
247 246
 							pageIndex++;
248 247
 					}
249 248
 				}
250
-				starttime=$('#startTime').val();
251
-				endtime=$('#endTime').val();
252
-				getTR(token,starttime,endtime,pageIndex); 
249
+				getTR(pageIndex); 
253 250
 			}
254 251
 		</script>
255 252
 	</body>

+ 14 - 31
CallCenterWeb.UI/huTotal.html

@@ -9,7 +9,7 @@
9 9
 		<link href="./css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
10 10
 		<link href="./css/animate.min.css" rel="stylesheet">
11 11
 		<link href="./css/style.min862f.css?v=4.1.0" rel="stylesheet">
12
-		<link rel="stylesheet" href="./css/laydate/need/laydate.css" />
12
+		<!--<link rel="stylesheet" href="./css/laydate/need/laydate.css" />-->
13 13
 		<link rel="stylesheet" href="./css/huTotal.css" />
14 14
 		<link rel="stylesheet" href="./css/init.css" />
15 15
 		<title>呼叫总数</title>
@@ -73,34 +73,17 @@
73 73
 			</div>
74 74
 			<div class="hut-top clearfix">
75 75
 				<div class="topCon">
76
-					选择日期:
77
-				   <select name="" id="chooseTime">
78
-					<!--<option value="0">请选择</option>-->
79
-					<option value="2009">2009</option>
80
-					<option value="2010">2010</option>
81
-					<option value="2011">2011</option>
82
-					<option value="2012">2012</option>
83
-					<option value="2013">2013</option>
84
-					<option value="2014">2014</option>
85
-					<option value="2015">2015</option>
86
-					<option value="2016">2016</option>
87
-					<option value="2017" selected="selected">2017</option>
88
-					<option value="2018">2018</option>
89
-					<option value="2019">2019</option>
90
-					<option value="2020">2020</option>
91
-					<option value="2021">2021</option>
92
-					<option value="2022">2022</option>
93
-					<option value="2023">2023</option>
94
-					<option value="2024">2024</option>
95
-					<option value="2025">2025</option>
96
-					<option value="2026">2026</option>
97
-					<option value="2027">2027</option>
98
-					<option value="2028">2028</option>
99
-					<option value="2029">2029</option>
100
-					<option value="2030">2030</option>
101
-				</select>
102
-					<button class="btns sear">搜索</button>
103
-					<a class="btns export">导出</a>
76
+					<div class="form-inline th-bar clearfix">
77
+							
78
+							<div class="time-box form-group" >
79
+								<i class="tub fa fa-calendar"></i>
80
+								<input class="form-control" type="text" id="chooseTime" placeholder="选择年份">
81
+							</div>
82
+							<div class="form-group tool_bars pull-right">
83
+								<button class="btns sear">搜索</button>
84
+								<a class="btns export">导出</a>
85
+							</div>					
86
+						</div>
104 87
 				</div>
105 88
 			</div>
106 89
 			<ul class="nav nav-tabs hu-tab">
@@ -145,8 +128,8 @@
145 128
 		<script src="./js/jquery.min.js?v=2.1.4"></script>
146 129
 		<script src="./js/bootstrap.min.js?v=3.3.6"></script>
147 130
 		<script src="./js/jquery.cookie.js"></script>
148
-		<script src="./css/layer/layer.js"></script>
149
-		<script src="./css/laydate/laydate.js"></script>
131
+		<!--<script src="./css/layer/layer.js"></script>-->
132
+		<script src="./js/laydate/laydate.js"></script>
150 133
 		<script src="./js/echarts.common.min.js"></script>
151 134
 		<script src="./js/huTotal.js"></script>
152 135
 

+ 16 - 23
CallCenterWeb.UI/js/huTotal.js

@@ -5,12 +5,12 @@
5 5
         		var myChart;
6 6
         		var aa = true;
7 7
         		//日期
8
-        		laydate.skin('molv');
9
-        		laydate({
10
-        			elem: '#chooseTime',
11
-        			event: 'focus',
12
-        			format: 'YYYY', // 分隔符可以任意定义,该例子表示只显示年月
13
-        		});
8
+        		laydate.render({
9
+				  elem: '#chooseTime'
10
+				  ,format: 'yyyy',
11
+				  type: 'year',
12
+				  theme: '#00a1cb',
13
+				});
14 14
 
15 15
         		//tab切换
16 16
         		$('.hu-tab li').click(function() {
@@ -101,14 +101,12 @@
101 101
         		Ajax(date);
102 102
         		//搜索事件
103 103
         		$(".sear").click(function() {
104
-        			$(".huTable tbody").html('');
105
-        			date = $("#chooseTime").val();
106
-        			Ajax(date);
107
-        			tu(date);
104
+        			
105
+        			Ajax();
106
+        			tu();
108 107
         			myChart.setOption(option);
109 108
 
110 109
         		});
111
-
112 110
         		function Ajax(date) {
113 111
         			$.ajax({
114 112
         				type: "get",
@@ -117,14 +115,13 @@
117 115
         				dataType: 'json',
118 116
         				data: {
119 117
         					token: token,
120
-        					years: date
118
+        					years: $("#chooseTime").val()
121 119
         				},
122 120
         				success: function(data) {
123 121
         					var con = data.data;
122
+        					$(".huTable tbody").html('');
124 123
         					if(con == null) {
125
-        						//							$(".huTable tbody").html('');
126 124
         						$('<tr><td colspan="3">暂无数据</td></tr>').appendTo('.huTable tbody');
127
-
128 125
         					} else {
129 126
         						for(var i = 0; i < con.length; i++) {
130 127
         							$('<tr><td>' + con[i].月份 + '</td><td>' + con[i].日期 + '</td><td style="font-weight: bold;color:#e43926">' + con[i].总数 + '</td></tr>').appendTo(".huTable tbody")
@@ -134,8 +131,7 @@
134 131
         			});
135 132
         		}
136 133
 
137
-        		function tu(date) {
138
-        			var arr = [];
134
+        		function tu() {
139 135
         			$.ajax({
140 136
         				type: "get",
141 137
         				url: huayi.config.callcenter_url + "TotalCall/GetChartData",
@@ -143,17 +139,14 @@
143 139
         				dataType: 'json',
144 140
         				data: {
145 141
         					token: token,
146
-        					years: date
142
+        					years: $("#chooseTime").val()
147 143
         				},
148 144
         				success: function(data) {
149
-        					//console.log(data.data)
150
-        					arr = data.data;
151
-        					console.log(arr)
145
+        					var arr = data.data;
146
+        					option.series[0].data = arr;
152 147
         				}
153 148
         			});
154
-        			arrNum = arr;
155
-        			console.log(arrNum);
156
-        			option.series[0].data = arrNum;
149
+        		
157 150
 
158 151
         		}
159 152
         		//导出

+ 6 - 4
CallCenterWeb.UI/jthusuan.html

@@ -155,7 +155,6 @@
155 155
 			$(document).ready(function(){
156 156
 				//图形
157 157
 				tabtu = echarts.init(document.getElementById('tabtu'));
158
-
159 158
 				option = {
160 159
 					tooltip: {
161 160
 						trigger: 'axis',
@@ -244,6 +243,7 @@
244 243
 					success:function(res){
245 244
 						var con=res.data;
246 245
 						console.log(con);
246
+						$('.thTable thead tr').html('');
247 247
 						for(var i=0;i<con.length;i++){
248 248
 							$('<td>' + con[i]+ '</td>').appendTo('.thTable thead tr')
249 249
 							
@@ -252,7 +252,6 @@
252 252
 				});
253 253
 				   //搜索事件
254 254
 			        $(".sear").click(function(){
255
-			        	$('.thTable tbody').html('');
256 255
 				        	stime=$("#startTime").val();
257 256
 				        	endtime=$("#endTime").val();
258 257
 				      	    Ajax(stime,endtime);
@@ -287,8 +286,9 @@
287 286
 			        			endtime:endtime
288 287
 			        		},
289 288
 			        		success:function(data) {
290
-			        			var tbodyCon=data.data;
291
-			        			console.log(tbodyCon);
289
+			        			if(data.state.toLowerCase()=='success'){
290
+			        				var tbodyCon=data.data;
291
+			        			$('.thTable tbody').html('');
292 292
 			        			for(var j=0;j<tbodyCon.length;j++){
293 293
 			        				$('<tr><td>' + tbodyCon[j].日期+ '</td><td>' + tbodyCon[j].接通次数+ '</td><td>' + tbodyCon[j].呼损次数+ '</td><td>' + tbodyCon[j].接通率+ '</td><td>' + tbodyCon[j].呼损率+ '</td></tr>').appendTo('.thTable tbody');
294 294
 			        			   riqi.push(tbodyCon[j].日期)
@@ -297,6 +297,8 @@
297 297
 			        			    jtlv.push(tbodyCon[j].呼出次数);
298 298
 			        			    hslv.push(tbodyCon[j].通话总时长);
299 299
 			        			}
300
+			        			}
301
+			        			
300 302
 			        		}
301 303
 			        	});
302 304
 			        	xzhou=riqi;

+ 49 - 45
CallCenterWeb.UI/khShujuDuiBi.html

@@ -13,7 +13,7 @@
13 13
 		<link href="./css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
14 14
 		<link href="./css/animate.min.css" rel="stylesheet">
15 15
 		<link href="./css/style.min862f.css?v=4.1.0" rel="stylesheet">
16
-		<link rel="stylesheet" href="./css/laydate/need/laydate.css" />
16
+		<!--<link rel="stylesheet" href="./css/laydate/need/laydate.css" />-->
17 17
 		<link rel="stylesheet" href="./css/init.css" />
18 18
 		<style type="text/css">
19 19
 			.hujiao{
@@ -61,7 +61,7 @@
61 61
 			</div>
62 62
 		<div class="shuju-top">
63 63
 			<div class="topCon">
64
-				选择年份:<select name="" id="first">
64
+				<!--选择年份:<select name="" id="first">
65 65
 					<option value="0">请选择</option>
66 66
 					<option value="2009">2009</option>
67 67
 					<option value="2010">2010</option>
@@ -111,9 +111,19 @@
111 111
 					<option value="2028">2028</option>
112 112
 					<option value="2029">2029</option>
113 113
 					<option value="2030">2030</option>
114
-				</select>
115
-				<button class="btns sear">搜索</button>
116
-				<a class="btns export">导出</a>
114
+				</select>-->
115
+				<div class="form-inline th-bar clearfix">
116
+							
117
+					<div class="time-box form-group" >
118
+						<i class="tub fa fa-calendar"></i>
119
+						<input class="form-control" type="text" id="chooseTime" placeholder="选择时间">
120
+					</div>
121
+					<div class="form-group tool_bars pull-right">
122
+						<button class="btns sear">搜索</button>
123
+						<a class="btns export">导出</a>
124
+					</div>					
125
+				</div>
126
+				
117 127
 			</div>
118 128
 		</div>
119 129
 		<div class="shuju-con">
@@ -132,40 +142,34 @@
132 142
 		<script src="./js/jquery.min.js?v=2.1.4"></script>
133 143
 		<script src="./js/bootstrap.min.js?v=3.3.6"></script>
134 144
 		<script src="./js/jquery.cookie.js"></script>
135
-		<script src="./css/laydate/laydate.js"></script>
145
+		<script src="./js/laydate/laydate.js"></script>
136 146
 		<script>
137 147
 			$(function() {
138 148
 				var token = $.cookie("token");
139
-					var beginyear=$('#first').val(),//开始年份
140
-				    	endyear=$('#last').val(),//结束年份
141
-				    	theadCon,//表头数据
149
+					var theadCon,//表头数据
142 150
 				    	tbodyCon;//表内数据
143
-				    	Ajax(beginyear,endyear);
151
+				    	Ajax();
152
+				    	
153
+				    	laydate.render({
154
+						  elem: '#chooseTime'
155
+						  ,format: 'yyyy',
156
+						  range:"~",
157
+						  type: 'year',
158
+						  theme: '#00a1cb',
159
+						});
144 160
 				    //搜索事件
145 161
 			        $(".sear").click(function(){
146
-			        	$('.thTable thead tr').html('');
147
-			        	$('.thTable tbody').html('');
148
-				         beginyear=$('#first').val();
149
-						 endyear=$('#last').val();
150
-						 if(beginyear==''||endyear==''){
162
+						 if($('#chooseTime').val()==''){
151 163
 						 	  layer.confirm('请选择对比时间!', {
152 164
                             btn: ['确定']
153 165
                         });
154 166
                         return;
155
-						 }else if(beginyear==endyear){
156
-						   layer.confirm('请选择不同的对比年份!', {
157
-                            btn: ['确定']
158
-                        });
159
-                        return;
160
-						 }else{
161
-						 		Ajax(beginyear,endyear);
162 167
 						 }
163
-				      
168
+						 Ajax();
164 169
 			        });
165 170
 			        
166
-			        
167 171
 			        //表格数据
168
-			        function Ajax(beginyear,endyear){
172
+			        function Ajax(){
169 173
 			        	var arr=[];
170 174
 			        	var allData=[];
171 175
 			        	$.ajax({
@@ -174,40 +178,40 @@
174 178
 			        		dataType:'json',
175 179
 			        		data:{
176 180
 			        			token:token,
177
-			        			beginyear:beginyear,
178
-			        			endyear:endyear
181
+			        			beginyear:$('#chooseTime').val() && $('#chooseTime').val().split('~')[0],
182
+			        			endyear:$('#chooseTime').val() && $('#chooseTime').val().split('~')[1] 
179 183
 			        		},
180 184
 		        	    	async:false,
181 185
 			        		success:function(res){
182 186
 			        			var content=res.data;
187
+			        			$('.thTable tbody').html('');
188
+			        			$('.thTable thead tr').html('');
183 189
 			        			$.each(content, function(index,ele) {
184 190
 			        				arr.push(content[index].key)
185 191
 			        				allData.push(content[index].value)
186 192
 			        			});
187 193
 			        		}
188 194
 			        	});
189
-			        	theadCon=arr;
190
-			        	tbodyCon=allData;
195
+			        	var theadCon=arr;
196
+			        	var tbodyCon=allData;
191 197
 			        	console.log(tbodyCon);
192 198
 			        	$('<td>月份</td>').appendTo('.thTable thead tr');
193 199
 			        	for(var i=0;i<theadCon.length;i++){
194 200
 							$('<td>' + theadCon[i]+ '</td>').appendTo('.thTable thead tr');
195 201
 			        	};
196
-					$('<tr><td>1月份</td><td>' + tbodyCon[0][0]+ '</td><td>' + tbodyCon[1][0]+ '</td><td>' + tbodyCon[2][0]+ '</td><td>' + tbodyCon[3][0]+ '</td><td>' + tbodyCon[4][0]+ '</td><td>' + tbodyCon[5][0]+ '</td></tr>'+
197
-					'<tr><td>2月份</td><td>' + tbodyCon[0][1]+ '</td><td>' + tbodyCon[1][1]+ '</td><td>' + tbodyCon[2][1]+ '</td><td>' + tbodyCon[3][1]+ '</td><td>' + tbodyCon[4][1]+ '</td><td>' + tbodyCon[5][1]+ '</td></tr>'+
198
-					'<tr><td>3月份</td><td>' + tbodyCon[0][2]+ '</td><td>' + tbodyCon[1][2]+ '</td><td>' + tbodyCon[2][2]+ '</td><td>' + tbodyCon[3][2]+ '</td><td>' + tbodyCon[4][2]+ '</td><td>' + tbodyCon[5][2]+ '</td></tr>'+
199
-					'<tr><td>4月份</td><td>' + tbodyCon[0][3]+ '</td><td>' + tbodyCon[1][3]+ '</td><td>' + tbodyCon[2][3]+ '</td><td>' + tbodyCon[3][3]+ '</td><td>' + tbodyCon[4][3]+ '</td><td>' + tbodyCon[5][3]+ '</td></tr>'+
200
-					'<tr><td>5月份</td><td>' + tbodyCon[0][4]+ '</td><td>' + tbodyCon[1][4]+ '</td><td>' + tbodyCon[2][4]+ '</td><td>' + tbodyCon[3][4]+ '</td><td>' + tbodyCon[4][4]+ '</td><td>' + tbodyCon[5][4]+ '</td><tr/>'+
201
-					'<tr><td>6月份</td><td>' + tbodyCon[0][5]+ '</td><td>' + tbodyCon[1][5]+ '</td><td>' + tbodyCon[2][5]+ '</td><td>' + tbodyCon[3][5]+ '</td><td>' + tbodyCon[4][5]+ '</td><td>' + tbodyCon[5][5]+ '</td><tr/>'+
202
-					'<tr><td>7月份</td><td>' + tbodyCon[0][6]+ '</td><td>' + tbodyCon[1][6]+ '</td><td>' + tbodyCon[2][6]+ '</td><td>' + tbodyCon[3][6]+ '</td><td>' + tbodyCon[4][6]+ '</td><td>' + tbodyCon[5][6]+ '</td><tr/>'+
203
-					'<tr><td>8月份</td><td>' + tbodyCon[0][7]+ '</td><td>' + tbodyCon[1][7]+ '</td><td>' + tbodyCon[2][7]+ '</td><td>' + tbodyCon[3][7]+ '</td><td>' + tbodyCon[4][7]+ '</td><td>' + tbodyCon[5][7]+ '</td><tr/>'+
204
-					'<tr><td>9月份</td><td>' + tbodyCon[0][8]+ '</td><td>' + tbodyCon[1][8]+ '</td><td>' + tbodyCon[2][8]+ '</td><td>' + tbodyCon[3][8]+ '</td><td>' + tbodyCon[4][8]+ '</td><td>' + tbodyCon[5][8]+ '</td><tr/>'+
205
-					'<tr><td>10月份</td><td>' + tbodyCon[0][9]+ '</td><td>' + tbodyCon[1][9]+ '</td><td>' + tbodyCon[2][9]+ '</td><td>' + tbodyCon[3][9]+ '</td><td>' + tbodyCon[4][9]+ '</td><td>' + tbodyCon[5][9]+ '</td><tr/>'+
206
-					'<tr><td>11月份</td><td>' + tbodyCon[0][10]+ '</td><td>' + tbodyCon[1][10]+ '</td><td>' + tbodyCon[2][10]+ '</td><td>' + tbodyCon[3][10]+ '</td><td>' + tbodyCon[4][10]+ '</td><td>' + tbodyCon[5][10]+ '</td><tr/>'+
207
-					'<tr><td>12月份</td><td>' + tbodyCon[0][11]+ '</td><td>' + tbodyCon[1][11]+ '</td><td>' + tbodyCon[2][11]+ '</td><td>' + tbodyCon[3][11]+ '</td><td>' + tbodyCon[4][11]+ '</td><td>' + tbodyCon[5][11]+ '</td><tr/>').appendTo('.thTable tbody');
208
-			        }
209
-				
210
-
202
+						$('<tr><td>1月份</td><td>' + tbodyCon[0][0]+ '</td><td>' + tbodyCon[1][0]+ '</td><td>' + tbodyCon[2][0]+ '</td><td>' + tbodyCon[3][0]+ '</td><td>' + tbodyCon[4][0]+ '</td><td>' + tbodyCon[5][0]+ '</td></tr>'+
203
+						'<tr><td>2月份</td><td>' + tbodyCon[0][1]+ '</td><td>' + tbodyCon[1][1]+ '</td><td>' + tbodyCon[2][1]+ '</td><td>' + tbodyCon[3][1]+ '</td><td>' + tbodyCon[4][1]+ '</td><td>' + tbodyCon[5][1]+ '</td></tr>'+
204
+						'<tr><td>3月份</td><td>' + tbodyCon[0][2]+ '</td><td>' + tbodyCon[1][2]+ '</td><td>' + tbodyCon[2][2]+ '</td><td>' + tbodyCon[3][2]+ '</td><td>' + tbodyCon[4][2]+ '</td><td>' + tbodyCon[5][2]+ '</td></tr>'+
205
+						'<tr><td>4月份</td><td>' + tbodyCon[0][3]+ '</td><td>' + tbodyCon[1][3]+ '</td><td>' + tbodyCon[2][3]+ '</td><td>' + tbodyCon[3][3]+ '</td><td>' + tbodyCon[4][3]+ '</td><td>' + tbodyCon[5][3]+ '</td></tr>'+
206
+						'<tr><td>5月份</td><td>' + tbodyCon[0][4]+ '</td><td>' + tbodyCon[1][4]+ '</td><td>' + tbodyCon[2][4]+ '</td><td>' + tbodyCon[3][4]+ '</td><td>' + tbodyCon[4][4]+ '</td><td>' + tbodyCon[5][4]+ '</td><tr/>'+
207
+						'<tr><td>6月份</td><td>' + tbodyCon[0][5]+ '</td><td>' + tbodyCon[1][5]+ '</td><td>' + tbodyCon[2][5]+ '</td><td>' + tbodyCon[3][5]+ '</td><td>' + tbodyCon[4][5]+ '</td><td>' + tbodyCon[5][5]+ '</td><tr/>'+
208
+						'<tr><td>7月份</td><td>' + tbodyCon[0][6]+ '</td><td>' + tbodyCon[1][6]+ '</td><td>' + tbodyCon[2][6]+ '</td><td>' + tbodyCon[3][6]+ '</td><td>' + tbodyCon[4][6]+ '</td><td>' + tbodyCon[5][6]+ '</td><tr/>'+
209
+						'<tr><td>8月份</td><td>' + tbodyCon[0][7]+ '</td><td>' + tbodyCon[1][7]+ '</td><td>' + tbodyCon[2][7]+ '</td><td>' + tbodyCon[3][7]+ '</td><td>' + tbodyCon[4][7]+ '</td><td>' + tbodyCon[5][7]+ '</td><tr/>'+
210
+						'<tr><td>9月份</td><td>' + tbodyCon[0][8]+ '</td><td>' + tbodyCon[1][8]+ '</td><td>' + tbodyCon[2][8]+ '</td><td>' + tbodyCon[3][8]+ '</td><td>' + tbodyCon[4][8]+ '</td><td>' + tbodyCon[5][8]+ '</td><tr/>'+
211
+						'<tr><td>10月份</td><td>' + tbodyCon[0][9]+ '</td><td>' + tbodyCon[1][9]+ '</td><td>' + tbodyCon[2][9]+ '</td><td>' + tbodyCon[3][9]+ '</td><td>' + tbodyCon[4][9]+ '</td><td>' + tbodyCon[5][9]+ '</td><tr/>'+
212
+						'<tr><td>11月份</td><td>' + tbodyCon[0][10]+ '</td><td>' + tbodyCon[1][10]+ '</td><td>' + tbodyCon[2][10]+ '</td><td>' + tbodyCon[3][10]+ '</td><td>' + tbodyCon[4][10]+ '</td><td>' + tbodyCon[5][10]+ '</td><tr/>'+
213
+						'<tr><td>12月份</td><td>' + tbodyCon[0][11]+ '</td><td>' + tbodyCon[1][11]+ '</td><td>' + tbodyCon[2][11]+ '</td><td>' + tbodyCon[3][11]+ '</td><td>' + tbodyCon[4][11]+ '</td><td>' + tbodyCon[5][11]+ '</td><tr/>').appendTo('.thTable tbody');
214
+				        }
211 215
 			            	
212 216
               //导出功能
213 217
               	$('.export').click(function() {
@@ -215,7 +219,7 @@
215 219
 				})
216 220
 		   function dcexcel(obj) {
217 221
             var url = huayi.config.callcenter_url + "YearContrast/ExptList?token=" + $.cookie("token");
218
-                url += "&beginyear=" + $("#first").val() + "&endyear=" + $("#last").val();
222
+                url += "&beginyear=" + $('#chooseTime').val() && $('#chooseTime').val().split('~')[0] + "&endyear=" + $('#chooseTime').val() && $('#chooseTime').val().split('~')[1];
219 223
                 obj.href = url;
220 224
        		 }
221 225
 			

+ 0 - 7
CallCenterWeb.UI/qualityControl.html

@@ -613,13 +613,6 @@
613 613
 								$('<tr>' +
614 614
 									'<td rowspan="'+ c +'">' + twoCon[j].Qcname + '</td>' +
615 615
 									'</tr>').appendTo("#tbody");
616
-//									$('<tr>'+
617
-//	          			'<td colspan="3" style="background-color: #e4d354;">【'+twoCon[j].Qcname+'】合计:</td>'+
618
-//	          			'<td style="background-color: #e4d354;">200</td>'+
619
-//	          			'<td  style="background-color: #e4d354;">'+
620
-//	          				'<span style="color: red; ">200</span>'+	
621
-//	          			'</td>'+
622
-//	          		'</tr>').appendTo("#tbody");											
623 616
 								var stree = twoCon[j].Qclist;
624 617
 								console.log(stree);
625 618
 								if(stree !== null) {

+ 34 - 69
CallCenterWeb.UI/riTongHuaTime.html

@@ -15,7 +15,6 @@
15 15
 		<link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
16 16
 		<link href="css/animate.min.css" rel="stylesheet">
17 17
 		<link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">
18
-		<link rel="stylesheet" href="css/laydate/need/laydate.css" />
19 18
 		<link rel="stylesheet" href="js/select2/css/select2.min.css" />
20 19
 		<link rel="stylesheet" href="css/init.css" />
21 20
 		<style>
@@ -36,26 +35,6 @@
36 35
 				margin-right: 45px;
37 36
 			}
38 37
 			
39
-			.topCon select {
40
-				padding: 2px;
41
-				height: 28px;
42
-				border: 1px solid #ebebeb;
43
-				color: #1ab394;
44
-				outline: none;
45
-				vertical-align: middle;
46
-				margin-right: 10px;
47
-			}
48
-			
49
-			.topCon input {
50
-				width: 128px;
51
-				padding: 2px 2PX 2PX 10PX;
52
-				height: 28px;
53
-				border: 1px solid #ebebeb;
54
-				color: #1ab394;
55
-				outline: none;
56
-				vertical-align: middle;
57
-			}
58
-			
59 38
 			.zxt-content {
60 39
 				width: 95%;
61 40
 				margin: 0 auto;
@@ -90,14 +69,22 @@
90 69
 			</div>
91 70
 			<div class="zxt-top clearfix">
92 71
 				<div class="topCon">
93
-					坐席:
94
-					<select name="" id="zuoxi">
95
-					</select>
96
-					开始时间:
97
-					<input type="text" class="laydate-icon" id="startTime" /> 结束时间:
98
-					<input type="text" class="laydate-icon" id="endTime" />
99
-					<button class="btns sear">搜索</button>
100
-					<a class="btns export ">导出</a>
72
+					<div class="form-inline th-bar clearfix">
73
+						<div class="time-box form-group" >
74
+							<i class="tub fa fa-calendar"></i>
75
+							<input class="form-control" type="text" id="startTime" placeholder="起始时间" style="width: 228px;">
76
+						</div>
77
+						<div class="time-box form-group" >
78
+							<select name="" id="zuoxi" class="form-control"></select>
79
+					
80
+						</div>
81
+						<div class="form-group tool_bars pull-right">
82
+							<button class="btns sear">搜索</button>
83
+						<a class="btns export">导出</a>
84
+						</div>
85
+					
86
+					</div>
87
+					
101 88
 				</div>
102 89
 			</div>
103 90
 
@@ -121,51 +108,28 @@
121 108
 		<script src="js/jquery.min.js?v=2.1.4"></script>
122 109
 		<script src="js/bootstrap.min.js?v=3.3.6"></script>
123 110
 		<script src="js/jquery.cookie.js"></script>
124
-		<script src="css/laydate/laydate.js"></script>
111
+		<script src="js/laydate/laydate.js"></script>
125 112
 		<script src="js/select2/js/select2.min.js"></script>
126 113
 		<script>
127 114
 			$(function() {
128 115
 				var token = $.cookie("token");
129 116
 				var seatlist;
130
-				var stime, //开始时间
131
-					endtime; //结束时间
132
-				var zuoxi = $("#zuoxi option:selected").val();
133
-				laydate.skin('molv');
134
-				laydate({
117
+				//日期
118
+				laydate.render({
135 119
 					elem: '#startTime',
136
-					event: 'focus',
137
-					format: 'YYYY-MM-DD' // 分隔符可以任意定义,该例子表示只显示年月
138
-				});
139
-				laydate({
140
-					elem: '#endTime',
141
-					event: 'focus',
142
-					format: 'YYYY-MM-DD', // 分隔符可以任意定义,该例子表示只显示年月
120
+					range: '~',
121
+					theme: '#00a1cb',
143 122
 				});
144 123
 				Ajax();
145 124
 				//搜索事件
146 125
 				$(".sear").click(function() {
147
-					$('.thTable tbody').html('');
148
-					stime = $('#startTime').val(); //开始时间
149
-					endtime = $('#endTime').val(); //结束时间
150
-					zuoxi = $("#zuoxi option:selected").val();
151 126
 					
152
-					if(stime != '' && endtime != '') {
153
-//						console.log(zuoxi);
154
-						Ajax(stime, endtime, zuoxi);
155
-					} else {
156
-						Ajax();
157
-						if(stime == '') {
158
-							  layer.confirm('请选择开始时间!', {
159
-                            btn: ['确定']
160
-                        });
161
-                        return;
162
-						} else if(endtime == '') {
163
-							  layer.confirm('请选择结束时间!', {
127
+					if($('#startTime').val()= '') {
128
+						 layer.confirm('请选择时间!', {
164 129
                             btn: ['确定']
165
-                        });
166
-                        return;
167
-						}
168
-					}
130
+							}); 
131
+					}						
132
+					Ajax();
169 133
 				});
170 134
 				//导出
171 135
         		$('.export').click(function() {
@@ -173,7 +137,7 @@
173 137
 				})
174 138
 		   function dcexcel(obj) {
175 139
             var url = huayi.config.callcenter_url + "DaysTalkTime/ExptList?token=" + $.cookie("token");
176
-               url += "&stime=" + $("#startTime").val() + "&endtime=" + $("#endTime").val() + "&usercode=" + $("#zuoxi option:selected").val();
140
+               url += "&stime=" + $('#startTime').val() && $('#startTime').val().split('~')[0] + "&endtime=" + $('#startTime').val() && $('#startTime').val().split('~')[1] + "&usercode=" + $("#zuoxi option:selected").val();
177 141
                 obj.href = url;
178 142
         }
179 143
 				//获取坐席
@@ -189,7 +153,7 @@
189 153
 				//坐席列表
190 154
 				function bindseat(obj) {
191 155
 					obj.empty();
192
-					obj.append('<option value="">全部</option>');
156
+					obj.append('<option value="">请选择坐席</option>');
193 157
 					$(seatlist).each(function(i, n) {
194 158
 						obj.append('<option value="' + n.F_UserCode + '">' + n.F_UserName + '</option>');
195 159
 					})
@@ -206,6 +170,7 @@
206 170
 					},
207 171
 					success: function(res) {
208 172
 						var con = res.data;
173
+						$('.thTable thead tr').html('');
209 174
 						if(res.state.toLowerCase() == "success") {
210 175
 							for(var i = 0; i < con.length; i++) {
211 176
 								$('<td>' + con[i] + '</td>').appendTo('.thTable thead tr')
@@ -224,17 +189,17 @@
224 189
 						async: true,
225 190
 						dataType: 'json',
226 191
 						data: {
227
-							stime: stime,
228
-							endtime: endtime,
229
-							usercode: zuoxi,
230
-							token: token
192
+							stime: $('#startTime').val() && $('#startTime').val().split('~')[0],
193
+							endtime: $('#startTime').val() && $('#startTime').val().split('~')[1],
194
+							usercode: $("#zuoxi option:selected").val(),
195
+							token: $.cookie("token")
231 196
 						},
232 197
 						success: function(res) {
233 198
 							var result = res.data;
199
+							$('.thTable tbody').html('');
234 200
 							if(res.state.toLowerCase() == "success") {
235 201
 							for(var i = 0; i < result.length; i++) {
236 202
 								$('<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 style="color:#e43926;font-weight: bold;">' + result[i].通话总时长 + '</td><td style="color:#e43926;font-weight: bold;">' + result[i].平均通话总时长 + '</td></tr>').appendTo('.thTable  tbody')
237
-								//							 console.log(typeof(result[i].日期))
238 203
 							}
239 204
 							}
240 205
 						}

+ 2 - 2
CallCenterWeb.UI/thjl.html

@@ -297,8 +297,8 @@
297 297
 				},
298 298
 				success: function(data) {
299 299
 					var Count = data.data;
300
-					console.log(Count);
301
-					$("<option value='0'>全部</option>").appendTo($(".select"));
300
+					$(".select").empty();
301
+					$("<option value='0'>全部坐席</option>").appendTo($(".select"));
302 302
 					for(var i = 0; i < Count.length; i++) {
303 303
 						console.log(Count[i].F_UserName);
304 304
 						$("<option value='" + Count[i].F_UserCode + "'>" + Count[i].F_UserName + "</option>").appendTo($(".select"));

File diff suppressed because it is too large
+ 29 - 60
CallCenterWeb.UI/zhiJian.html


+ 1 - 8
CallCenterWeb.UI/zuoXiCompent.html

@@ -195,19 +195,12 @@
195 195
 					elem: '#startTime',
196 196
 					event: 'focus',
197 197
 					format: 'YYYY-MM-DD', // 分隔符可以任意定义,该例子表示只显示年月
198
-//				  	festival: true, //显示节日
199
-				  	choose: function(datas){ //选择日期完毕的回调
200
-//				    alert('得到:'+datas);
201
-				  }
202 198
 				});
203 199
 				laydate({
204 200
 					elem: '#endTime',
205 201
 					event: 'focus',
206 202
 					format: 'YYYY-MM-DD', // 分隔符可以任意定义,该例子表示只显示年月
207
-//				  	festival: true, //显示节日
208
-				  	choose: function(datas){ //选择日期完毕的回调
209
-//				    alert('得到:'+datas);
210
-				  }
203
+
211 204
 				});
212 205
 				
213 206
 			})

File diff suppressed because it is too large
+ 4 - 6
CallCenterWeb.UI/zuoXiTable.html