Domů Procházet Nápověda
Registrovat se Přihlásit se
zhengbingbing
/
XYUpgrade_UI
Sledovat 1
Oblíbit 0
Rozštěpit 0
Zdrojový kód Úkoly 0 Požadavky na natažení 0 Revize 60 Vydání 0 Wiki
Procházet zdrojové kódy

月、日、来电分析

zhangshuangnan %!s(int64=7) %!d(string=před) roky
rodič
60c00625f4
revize
a2d385a359
6 změnil soubory, kde provedl 1023 přidání a 5 odebrání
Rozdělené zobrazení Ukázat statistiku rozdílových dat
  1. 277 0
      CallCenterWeb.UI/ReportForm/CallerAnalysis.html
  2. 247 0
      CallCenterWeb.UI/ReportForm/dayData.html
  3. 253 0
      CallCenterWeb.UI/ReportForm/monthData.html
  4. 220 0
      CallCenterWeb.UI/ReportForm/seatPhoneCount.html
  5. 22 2
      CallCenterWeb.UI/js/newtx.js
  6. 4 3
      CallCenterWeb.UI/widgets.html

+ 277 - 0
CallCenterWeb.UI/ReportForm/CallerAnalysis.html
Zobrazit soubor 

@@ -0,0 +1,277 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+	<head>
5 
+		<meta charset="utf-8">
6 
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
7 
+		<script src="./../Script/Common/huayi.load.js"></script>
8 
+		<script src="./../Script/Common/huayi.config.js"></script>
9 
+		<!--<link rel="stylesheet" href="./../css/huTotal.css" />-->
10 
+		<link rel="stylesheet" href="./../js/layui/css/layui.css" />
11 
+		<link rel="stylesheet" href="./../css/init.css" />
12 
+		<title>来电分析</title>
13 
+	</head>
14 
+	<style>
15 
+		.hut-top {
16 
+			background: #f3f3f4;
17 
+			/*height: 60px;*/
18 
+			padding: 10px 20px;
19 
+		}
20 
+
21 
+		.hut-tcon {
22 
+			float: right;
23 
+		}
24 
+
25 
+		.dhLeft a {
26 
+			color: #999;
27 
+		}
28 
+		.layui-table td, .layui-table th{
29 
+			text-align: center!important;
30 
+		}
31 
+		 .layui-table th{
32 
+		 	background: #1ab494;
33 
+		 	color: #fff;
34 
+		 }
35 
+		 .charts,#callIn_count{
36 
+		 	width: 100%;
37 
+		 }
38 
+		 .time_title{
39 
+		 	    text-align: right;
40 
+			    font-size: 15px;
41 
+			    line-height: 24px;
42 
+			    font-family: "Helvetica Neue", Helvetica, "PingFang SC", 微软雅黑, Tahoma, Arial, sans-serif;
43 
+			    color: #333;
44 
+			    margin-top: 15px;
45 
+			    padding-right: 25px;
46 
+		 }
47 
+	</style>
48 
+
49 
+	<body class="gray-bg" style="background: #fefefe;">
50 
+		<div class="wrapper wrapper-content animated fadeInRight">
51 
+			<div class="hu-total">
52 
+			<div class="daoHang clearfix">
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>
60 
+				</div>
61 
+				<div class="dhRight">
62 
+					<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
63 
+				</div>
64 
+
65 
+			</div>
66 
+			<div class="hut-top clearfix">
67 
+				<div class="topCon">
68 
+					<div class="form-inline th-bar clearfix">
69 
+						<div class="time-box form-group">
70 
+							<i class="tub fa fa-calendar"></i>
71 
+							<input class="form-control" type="text" id="chooseTime" placeholder="请选择日期">
72 
+						</div>
73 
+						<div class="form-group tool_bars pull-right">
74 
+							<button class="btns sear">搜索</button>
75 
+						</div>
76 
+					</div>
77 
+				</div>
78 
+			</div>
79 
+			<div class="hu-content">
80 
+				<p class="time_title">统计截止日期：<span class="strdate" style="color: darkred;"></span></p>
81 
+				<div class="layui-form">
82 
+				  <table class="layui-table dataTable">
83 
+				    <colgroup>
84 
+				      <col width="150">
85 
+				      <col width="150">
86 
+				      <col width="200">
87 
+				      <col>
88 
+				    </colgroup>
89 
+				    <thead>
90 
+				      <tr>
91 
+				        <th>呼叫方式</th>
92 
+				        <th>总呼叫量</th>
93 
+				        <th>接通量</th>
94 
+				        <th>未接量</th>
95 
+				        <th>客户主动放弃呼叫数量</th>
96 
+				        <th>接通率</th>
97 
+				        <th>总通话时长</th>
98 
+				        <th>平均通话时长</th>
99 
+				      </tr>
100 
+				    </thead>
101 
+				    <tbody>
102 
+				      <tr>
103 
+				        <td>呼入</td>
104 
+				        <td>0</td>
105 
+				        <td>0</td>
106 
+				        <td>0</td>
107 
+				        <td>0</td>
108 
+				        <td>0</td>
109 
+				        <td>0</td>
110 
+				        <td>0</td>
111 
+				      </tr>
112 
+				      <tr>
113 
+				         <td>呼出</td>
114 
+				        <td>0</td>
115 
+				        <td>0</td>
116 
+				        <td>0</td>
117 
+				        <td>0</td>
118 
+				        <td>0</td>
119 
+				        <td>0</td>
120 
+				        <td>0</td>
121 
+				      </tr>
122 
+				    </tbody>
123 
+				  </table>
124 
+				</div>
125 
+
126 
+
127 
+				<div class="charts">
128 
+					<div id="callIn_count" style="height: 450px;"></div>
129 
+
130 
+				</div>
131 
+
132 
+
133 
+
134 
+			</div>
135 
+		</div>
136 
+		</div>
137 
+		<script src="./../js/layui/layui.js"></script>
138 
+		<script src="../js/echarts.common.min.js"></script>
139 
+		<script>
140 
+			$(function(){
141 
+				/*日期选择*/
142 
+				layui.use('laydate', function() {
143 
+					var laydate = layui.laydate;
144 
+					//日期
145 
+					laydate.render({
146 
+						elem: '#chooseTime',
147 
+						range: '~',
148 
+						theme: '#1ab394',
149 
+					});
150 
+				});
151 
+				//搜索事件
152 
+				$('.sear').click(function(){
153 
+					ReportTable();
154 
+				});
155 
+
156 
+				var callIn_count = echarts.init(document.getElementById('callIn_count'));
157 
+					callIn_count.setOption({
158 
+						title: {
159 
+							text: '来电高峰期（低谷期）统计',
160 
+							x: 'center',
161 
+							textStyle: {
162 
+								color: '#000',
163 
+								fontSize: 16,
164 
+								fontWeight: 'normal'
165 
+							}
166 
+						},
167 
+						tooltip: {
168 
+							trigger: 'axis',
169 
+							axisPointer: {
170 
+								type: 'shadow',
171 
+								label: {
172 
+									show: true,
173 
+									backgroundColor: '#333'
174 
+								}
175 
+							}
176 
+
177 
+						},
178 
+						grid: {
179 
+							left: '2%',
180 
+							right: '5%',
181 
+							bottom: '6%',
182 
+							containLabel: true
183 
+						},
184 
+						legend: {
185 
+							bottom:'bottom',
186 
+							data: ['电话量'],
187 
+							textStyle: {
188 
+								color: '#000'
189 
+							}
190 
+						},
191 
+						xAxis: {
192 
+							name: '时',
193 
+							data: [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23],
194 
+							axisLine: {
195 
+								lineStyle: {
196 
+									color: '#000'
197 
+								}
198 
+							},
199 
+
200 
+						},
201 
+						yAxis: {
202 
+							name: '通',
203 
+							splitLine: {
204 
+								show: false
205 
+							},
206 
+							axisLine: {
207 
+								lineStyle: {
208 
+									color: '#000'
209 
+								}
210 
+							}
211 
+						},
212 
+						series: [{
213 
+							name: '电话量',
214 
+							type: 'line',
215 
+							smooth:true,
216 
+							showAllSymbol:true,
217 
+							symbol :"emptyCircle",
218 
+							symbolSize: 10,
219 
+							data: []
220 
+						}]
221 
+					});
222 
+				ReportTable();
223 
+
224 
+					function ReportTable(){
225 
+						   	   $.ajax({
226 
+						   	   	type:"get",
227 
+						   	   	url:huayi.config.callcenter_url + "CallByMonth/GetReportTable",
228 
+						   	   	async:true,
229 
+						   	   	dataType:'json',
230 
+						   	   	data:{
231 
+						   	   		token:$.cookie("token"),
232 
+						   	   		type:2,
233 
+						   	   		sdate:$('#chooseTime').val() && $('#chooseTime').val().split(' ~ ')[0],
234 
+						   	   		edate:$('#chooseTime').val() && $('#chooseTime').val().split(' ~ ')[1],
235 
+						   	   	},
236 
+						   	   	success:function(data){
237 
+						   	   		if(data.state.toLowerCase()=='success'){
238 
+						   	   			$('.dataTable tbody').html('');
239 
+						   	   			var con=data.data;
240 
+						   	   			$('.strdate').text(con.strdate);
241 
+										callIn_count.setOption({
242 
+						//						xAxis: {
243 
+						//							data:con.hours
244 
+						//						},
245 
+												series: [{
246 
+													data:con.linedata
247 
+												}]
248 
+
249 
+										})
250 
+										if(con.tabledata && con.tabledata.length>0){
251 
+											$.each(con.tabledata,function(i,n){
252 
+											$('<tr>'+
253 
+												'<td>'+ n.呼叫方式 +'</td>'+
254 
+												'<td>'+ n.总呼叫数量 +'</td>'+
255 
+												'<td>'+ n.接通数量 +'</td>'+
256 
+												'<td>'+ n.未接数量 +'</td>'+
257 
+												'<td>'+ n.客户主动放弃呼叫数量 +'</td>'+
258 
+												'<td>'+ n.接通率 +'</td>'+
259 
+												'<td>'+ n.总通话时长 +'</td>'+
260 
+												'<td>'+ n.平均通话时长 +'</td>'+
261 
+											'</tr>').appendTo('.dataTable tbody');
262 
+										})
263 
+
264 
+										}else{
265 
+											$('<tr><td colspan="8"> 暂无数据。。。</td></tr>').appendTo('.dataTable tbody');
266 
+										}
267 
+						   	   		}
268 
+						   	   	}
269 
+						   	   });
270 
+						   }
271 
+
272 
+
273 
+		})
274 
+		</script>
275 
+	</body>
276 
+
277 
+</html>

+ 247 - 0
CallCenterWeb.UI/ReportForm/dayData.html
Zobrazit soubor 

@@ -0,0 +1,247 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+	<head>
5 
+		<meta charset="utf-8">
6 
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
7 
+		<script src="./../Script/Common/huayi.load.js"></script>
8 
+		<script src="./../Script/Common/huayi.config.js"></script>
9 
+		<!--<link rel="stylesheet" href="./../css/huTotal.css" />-->
10 
+		<link rel="stylesheet" href="./../js/layui/css/layui.css" />
11 
+		<link rel="stylesheet" href="./../css/init.css" />
12 
+		<title>日数据量统计</title>
13 
+	</head>
14 
+	<style>
15 
+		.hut-top {
16 
+			background: #f3f3f4;
17 
+			/*height: 60px;*/
18 
+			padding: 10px 20px;
19 
+		}
20 
+
21 
+		.hut-tcon {
22 
+			float: right;
23 
+		}
24 
+
25 
+		.dhLeft a {
26 
+			color: #999;
27 
+		}
28 
+		.layui-table td, .layui-table th{
29 
+			text-align: center!important;
30 
+		}
31 
+		 .layui-table th{
32 
+		 	background: #1ab494;
33 
+		 	color: #fff;
34 
+		 }
35 
+		 .charts,#callIn_count{
36 
+		 	width: 100%;
37 
+		 }
38 
+		 .time_title{
39 
+		 	    text-align: right;
40 
+			    font-size: 15px;
41 
+			    line-height: 24px;
42 
+			    font-family: "Helvetica Neue", Helvetica, "PingFang SC", 微软雅黑, Tahoma, Arial, sans-serif;
43 
+			    color: #333;
44 
+			    margin-top: 15px;
45 
+			    padding-right: 25px;
46 
+		 }
47 
+	</style>
48 
+
49 
+	<body class="gray-bg" style="background: #fefefe;">
50 
+		<div class="wrapper wrapper-content animated fadeInRight">
51 
+			<div class="hu-total">
52 
+			<div class="daoHang clearfix">
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>
60 
+				</div>
61 
+				<div class="dhRight">
62 
+					<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
63 
+				</div>
64 
+
65 
+			</div>
66 
+			<div class="hu-content">
67 
+				<p class="time_title">统计截止日期：<span class="strdate" style="color: darkred;"></span></p>
68 
+				<div class="layui-form">
69 
+				  <table class="layui-table dataTable">
70 
+				    <colgroup>
71 
+				      <col width="150">
72 
+				      <col width="150">
73 
+				      <col width="200">
74 
+				      <col>
75 
+				    </colgroup>
76 
+				    <thead>
77 
+				      <tr>
78 
+				        <th>呼叫方式</th>
79 
+				        <th>总呼叫量</th>
80 
+				        <th>接通量</th>
81 
+				        <th>未接量</th>
82 
+				        <th>客户主动放弃呼叫数量</th>
83 
+				        <th>接通率</th>
84 
+				        <th>总通话时长</th>
85 
+				        <th>平均通话时长</th>
86 
+				      </tr>
87 
+				    </thead>
88 
+				    <tbody>
89 
+				      <tr>
90 
+				        <td>呼入</td>
91 
+				        <td>0</td>
92 
+				        <td>0</td>
93 
+				        <td>0</td>
94 
+				        <td>0</td>
95 
+				        <td>0</td>
96 
+				        <td>0</td>
97 
+				        <td>0</td>
98 
+				      </tr>
99 
+				      <tr>
100 
+				         <td>呼出</td>
101 
+				        <td>0</td>
102 
+				        <td>0</td>
103 
+				        <td>0</td>
104 
+				        <td>0</td>
105 
+				        <td>0</td>
106 
+				        <td>0</td>
107 
+				        <td>0</td>
108 
+				      </tr>
109 
+				    </tbody>
110 
+				  </table>
111 
+				</div>
112 
+
113 
+
114 
+				<div class="charts">
115 
+					<div id="callIn_count" style="height: 450px;"></div>
116 
+
117 
+				</div>
118 
+
119 
+
120 
+
121 
+			</div>
122 
+		</div>
123 
+		</div>
124 
+		<script src="./../js/layui/layui.js"></script>
125 
+		<script src="../js/echarts.common.min.js"></script>
126 
+		<script>
127 
+			$(function(){
128 
+				var callIn_count = echarts.init(document.getElementById('callIn_count'));
129 
+					callIn_count.setOption({
130 
+						title: {
131 
+							text: '来电高峰期（低谷期）统计',
132 
+							x: 'center',
133 
+							textStyle: {
134 
+								color: '#000',
135 
+								fontSize: 16,
136 
+								fontWeight: 'normal'
137 
+							}
138 
+						},
139 
+						tooltip: {
140 
+							trigger: 'axis',
141 
+							axisPointer: {
142 
+								type: 'shadow',
143 
+								label: {
144 
+									show: true,
145 
+									backgroundColor: '#333'
146 
+								}
147 
+							}
148 
+
149 
+						},
150 
+						grid: {
151 
+							left: '2%',
152 
+							right: '5%',
153 
+							bottom: '6%',
154 
+							containLabel: true
155 
+						},
156 
+						legend: {
157 
+							bottom:'bottom',
158 
+							data: ['电话量'],
159 
+							textStyle: {
160 
+								color: '#000'
161 
+							}
162 
+						},
163 
+						xAxis: {
164 
+							name: '时',
165 
+							data: [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23],
166 
+							axisLine: {
167 
+								lineStyle: {
168 
+									color: '#000'
169 
+								}
170 
+							},
171 
+
172 
+						},
173 
+						yAxis: {
174 
+							name: '通',
175 
+							splitLine: {
176 
+								show: false
177 
+							},
178 
+							axisLine: {
179 
+								lineStyle: {
180 
+									color: '#000'
181 
+								}
182 
+							}
183 
+						},
184 
+						series: [{
185 
+							name: '电话量',
186 
+							type: 'line',
187 
+							smooth:true,
188 
+							showAllSymbol:true,
189 
+							symbol :"emptyCircle",
190 
+							symbolSize: 10,
191 
+							data: []
192 
+						}]
193 
+					});
194 
+				ReportTable();
195 
+
196 
+					function ReportTable(){
197 
+						   	   $.ajax({
198 
+						   	   	type:"get",
199 
+						   	   	url:huayi.config.callcenter_url + "CallByMonth/GetReportTable",
200 
+						   	   	async:true,
201 
+						   	   	dataType:'json',
202 
+						   	   	data:{
203 
+						   	   		token:$.cookie("token"),
204 
+						   	   		type:1,
205 
+//						   	   		sdate:$('#chooseTime').val() && $('#chooseTime').val().split(' ~ ')[0],
206 
+//						   	   		edate:$('#chooseTime').val() && $('#chooseTime').val().split(' ~ ')[1],
207 
+						   	   	},
208 
+						   	   	success:function(data){
209 
+						   	   		if(data.state.toLowerCase()=='success'){
210 
+						   	   			$('.dataTable tbody').html('');
211 
+						   	   			var con=data.data;
212 
+						   	   			$('.strdate').text(con.strdate);
213 
+										callIn_count.setOption({
214 
+						//						xAxis: {
215 
+						//							data:con.hours
216 
+						//						},
217 
+												series: [{
218 
+													data:con.linedata
219 
+												}]
220 
+
221 
+										})
222 
+										if(con.tabledata && con.tabledata.length>0){
223 
+											$.each(con.tabledata,function(i,n){
224 
+											$('<tr>'+
225 
+												'<td>'+ n.呼叫方式 +'</td>'+
226 
+												'<td>'+ n.总呼叫数量 +'</td>'+
227 
+												'<td>'+ n.接通数量 +'</td>'+
228 
+												'<td>'+ n.未接数量 +'</td>'+
229 
+												'<td>'+ n.客户主动放弃呼叫数量 +'</td>'+
230 
+												'<td>'+ n.接通率 +'</td>'+
231 
+												'<td>'+ n.总通话时长 +'</td>'+
232 
+												'<td>'+ n.平均通话时长 +'</td>'+
233 
+											'</tr>').appendTo('.dataTable tbody');
234 
+										})
235 
+
236 
+										}else{
237 
+											$('<tr><td colspan="8"> 暂无数据。。。</td></tr>').appendTo('.dataTable tbody');
238 
+										}
239 
+						   	   		}
240 
+						   	   	}
241 
+						   	   });
242 
+						   }
243 
+		})
244 
+		</script>
245 
+	</body>
246 
+
247 
+</html>

+ 253 - 0
CallCenterWeb.UI/ReportForm/monthData.html
Zobrazit soubor 

@@ -0,0 +1,253 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+	<head>
5 
+		<meta charset="utf-8">
6 
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
7 
+		<script src="./../Script/Common/huayi.load.js"></script>
8 
+		<script src="./../Script/Common/huayi.config.js"></script>
9 
+		<!--<link rel="stylesheet" href="./../css/huTotal.css" />-->
10 
+		<link rel="stylesheet" href="./../js/layui/css/layui.css" />
11 
+		<link rel="stylesheet" href="./../css/init.css" />
12 
+		<title>月数据量统计</title>
13 
+	</head>
14 
+	<style>
15 
+		.hut-top {
16 
+			background: #f3f3f4;
17 
+			/*height: 60px;*/
18 
+			padding: 10px 20px;
19 
+		}
20 
+
21 
+		.hut-tcon {
22 
+			float: right;
23 
+		}
24 
+
25 
+		.dhLeft a {
26 
+			color: #999;
27 
+		}
28 
+		.layui-table td, .layui-table th{
29 
+			text-align: center!important;
30 
+		}
31 
+		 .layui-table th{
32 
+		 	background: #1ab494;
33 
+		 	color: #fff;
34 
+		 }
35 
+		 .charts,#callIn_count{
36 
+		 	width: 100%;
37 
+		 }
38 
+		 .time_title{
39 
+		 	    text-align: right;
40 
+			    font-size: 15px;
41 
+			    line-height: 24px;
42 
+			    font-family: "Helvetica Neue", Helvetica, "PingFang SC", 微软雅黑, Tahoma, Arial, sans-serif;
43 
+			    color: #333;
44 
+			    margin-top: 15px;
45 
+			    padding-right: 25px;
46 
+		 }
47 
+	</style>
48 
+
49 
+	<body class="gray-bg" style="background: #fefefe;">
50 
+		<div class="wrapper wrapper-content animated fadeInRight">
51 
+			<div class="hu-total">
52 
+			<div class="daoHang clearfix">
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>
60 
+				</div>
61 
+				<div class="dhRight">
62 
+					<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
63 
+				</div>
64 
+
65 
+			</div>
66 
+			<div class="hu-content">
67 
+				<p class="time_title">统计截止日期：<span class="strdate" style="color: darkred;"></span></p>
68 
+				<div class="layui-form">
69 
+				  <table class="layui-table dataTable">
70 
+				    <colgroup>
71 
+				      <col width="150">
72 
+				      <col width="150">
73 
+				      <col width="200">
74 
+				      <col>
75 
+				    </colgroup>
76 
+				    <thead>
77 
+				      <tr>
78 
+				        <th>呼叫方式</th>
79 
+				        <th>总呼叫量</th>
80 
+				        <th>接通量</th>
81 
+				        <th>未接量</th>
82 
+				        <th>客户主动放弃呼叫数量</th>
83 
+				        <th>接通率</th>
84 
+				        <th>总通话时长</th>
85 
+				        <th>平均通话时长</th>
86 
+				      </tr>
87 
+				    </thead>
88 
+				    <tbody>
89 
+				      <tr>
90 
+				        <td>呼入</td>
91 
+				        <td>0</td>
92 
+				        <td>0</td>
93 
+				        <td>0</td>
94 
+				        <td>0</td>
95 
+				        <td>0</td>
96 
+				        <td>0</td>
97 
+				        <td>0</td>
98 
+				      </tr>
99 
+				      <tr>
100 
+				         <td>呼出</td>
101 
+				        <td>0</td>
102 
+				        <td>0</td>
103 
+				        <td>0</td>
104 
+				        <td>0</td>
105 
+				        <td>0</td>
106 
+				        <td>0</td>
107 
+				        <td>0</td>
108 
+				      </tr>
109 
+				    </tbody>
110 
+				  </table>
111 
+				</div>
112 
+
113 
+
114 
+				<div class="charts">
115 
+					<div id="callIn_count" style="height: 450px;"></div>
116 
+
117 
+				</div>
118 
+
119 
+
120 
+
121 
+			</div>
122 
+		</div>
123 
+		</div>
124 
+		<script src="./../js/layui/layui.js"></script>
125 
+		<script src="../js/echarts.common.min.js"></script>
126 
+		<script>
127 
+			$(function(){
128 
+
129 
+				var callIn_count = echarts.init(document.getElementById('callIn_count'));
130 
+					callIn_count.setOption({
131 
+						title: {
132 
+							text: '来电高峰期（低谷期）统计',
133 
+							x: 'center',
134 
+							textStyle: {
135 
+								color: '#000',
136 
+								fontSize: 16,
137 
+								fontWeight: 'normal'
138 
+							}
139 
+						},
140 
+						tooltip: {
141 
+							trigger: 'axis',
142 
+							axisPointer: {
143 
+								type: 'shadow',
144 
+								label: {
145 
+									show: true,
146 
+									backgroundColor: '#333'
147 
+								}
148 
+							}
149 
+
150 
+						},
151 
+						grid: {
152 
+							left: '2%',
153 
+							right: '5%',
154 
+							bottom: '6%',
155 
+							containLabel: true
156 
+						},
157 
+						legend: {
158 
+							bottom:'bottom',
159 
+							data: ['电话量'],
160 
+							textStyle: {
161 
+								color: '#000'
162 
+							}
163 
+						},
164 
+						xAxis: {
165 
+							name: '时',
166 
+							data: [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23],
167 
+							axisLine: {
168 
+								lineStyle: {
169 
+									color: '#000'
170 
+								}
171 
+							},
172 
+
173 
+						},
174 
+						yAxis: {
175 
+							name: '通',
176 
+							splitLine: {
177 
+								show: false
178 
+							},
179 
+							axisLine: {
180 
+								lineStyle: {
181 
+									color: '#000'
182 
+								}
183 
+							}
184 
+						},
185 
+						series: [{
186 
+							name: '电话量',
187 
+							type: 'line',
188 
+							smooth:true,
189 
+							showAllSymbol:true,
190 
+							symbol :"emptyCircle",
191 
+							symbolSize: 10,
192 
+							data: []
193 
+						}]
194 
+					});
195 
+				ReportTable();
196 
+
197 
+					function ReportTable(){
198 
+						   	   $.ajax({
199 
+						   	   	type:"get",
200 
+						   	   	url:huayi.config.callcenter_url + "CallByMonth/GetReportTable",
201 
+						   	   	async:true,
202 
+						   	   	dataType:'json',
203 
+						   	   	data:{
204 
+						   	   		token:$.cookie("token"),
205 
+						   	   		type:0,
206 
+//						   	   		sdate:$('#chooseTime').val() && $('#chooseTime').val().split(' ~ ')[0],
207 
+//						   	   		edate:$('#chooseTime').val() && $('#chooseTime').val().split(' ~ ')[1],
208 
+						   	   	},
209 
+						   	   	success:function(data){
210 
+						   	   		if(data.state.toLowerCase()=='success'){
211 
+						   	   			$('.dataTable tbody').html('');
212 
+						   	   			var con=data.data;
213 
+						   	   			$('.strdate').text(con.strdate);
214 
+										callIn_count.setOption({
215 
+						//						xAxis: {
216 
+						//							data:con.hours
217 
+						//						},
218 
+												series: [{
219 
+													data:con.linedata
220 
+												}]
221 
+
222 
+										})
223 
+										if(con.tabledata && con.tabledata.length>0){
224 
+											$.each(con.tabledata,function(i,n){
225 
+											$('<tr>'+
226 
+												'<td>'+ n.呼叫方式 +'</td>'+
227 
+												'<td>'+ n.总呼叫数量 +'</td>'+
228 
+												'<td>'+ n.接通数量 +'</td>'+
229 
+												'<td>'+ n.未接数量 +'</td>'+
230 
+												'<td>'+ n.客户主动放弃呼叫数量 +'</td>'+
231 
+												'<td>'+ n.接通率 +'</td>'+
232 
+												'<td>'+ n.总通话时长 +'</td>'+
233 
+												'<td>'+ n.平均通话时长 +'</td>'+
234 
+											'</tr>').appendTo('.dataTable tbody');
235 
+										})
236 
+
237 
+										}else{
238 
+											$('<tr><td colspan="8"> 暂无数据。。。</td></tr>').appendTo('.dataTable tbody');
239 
+										}
240 
+
241 
+
242 
+
243 
+						   	   		}
244 
+						   	   	}
245 
+						   	   });
246 
+						   }
247 
+
248 
+
249 
+		})
250 
+		</script>
251 
+	</body>
252 
+
253 
+</html>

+ 220 - 0
CallCenterWeb.UI/ReportForm/seatPhoneCount.html
Zobrazit soubor 

@@ -0,0 +1,220 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+	<head>
5 
+		<meta charset="utf-8">
6 
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
7 
+
8 
+		<title>坐席话务统计</title>
9 
+		<!--[if lt IE 9]>
10 
+	    	<meta http-equiv="refresh" content="0;ie.html" />
11 
+	    <![endif]-->
12 
+		<script src="Script/Common/huayi.load.js"></script>
13 
+		<script src="Script/Common/huayi.config.js"></script>
14 
+		<link rel="stylesheet" href="./js/layui/css/layui.css" />
15 
+		<link rel="stylesheet" href="css/init.css" />
16 
+		<style>
17 
+			.zxt-top {
18 
+				background: #f3f3f4;
19 
+				height: 60px;
20 
+				padding: 10px 20px;
21 
+			}
22 
+
23 
+			.topCon {
24 
+				float: right;
25 
+				margin-right: 45px;
26 
+			}
27 
+
28 
+			.zxt-content {
29 
+				width: 95%;
30 
+				margin: 0 auto;
31 
+			}
32 
+		</style>
33 
+	</head>
34 
+
35 
+	<body class="gray-bg" style="background: #fefefe;">
36 
+		<div class="zxtable">
37 
+			<div class="daoHang clearfix">
38 
+				<div class="dhLeft">
39 
+					<sapn><i class="syIcon"></i>位置：
40 
+						<a id="ReIndex" href="javaScript:;">首页</a>&gt;
41 
+						<a href="javaScript:;">报表分析</a>&gt;
42 
+						<a href="javaScript:;">话务运营分析</a>&gt;
43 
+						<a href="" class="nowPosition">坐席话务统计</a>
44 
+					</sapn>
45 
+				</div>
46 
+				<div class="dhRight">
47 
+					<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
48 
+				</div>
49 
+			</div>
50 
+			<div class="zxt-top clearfix">
51 
+				<div class="topCon">
52 
+					<div class="form-inline th-bar clearfix">
53 
+						<div class="time-box form-group">
54 
+							<i class="tub fa fa-calendar"></i>
55 
+							<input class="form-control" type="text" id="startTime" placeholder="请选择起止时间" style="width: 228px;">
56 
+						</div>
57 
+						<div class="time-box form-group">
58 
+							<select name="" id="zuoxi" class="form-control"></select>
59 
+
60 
+						</div>
61 
+						<div class="form-group tool_bars pull-right">
62 
+							<button class="btns sear">搜索</button>
63 
+							<!--<a class="btns export">导出</a>-->
64 
+						</div>
65 
+
66 
+					</div>
67 
+
68 
+				</div>
69 
+			</div>
70 
+
71 
+			<div class="zxt-content">
72 
+				<table class="layui-hide" id="t_callTotal"></table>
73 
+			</div>
74 
+		</div>
75 
+		<script src="js/layui/layui.js"></script>
76 
+		<script>
77 
+			var token = $.cookie("token");
78 
+			$(function() {
79 
+				bindseat(); //获取坐席
80 
+				layui.use('laydate', function() {
81 
+					var laydate = layui.laydate;
82 
+					//日期
83 
+					laydate.render({
84 
+						elem: '#startTime',
85 
+						range: '~',
86 
+						theme: '#1ab394',
87 
+						calendar: 'true'
88 
+					});
89 
+				});
90 
+				getTableDataList(); //获取表格数据
91 
+				//搜索事件
92 
+				$(".sear").click(function() {
93 
+					getTableDataList();
94 
+				});
95 
+				//导出
96 
+//				$('.export').click(function() {
97 
+//					dcexcel(this);
98 
+//				})
99 
+
100 
+			})
101 
+			//加载表格
102 
+			function getTableDataList() {
103 
+				layui.use('table', function() {
104 
+					var table = layui.table;
105 
+					//方法级渲染
106 
+					table.render({
107 
+						elem: '#t_callTotal',
108 
+						url: huayi.config.callcenter_url + "DaysTalkTime/GetDataList",
109 
+						method: 'get', //如果无需自定义HTTP类型，可不加该参数
110 
+						skin: 'row', //line （行边框风格） row （列边框风格） nob （无边框风格）
111 
+						even: true, //开启隔行背景
112 
+						size: 'lg', //sm,lg尺寸的表格
113 
+						where: {
114 
+							stime: $('#startTime').val() && $('#startTime').val().split(' ~ ')[0],
115 
+							etime: $('#startTime').val() && $('#startTime').val().split(' ~ ')[1],
116 
+							usercode: $("#zuoxi option:selected").val(),
117 
+							token: token
118 
+						}, //如果无需传递额外参数，可不加该参数
119 
+						//request: {}, //如果无需自定义请求参数，可不加该参数
120 
+						response: {
121 
+							statusName: 'state', //数据状态的字段名称，默认：code
122 
+							statusCode: 'success', //成功的状态码，默认：0
123 
+							msgName: 'message', //状态信息的字段名称，默认：msg
124 
+							//countName: 'total', //数据总数的字段名称，默认：count
125 
+							//dataName: 'rows', //数据列表的字段名称，默认：data
126 
+						}, //如果无需自定义数据响应名称，可不加该参数
127 
+						cols: [
128 
+							[{
129 
+									field: '日期',
130 
+									title: '日期',
131 
+									align: 'center',
132 
+									fixed: true,
133 
+									sort: true,
134 
+									width: 150,
135 
+								}, {
136 
+									field: '呼入次数',
137 
+									title: '呼入次数',
138 
+									align: 'center',
139 
+									width: '',
140 
+								},
141 
+								{
142 
+									field: '呼入时长',
143 
+									title: '呼入时长',
144 
+									align: 'center',
145 
+									width: '',
146 
+								},
147 
+								{
148 
+									field: '呼出次数',
149 
+									title: '呼出次数',
150 
+									align: 'center',
151 
+									width: '',
152 
+								},
153 
+								{
154 
+									field: '呼出时长',
155 
+									title: '呼出时长',
156 
+									align: 'center',
157 
+									width: '',
158 
+								},
159 
+								{
160 
+									field: '呼出未接通次数',
161 
+									title: '呼出未接通次数',
162 
+									align: 'center',
163 
+									width: '',
164 
+								},
165 
+								{
166 
+									field: '振铃时长',
167 
+									title: '振铃时长',
168 
+									align: 'center',
169 
+									width: '',
170 
+								},
171 
+								{
172 
+									field: '通话总时长',
173 
+									title: '通话总时长',
174 
+									align: 'center',
175 
+									templet: '<div><span class="color_73926">{{d.通话总时长}}</span></div>',
176 
+									width: '',
177 
+								},
178 
+								{
179 
+									field: '平均通话总时长',
180 
+									title: '平均通话总时长',
181 
+									align: 'center',
182 
+									templet: '<div><span class="color_73926">{{d.平均通话总时长}}</span></div>',
183 
+									width: '',
184 
+								},
185 
+							]
186 
+						],
187 
+
188 
+						height: 'full-150'
189 
+					});
190 
+				});
191 
+			}
192 
+
193 
+			//获取坐席
194 
+			function bindseat() {
195 
+				$.getJSON(huayi.config.callcenter_url + "UserAccount/GetSeatList", {
196 
+					token: token
197 
+				}, function(result) {
198 
+					if(result.state.toLowerCase() == "success") {
199 
+						seatlist = result.data;
200 
+						$("#zuoxi").empty();
201 
+						$("#zuoxi").append('<option value="">请选择坐席</option>');
202 
+						$(seatlist).each(function(i, n) {
203 
+							$("#zuoxi").append('<option value="' + n.F_UserCode + '">' + n.F_UserName + '</option>');
204 
+						})
205 
+					}
206 
+				});
207 
+
208 
+			}
209 
+
210 
+			function dcexcel(obj) {
211 
+				var stime = $('#startTime').val() && $('#startTime').val().split(' ~ ')[0];
212 
+				var etime = $('#startTime').val() && $('#startTime').val().split(' ~ ')[1];
213 
+				var url = huayi.config.callcenter_url + "DaysTalkTime/ExptList?token=" + token;
214 
+				url += "&stime=" + stime + "&etime=" + etime + "&usercode=" + $("#zuoxi option:selected").val();
215 
+				obj.href = url;
216 
+			}
217 
+		</script>
218 
+	</body>
219 
+
220 
+</html>

+ 22 - 2
CallCenterWeb.UI/js/newtx.js
Zobrazit soubor 

@@ -239,9 +239,9 @@ $(document).ready(function() {
239 239 
 	//加载左侧导航菜单
240 240 
 	loadMenu();
241 241
242 
-	workcount();
242 
+//	workcount();
243 243 
 	setInterval(function() {
244 
-		workcount();
244 
+//		workcount();
245 245 
 	}, huayi.config.menuworktime);
246 246 
 	//关闭录音弹出
247 247 
 	$(".setwin").click(function() {
 
@@ -1454,6 +1454,26 @@ function logout() {
1454 1454 
 	}
1455 1455
1456 1456 
 }
1457 
+//用于实施记录登录时长
1458 
+function GetLoginPermission() {
1459 
+		$.ajax({
1460 
+			url: huayi.config.callcenter_url + "Login/SummaryOnlinTime",
1461 
+			data: {
1462 
+				token: $.cookie("token")
1463 
+			},
1464 
+			dataType: "json",
1465 
+			error:function(XMLHttpRequest,textStatus,errorThrown){
1466 
+				location.href = "./login.html";
1467 
+			},
1468 
+			success: function(res) {
1469 
+				if(res.state.toLowerCase() !=='success') {
1470 
+					location.href = "./login.html";
1471 
+				}
1472 
+			}
1473 
+		});
1474 
+		setTimeout('GetLoginPermission',120000);
1475 
+};
1476 
+GetLoginPermission();
1457 1477
1458 1478 
 //加载左侧导航菜单
1459 1479 
 function loadMenu() {

+ 4 - 3
CallCenterWeb.UI/widgets.html
Zobrazit soubor 

@@ -519,12 +519,13 @@
519 519 
         $(document).ready(function () {
520 520 
             teltotal();
521 521 
             telhour();
522 
-            telday();
523 
-            worktotal();
522 
+//          telday();
523 
+//          worktotal();
524 524 
             if (inval) {
525 525 
                 clearInterval(inval);
526 526 
             }
527 
-            inval = setInterval(function () { teltotal(); telhour(); telday(); worktotal(); }, huayi.config.indextime);
527 
+//          inval = setInterval(function () { teltotal(); telhour(); telday(); worktotal(); }, huayi.config.indextime);
528 
+            inval = setInterval(function () { teltotal(); telhour(); }, huayi.config.indextime);
528 529 
         })
529 530 
         function teltotal() {
530 531 
             $.getJSON(huayi.config.callcenter_url + 'Index/GetTelRecordsTotal', { "token": $.cookie("token") }, function (result) {