Página Inicial Explorar Ajuda
Registrar Entrar
miaofuhao
/
xgwy
Observar 1
Favorito 0
Fork 0
Código Problemas 0 Pull Requests 0 Commits 11 Versões 0 Wiki
Ver Código Fonte

大屏修改

miaofuhao 5 anos atrás
pai
8bca590a81
commit
4247cb5f8b
16 arquivos alterados com 341 adições e 2079 exclusões
Visão unificada Mostrar estatísticas do Diff
  1. 9 0
      CallCenterWeb.UI/.project
  2. 9 0
      WebChart_2.0/.project
  3. 0 82
      WebChart_2.0/TelephoneDetails.html
  4. 3 3
      WebChart_2.0/comment/ComHeader.html
  5. 0 324
      WebChart_2.0/complaintsReport.html
  6. BIN
      WebChart_2.0/img/hwsl_0.png
  7. BIN
      WebChart_2.0/img/jdbm_0.png
  8. BIN
      WebChart_2.0/img/lyqd_0.png
  9. BIN
      WebChart_2.0/img/title.png
  10. BIN
      WebChart_2.0/img/tsjb_0.png
  11. 48 758
      WebChart_2.0/index.html
  12. 245 321
      WebChart_2.0/js/TelephoneDetails.js
  13. 26 0
      WebChart_2.0/js/dataChart.js
  14. 1 1
      WebChart_2.0/js/setItervalTime.js
  15. 0 269
      WebChart_2.0/receiptDepartment.html
  16. 0 321
      WebChart_2.0/sourceChannel.html

+ 9 - 0
CallCenterWeb.UI/.project
Ver Arquivo

87 
 				<arguments>1.0-name-matches-false-false-node_modules</arguments>
 87 
 				<arguments>1.0-name-matches-false-false-node_modules</arguments>
88 
 			</matcher>
 88 
 			</matcher>
89 
 		</filter>
 89 
 		</filter>
90 
+		<filter>
91 
+			<id>1603765801156</id>
92 
+			<name></name>
93 
+			<type>26</type>
94 
+			<matcher>
95 
+				<id>org.eclipse.ui.ide.multiFilter</id>
96 
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
97 
+			</matcher>
98 
+		</filter>
90 
 	</filteredResources>
 99 
 	</filteredResources>
91 
 </projectDescription>
 100 
 </projectDescription>

+ 9 - 0
WebChart_2.0/.project
Ver Arquivo

60 
 				<arguments>1.0-name-matches-false-false-node_modules</arguments>
 60 
 				<arguments>1.0-name-matches-false-false-node_modules</arguments>
61 
 			</matcher>
 61 
 			</matcher>
62 
 		</filter>
 62 
 		</filter>
63 
+		<filter>
64 
+			<id>1603765820122</id>
65 
+			<name></name>
66 
+			<type>26</type>
67 
+			<matcher>
68 
+				<id>org.eclipse.ui.ide.multiFilter</id>
69 
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
70 
+			</matcher>
71 
+		</filter>
63 
 	</filteredResources>
 72 
 	</filteredResources>
64 
 </projectDescription>
 73 
 </projectDescription>

+ 0 - 82
WebChart_2.0/TelephoneDetails.html
Ver Arquivo

1 
-<!DOCTYPE html>
2 
-<html>
3 
-
4 
-	<head>
5 
-		<meta charset="UTF-8">
6 
-		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
7 
-		<!--优先使用 IE 最新版本和 Chrome-->
8 
-		<meta name="renderer" content="webkit" />
9 
-		<script src="Script/Common/huayi.load.js"></script>
10 
-		<script src="Script/Common/huayi.config.js"></script>
11 
-		<link rel="stylesheet" href="css/index.css" />
12 
-		<title>话务量详情页</title>
13 
-		<style>
14 
-			#time1{
15 
-				width: 199px;
16 
-			}
17 
-			.phone_bottom >div:last-child{
18 
-				width: 40%;
19 
-				margin-left: 1%;
20 
-				 background: url(img/jd_bg3.png) no-repeat center;
21 
-				 background-size: 100% 100%;
22 
-			}
23 
-			.phone_bottom >div:first-child{
24 
-				 background: url(img/jd_bg2.png) no-repeat center;
25 
-				 background-size: 100% 100%;
26 
-				width: 59%;
27 
-			}
28 
-		</style>
29 
-	</head>
30 
-
31 
-	<body>
32 
-		<!--导航栏开始-->
33 
-		<div id="nav" class="clearfix">
34 
-
35 
-		</div>
36 
-		<!--导航栏结束-->
37 
-		<div id="wrap" class="container">
38 
-				<div class="phone_top">
39 
-				<div class="legend_bar clearfix">
40 
-					<div class="title_word pull-left">
41 
-						<span class="col-line"></span> 坐席话务量
42 
-					</div>
43 
-					<div class="time_box pull-right form-inline">
44 
-						日期<input type="text" id="time1" class="times" />
45 
-						<img src="img/rili.png" class="data-input-icon1"/>
46 
-					</div>
47 
-				</div>
48 
-				<div id="sitProportion" style=" width: 100%;height: 400px;"></div>
49 
-			</div>
50 
-			<!--<div class="row">-->
51 
-				<div class="phone_bottom clearfix">
52 
-				<div class="bottom_left pull-left">
53 
-					<div class="legend_bar clearfix">
54 
-					<div class="title_word pull-left">
55 
-						<span class="col-line"></span> 话务量实时统计数据
56 
-					</div>
57 
-
58 
-
59 
-				</div>
60 
-					<!--话务量实时统计-->
61 
-					<div id="phoneTimeCount" style="width: 100%;height: 390px;"></div>
62 
-				</div>
63 
-				<div class="bottom_right pull-left">
64 
-					<div class="legend_bar clearfix">
65 
-					<div class="title_word pull-left">
66 
-						<span class="col-line"></span> 今日话务量数据
67 
-					</div>
68 
-
69 
-
70 
-				</div>
71 
-					<!--今日话务量数据-->
72 
-					<div id="todyPhoneCount" style="width: 100%;height: 390px;"></div>
73 
-				</div>
74 
-
75 
-			</div>
76 
-			<!--</div>-->
77 
-		</div>
78 
-		<script src="js/TelephoneDetails.js"></script>
79 
-		<script src="js/setItervalTime.js"></script>
80 
-	</body>
81 
-
82 
-</html>

+ 3 - 3
WebChart_2.0/comment/ComHeader.html
Ver Arquivo

2 
 			<div class="nav_middle">
 2 
 			<div class="nav_middle">
3 
 				<ul class="clearfix" id="navcon_box" >
 3 
 				<ul class="clearfix" id="navcon_box" >
4 
 					<li>
 4 
 					<li>
5 
-						<a href="sourceChannel.html"><img src="img/lyqd_0.png" alt="" /></a>
5 
+						<a href="#"><img src="img/lyqd_0.png" alt="" /></a>
6 
 					</li>
 6 
 					</li>
7 
 					<li>
 7 
 					<li>
8 
-						<a href="receiptDepartment.html"><img src="img/jdbm_0.png" alt="" /></a>
8 
+						<a href="#"><img src="img/jdbm_0.png" alt="" /></a>
9 
 					</li>
 9 
 					</li>
10 
 					<li>
 10 
 					<li>
11 
 						<a href="index.html"><img src="img/title.png" alt="" /></a>
 11 
 						<a href="index.html"><img src="img/title.png" alt="" /></a>
14 
 						<a href="TelephoneDetails.html"><img src="img/hwsl_0.png" alt="" /></a>
 14 
 						<a href="TelephoneDetails.html"><img src="img/hwsl_0.png" alt="" /></a>
15 
 					</li>
 15 
 					</li>
16 
 					<li>
 16 
 					<li>
17 
-						<a href="complaintsReport.html"><img src="img/tsjb_0.png" alt="" /></a>
17 
+						<a href="#"><img src="img/tsjb_0.png" alt="" /></a>
18 
 					</li>
 18 
 					</li>
19 
 				</ul>
 19 
 				</ul>
20
20

+ 0 - 324
WebChart_2.0/complaintsReport.html
Ver Arquivo

1 
-<!DOCTYPE html>
2 
-<html>
3 
-
4 
-	<head>
5 
-		<meta charset="UTF-8">
6 
-		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
7 
-		<!--优先使用 IE 最新版本和 Chrome-->
8 
-		<meta name="renderer" content="webkit" />
9 
-		<script src="Script/Common/huayi.load.js"></script>
10 
-		<script src="Script/Common/huayi.config.js"></script>
11 
-		<link rel="stylesheet" href="css/index.css" />
12 
-		<title>投诉举报</title>
13 
-		<style>
14 
-			.selects {
15 
-				height: initial;
16 
-			}
17 
-
18 
-			#time1{
19 
-				width: 155px;
20 
-			}
21 
-			#time2,
22 
-			#time3 {
23 
-				width: 198px;
24 
-			}
25 
-			.selects_box:before {
26 
-				z-index: 1;
27 
-			}
28 
-			.phone_bottom>div:last-child {
29 
-				width: 44%;
30 
-				margin-left: 1%;
31 
-				background: url(img/jd_bg3.png) no-repeat center;
32 
-				background-size: 100% 100%;
33 
-			}
34 
-
35 
-			.phone_bottom>div:first-child {
36 
-				background: url(img/jd_bg2.png) no-repeat center;
37 
-				background-size: 100% 100%;
38 
-				width: 55%;
39 
-			}
40 
-
41 
-			.phone_bottom>div:first-child table {
42 
-				width: 95%;
43 
-				margin: 0 auto;
44 
-				color: #fff;
45 
-				font-size: 12px;
46 
-			}
47 
-
48 
-			.table_box {
49 
-				margin-top: 30px;
50 
-			}
51 
-			.table>thead>tr>td {
52 
-				border-top: 2px solid #3160a2;
53 
-			}
54 
-			.table>tbody>tr>td{
55 
-				border-top: 1px solid #3160a2;
56 
-				color: #00e9ff;
57 
-			}
58 
-			.table>tbody>tr>td:first-child{
59 
-				color: #fff;
60 
-			}
61 
-			table thead, tbody tr {
62 
-	            display:table;
63 
-	            width:100%;
64 
-	            table-layout:fixed;
65 
-	        }
66 
-	       .table>tbody>tr>td:last-child{
67 
-	        	color: #95e193;
68 
-	        }
69 
-	       .table>tbody>tr>td:nth-last-child(2){
70 
-	        	color: #ec6969!important;
71 
-	        }
72 
-			.quadrangle {
73 
-				display: inline-block;
74 
-				width: 9px;
75 
-				height: 20px;
76 
-				background: #69e1a9;
77 
-				transform: skewX(20deg);
78 
-			}
79 
-
80 
-			.bottom_right li {
81 
-				position: relative;
82 
-				width: 134px;
83 
-				text-align: right;
84 
-				height: 20px;
85 
-				line-height: 15px;
86 
-				margin-top: 35px;
87 
-				margin-left: 30px;
88 
-			}
89 
-
90 
-			.bottom_right ul li:nth-of-type(1) {
91 
-				margin-top: 40px;
92 
-				background: url(img/sbx_line0.png) no-repeat;
93 
-			}
94 
-
95 
-			.bottom_right ul li:nth-of-type(2) {
96 
-				background: url(img/sbx_line1.png) no-repeat;
97 
-			}
98 
-
99 
-			.bottom_right ul li:nth-of-type(3) {
100 
-				background: url(img/sbx_line2.png) no-repeat;
101 
-			}
102 
-
103 
-			.bottom_right ul li:nth-of-type(4) {
104 
-				background: url(img/sbx_line3.png) no-repeat;
105 
-			}
106 
-
107 
-			.bottom_right ul li:nth-of-type(5) {
108 
-				background: url(img/sbx_line4.png) no-repeat;
109 
-			}
110 
-
111 
-			.bottom_right ul li:nth-of-type(6) {
112 
-				background: url(img/sbx_line5.png) no-repeat;
113 
-			}
114 
-
115 
-			.type_name {
116 
-				color: #00e9ff;
117 
-			}
118 
-
119 
-			.type_count {
120 
-				color: #fff;
121 
-				margin-left: 25px;
122 
-			}
123 
-		</style>
124 
-	</head>
125 
-
126 
-	<body>
127 
-		<!--导航栏开始-->
128 
-		<div id="nav" class="clearfix">
129 
-
130 
-		</div>
131 
-		<!--导航栏结束-->
132 
-		<div id="wrap" class="container">
133 
-			<div class="phone_top">
134 
-				<div class="legend_bar clearfix">
135 
-					<div class="title_word pull-left">
136 
-						<span class="col-line"></span> 投诉类别统计
137 
-					</div>
138 
-					<div class="time_box pull-right form-inline">
139 
-						日期<input type="text" id="time2" class="times" />
140 
-						<img src="img/rili.png" class="data-input-icon1"/>
141 
-					</div>
142 
-				</div>
143 
-				<div id="part_1" style="width: 100%;height: 400px;"></div>
144 
-			</div>
145 
-			<!--<div class="row">-->
146 
-			<div class="phone_bottom clearfix">
147 
-				<div class="bottom_left pull-left">
148 
-					<div class="legend_bar clearfix">
149 
-						<div class="title_word pull-left">
150 
-							<span class="col-line"></span> 投诉关键字统计
151 
-						</div>
152 
-
153 
-					</div>
154 
-					<!--投诉关键字统计-->
155 
-					<div class="table_box" style="width: 100%;height: 390px;">
156 
-						<table class="table">
157 
-							<colgroup>
158 
-								<col style="width: 120px;" />
159 
-								<col/>
160 
-							</colgroup>
161 
-							<thead>
162 
-								<tr>
163 
-									<td>关键字</td>
164 
-									<td>咨询</td>
165 
-									<td>求助</td>
166 
-									<td>建议</td>
167 
-									<td>表扬</td>
168 
-									<td>其他</td>
169 
-									<td>投诉量</td>
170 
-									<td>合计</td>
171 
-									<td>排名</td>
172 
-								</tr>
173 
-							</thead>
174 
-						</table>
175 
-						<div id="scroll_table" style="width: 100%;height: 300px; overflow: hidden;">
176 
-							<table class="table">
177 
-								<colgroup>
178 
-									<col style="width: 120px;" />
179 
-									<col/>
180 
-								</colgroup>
181 
-								<tbody>
182 
-<!-- 									<tr>
183 
-										<td>工作效率</td>
184 
-										<td><span class="text_color1">0</span></td>
185 
-										<td><span class="text_color1">0</span></td>
186 
-										<td><span class="text_color1">0</span></td>
187 
-										<td><span class="text_color1">0</span></td>
188 
-										<td><span class="text_color1">0</span></td>
189 
-										<td><span class="text_color2">0</span></td>
190 
-										<td><span class="text_color3">0</span></td>
191 
-									</tr>
192 
-									<tr>
193 
-										<td>服务态度</td>
194 
-										<td><span class="text_color1">0</span></td>
195 
-										<td><span class="text_color1">0</span></td>
196 
-										<td><span class="text_color1">0</span></td>
197 
-										<td><span class="text_color1">0</span></td>
198 
-										<td><span class="text_color1">0</span></td>
199 
-										<td><span class="text_color2">0</span></td>
200 
-										<td><span class="text_color3">0</span></td>
201 
-									</tr>
202 
-									<tr>
203 
-										<td>咨询建议</td>
204 
-										<td><span class="text_color1">0</span></td>
205 
-										<td><span class="text_color1">0</span></td>
206 
-										<td><span class="text_color1">0</span></td>
207 
-										<td><span class="text_color1">0</span></td>
208 
-										<td><span class="text_color1">0</span></td>
209 
-										<td><span class="text_color2">0</span></td>
210 
-										<td><span class="text_color3">0</span></td>
211 
-									</tr>
212 
-									<tr>
213 
-										<td>房产物业</td>
214 
-										<td><span class="text_color1">0</span></td>
215 
-										<td><span class="text_color1">0</span></td>
216 
-										<td><span class="text_color1">0</span></td>
217 
-										<td><span class="text_color1">0</span></td>
218 
-										<td><span class="text_color1">0</span></td>
219 
-										<td><span class="text_color2">0</span></td>
220 
-										<td><span class="text_color3">0</span></td>
221 
-									</tr>
222 
-									<tr>
223 
-										<td>城市交通</td>
224 
-										<td><span class="text_color1">0</span></td>
225 
-										<td><span class="text_color1">0</span></td>
226 
-										<td><span class="text_color1">0</span></td>
227 
-										<td><span class="text_color1">0</span></td>
228 
-										<td><span class="text_color1">0</span></td>
229 
-										<td><span class="text_color2">0</span></td>
230 
-										<td><span class="text_color3">0</span></td>
231 
-									</tr>
232 
-									<tr>
233 
-										<td>环境保护</td>
234 
-										<td><span class="text_color1">0</span></td>
235 
-										<td><span class="text_color1">0</span></td>
236 
-										<td><span class="text_color1">0</span></td>
237 
-										<td><span class="text_color1">0</span></td>
238 
-										<td><span class="text_color1">0</span></td>
239 
-										<td><span class="text_color2">0</span></td>
240 
-										<td><span class="text_color3">0</span></td>
241 
-									</tr>
242 
-									<tr>
243 
-										<td>市政管理</td>
244 
-										<td><span class="text_color1">0</span></td>
245 
-										<td><span class="text_color1">0</span></td>
246 
-										<td><span class="text_color1">0</span></td>
247 
-										<td><span class="text_color1">0</span></td>
248 
-										<td><span class="text_color1">0</span></td>
249 
-										<td><span class="text_color2">0</span></td>
250 
-										<td><span class="text_color3">0</span></td>
251 
-									</tr>
252 
-									<tr>
253 
-										<td>水电气暖</td>
254 
-										<td><span class="text_color1">0</span></td>
255 
-										<td><span class="text_color1">0</span></td>
256 
-										<td><span class="text_color1">0</span></td>
257 
-										<td><span class="text_color1">0</span></td>
258 
-										<td><span class="text_color1">0</span></td>
259 
-										<td><span class="text_color2">0</span></td>
260 
-										<td><span class="text_color3">0</span></td>
261 
-									</tr>
262 
-									<tr>
263 
-										<td>部门效能</td>
264 
-										<td><span class="text_color1">0</span></td>
265 
-										<td><span class="text_color1">0</span></td>
266 
-										<td><span class="text_color1">0</span></td>
267 
-										<td><span class="text_color1">0</span></td>
268 
-										<td><span class="text_color1">0</span></td>
269 
-										<td><span class="text_color2">0</span></td>
270 
-										<td><span class="text_color3">0</span></td>
271 
-									</tr>
272 
-									<tr>
273 
-										<td>办事效率</td>
274 
-										<td><span class="text_color1">0</span></td>
275 
-										<td><span class="text_color1">0</span></td>
276 
-										<td><span class="text_color1">0</span></td>
277 
-										<td><span class="text_color1">0</span></td>
278 
-										<td><span class="text_color1">0</span></td>
279 
-										<td><span class="text_color2">0</span></td>
280 
-										<td><span class="text_color3">0</span></td>
281 
-									</tr> -->
282 
-								</tbody>
283 
-
284 
-							</table>
285 
-
286 
-						</div>
287 
-
288 
-					</div>
289 
-				</div>
290 
-
291 
-				<div class="bottom_right pull-left">
292 
-					<div class="legend_bar clearfix">
293 
-						<div class="title_word pull-left">
294 
-							<span class="col-line"></span> 投诉分类统计
295 
-						</div>
296 
-					</div>
297 
-					<div class="clearfix">
298 
-						<ul class="pull-left complaint_type" style=" width:35%;">
299 
-							<li>
300 
-								<span class="type_name">咨询</span> <span class="type_count">0</span>
301 
-							</li>
302 
-							<li>
303 
-								<span class="type_name">建议</span> <span class="type_count">0</span>
304 
-							</li>
305 
-							<li> <span class="type_name">咨询</span> <span class="type_count">0</span></li>
306 
-							<li> <span class="type_name">咨询</span> <span class="type_count">0</span></li>
307 
-							<li> <span class="type_name">咨询</span> <span class="type_count">0</span></li>
308 
-							<li> <span class="type_name">咨询</span> <span class="type_count">0</span></li>
309 
-						</ul>
310 
-						<!--投诉分类统计-->
311 
-						<div class="pull-right" id="part3" style=" width: 65%;height: 340px;"></div>
312 
-					</div>
313 
-
314 
-				</div>
315 
-
316 
-			</div>
317 
-			<!--</div>-->
318 
-		</div>
319 
-		<script src="js/ScrollDiv.js"></script>
320 
-		<script src="js/complaintsReport.js"></script>
321 
-		<script src="js/setItervalTime.js"></script>
322 
-	</body>
323 
-
324 
-</html>

BIN
WebChart_2.0/img/hwsl_0.png
Ver Arquivo


BIN
WebChart_2.0/img/jdbm_0.png
Ver Arquivo


BIN
WebChart_2.0/img/lyqd_0.png
Ver Arquivo


BIN
WebChart_2.0/img/title.png
Ver Arquivo


BIN
WebChart_2.0/img/tsjb_0.png
Ver Arquivo


+ 48 - 758
WebChart_2.0/index.html
Ver Arquivo

2 
 <html>
 2 
 <html>
3
3
4 
 	<head>
 4 
 	<head>
5 
-		<meta charset="utf-8" />
5 
+		<meta charset="UTF-8">
6 
 		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 6 
 		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
7 
 		<!--优先使用 IE 最新版本和 Chrome-->
 7 
 		<!--优先使用 IE 最新版本和 Chrome-->
8 
 		<meta name="renderer" content="webkit" />
 8 
 		<meta name="renderer" content="webkit" />
9 
 		<script src="Script/Common/huayi.load.js"></script>
 9 
 		<script src="Script/Common/huayi.load.js"></script>
10 
-		<!--<script src="Script/Common/huayi.config.js"></script>-->
11 
-		<link rel="stylesheet" href="css/swiper.min.css" />
12 
-		<link rel="stylesheet" href="css/animate.min.css" />
13 
-		<link rel="stylesheet" href="plugins/numbergd/globle.css" />
10 
+		<script src="Script/Common/huayi.config.js"></script>
14 
 		<link rel="stylesheet" href="css/index.css" />
 11 
 		<link rel="stylesheet" href="css/index.css" />
15 
-		<link rel="stylesheet" href="./js/zTree/zTreeStyle.css" />
16 
-		<title>民权县大数据首页</title>
12 
+		<title>话务量详情页</title>
17 
 		<style>
 13 
 		<style>
18 
-			.slide_right {
19 
-				position: relative;
14 
+			#time1{
15 
+				width: 199px;
20 
 			}
 16 
 			}
21 
-
22 
-			.slide_right .timeWrap input {
23 
-				width: 195px;
17 
+			.phone_bottom >div:last-child{
18 
+				width: 40%;
19 
+				margin-left: 1%;
20 
+				 background: url(img/jd_bg3.png) no-repeat center;
21 
+				 background-size: 100% 100%;
24 
 			}
 22 
 			}
25 
-
26 
-			.slide_right .timeWrap {
27 
-				position: absolute;
28 
-				top: 56px;
29 
-				left: -63px;
30 
-			}
31 
-
32 
-			.timeWrapPosi {
33 
-				top: 160px !important;
34 
-			}
35 
-
36 
-			.slide_right .twotimeWarp {
37 
-				top: -68px;
38 
-				left: 0px;
39 
-			}
40 
-
41 
-			.slide_right .lasttimeWrap {
42 
-				right: -2px;
43 
-			}
44 
-			.first_page{
45 
-				margin-top: -50px !important;
46 
-			}
47 
-			.orderStatistic>div>ul li{
48 
-				height: 75px !important;
49 
-			}
50 
-			.first_middle{
51 
-				padding-top: 220px !important;
52 
-			}
53 
-			.inpBox {
54 
-				border: 1px solid #00e9ff;
55 
-				height: 30px;
56 
-				width: 220px;
57 
-				display: inline-block;
58 
-				position: relative;
59 
-				vertical-align: middle;
60 
-			}
61 
-
62 
-			.addTree {
63 
-				background: #fff;
64 
-				position: absolute;
65 
-				width: 100%;
66 
-				border: 1px solid #e5e6e7;
67 
-				right: 0;
68 
-				top: 33px;
69 
-				display: none;
70 
-				z-index: 222;
71 
-				height: 300px;
72 
-				overflow-x: hidden;
73 
-        		overflow-y: scroll;
74 
-			}
75 
-			.xl5,
76 
-			.xl {
77 
-				display: inline-block;
78 
-				background: url(./../img/dropDown.png) no-repeat;
79 
-				height: 100%;
80 
-				background-position: center center;
81 
-				width: 20px;
82 
-				position: absolute;
83 
-				right: 0;
84 
-				top: 0px;
85 
-				/* background-color: #f7bc8b; */
86 
-				cursor: pointer;
87 
-			}
88 
-
89 
-			.ztree li span {
90 
-				border: none;
91 
-				padding: 0;
92 
-			}
93 
-			.inps5,
94 
-			.inps {
95 
-				width: 217px;
96 
-				height: 30px;
97 
-				outline: none;
98 
-				background: #114a97;
99 
-				border: 0;
100 
-				border-image-width: 0;
101 
-				padding: 0;
102 
-				padding-left: 3px;
103 
-			}
104 
-			.xl5,
105 
-			.xl {
106 
-				display: inline-block;
107 
-				background: url(./img/dropDown.png) no-repeat;
108 
-				height: 100%;
109 
-				background-position: center center;
110 
-				width: 20px;
111 
-				position: absolute;
112 
-				right: 0;
113 
-				top: 0px;
114 
-				/* background-color: #f7bc8b; */
115 
-				cursor: pointer;
116 
-			}
117 
-			.Cleans5,
118 
-			.Cleans{
119 
-				display: inline-block;
120 
-				width: 20px;
121 
-				position: absolute;
122 
-				right: 21px;
123 
-				top: 4px;
124 
-				display: none;
125 
-				cursor: pointer;
23 
+			.phone_bottom >div:first-child{
24 
+				 background: url(img/jd_bg2.png) no-repeat center;
25 
+				 background-size: 100% 100%;
26 
+				width: 59%;
126 
 			}
 27 
 			}
127 
 		</style>
 28 
 		</style>
128 
 	</head>
 29 
 	</head>
130 
 	<body>
 31 
 	<body>
131 
 		<!--导航栏开始-->
 32 
 		<!--导航栏开始-->
132 
 		<div id="nav" class="clearfix">
 33 
 		<div id="nav" class="clearfix">
34 
+
133 
 		</div>
 35 
 		</div>
134 
 		<!--导航栏结束-->
 36 
 		<!--导航栏结束-->
135 
-		<div id="wrap">
136 
-			<div class="swiper-container swiper-no-swiping">
137 
-				<div class="swiper-wrapper">
138 
-					<!--第一屏  工单统计-->
139 
-					<div class="swiper-slide first_page" style="height: 110% !important;">
140 
-
141 
-						<div class="orderStatistic slideCon_bg clearfix">
142 
-							<p class="slide_title slide_title1"></p>
143 
-							<div class="orderCon_left slide_left">
144 
-								<ul id="det_ult">
145 
-									<li>
146 
-										<img src="img/num_icon.png" alt="" />
147 
-										<p class="num_word">
148 
-											<span>机关单位</span>
149 
-											<span class="order_count4" id="xyx_count">0</span>
150 
-										</p>
151 
-									</li>
152 
-									<li>
153 
-										<img src="img/num_icon.png" alt="" />
154 
-										<p class="num_word">
155 
-											<span>绿洲街道办</span>
156 
-											<span class="order_count4" id="hc_count">0</span>
157 
-										</p>
158 
-									</li>
159 
-									<li>
160 
-										<img src="img/num_icon.png" alt="" />
161 
-										<p class="num_word">
162 
-											<span>南华街道办</span>
163 
-											<span class="order_count6" id="saz_nanhua">0</span>
164 
-										</p>
165 
-									</li>
166 
-									<li>
167 
-										<img src="img/num_icon.png" alt="" />
168 
-										<p class="num_word">
169 
-											<span>孙六镇</span>
170 
-											<span class="order_count6" id="cjx_count">0</span>
171 
-										</p>
172 
-									</li>
173 
-									<!--<li class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.3s" swiper-animate-delay="4s">-->
174 
-									<li>
175 
-										<img src="img/num_icon.png" alt="" />
176 
-										<p class="num_word">
177 
-											<span>龙塘镇</span>
178 
-											<span class="order_count1" id="sgx_count">0</span>
179 
-										</p>
180 
-									</li>
181 
-									<!--<li class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.3s" swiper-animate-delay="4.5s">-->
182 
-									<li>
183 
-										<img src="img/num_icon.png" alt="" />
184 
-										<p class="num_word">
185 
-											<span>白云寺镇</span>
186 
-											<span class="order_count2" id="szx_count">0</span>
187 
-										</p>
188 
-									</li>
189 
-									<!--<li class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.3s" swiper-animate-delay="5s">-->
190 
-									<li>
191 
-										<img src="img/num_icon.png" alt="" />
192 
-										<p class="num_word">
193 
-											<span>双塔镇</span>
194 
-											<span class="order_count3" id="wjz_count">0</span>
195 
-										</p>
196 
-									</li>
197 
-									<!--<li class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.3s" swiper-animate-delay="5.5s">-->
198 
-
199 
-									<!--<li class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.3s" swiper-animate-delay="6s">-->
200 
-									<li>
201 
-										<img src="img/num_icon.png" alt="" />
202 
-										<p class="num_word">
203 
-											<span>人和镇</span>
204 
-											<span class="order_count5" id="xdpz_count">0</span>
205 
-										</p>
206 
-									</li>
207 
-									<li>
208 
-										<img src="img/num_icon.png" alt="" />
209 
-										<p class="num_word">
210 
-											<span>褚庙乡</span>
211 
-											<span class="order_count5" id="xdpz_chumiao">0</span>
212 
-										</p>
213 
-									</li>
214 
-									<li>
215 
-										<img src="img/num_icon.png" alt="" />
216 
-										<p class="num_word">
217 
-											<span>老颜集乡</span>
218 
-											<span class="order_count5" id="xdpz_laoyanji">0</span>
219 
-										</p>
220 
-									</li>
221 
-									<!--<li>
222 
-										<img src="img/num_icon.png" alt="" />
223 
-										<p class="num_word">
224 
-											<span>绿洲</span>
225 
-											<span class="order_count5" id="xdpz_lvzhou">0</span>
226 
-										</p>
227 
-									</li>-->
228 
-									<!--<li class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.3s" swiper-animate-delay="6.5s">-->
229 
-
230 
-								</ul>
231 
-							</div>
232 
-							<div class="orderCon_middle slide_middle first_middle">
233 
-								<div class="map_bg">
234 
-									<div id="radarBox" class="ani">
235 
-										<div class="radar">
236 
-											<div class="radar_inner"></div>
237 
-										</div>
238 
-									</div>
239 
-									<!-- <div class="quanbgBox quan_SYQ ani" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
240 
-										<div class="quanbg">
241 
-											<span class="quan quan1 quan1a "></span>
242 
-											<span class="quan quan2 quan2a "></span>
243 
-											<span class="quan quan3 quan3a "></span>
244 
-											<span class="quan quan4"></span>
245 
-											<span class="quan quan1 quan1b "></span>
246 
-											<span class="quan quan2 quan2b "></span>
247 
-											<span class="quan quan3 quan3b "></span>
248 
-										</div>
249 
-										<span class="txt txt_SYQ">睢阳区</span>
250 
-									</div>
251 
-								 -->
252 
-								</div>
253 
-							</div>
254 
-
255 
-							<div class="orderCon_right slide_right">
256 
-								<div class="timeWrap">
257 
-									<div class="time_box pull-right form-inline">
258 
-										日期<input type="text" id="time1" class="times" />
259 
-										<img src="img/rili.png" class="data-input-icon1" />
260 
-									</div>
261 
-								</div>
262 
-								<ul id="right_ri">
263 
-									<!--<li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.3s" swiper-animate-delay="4s">-->
264 
-
265 
-									<!--<li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.3s" swiper-animate-delay="4.5s">-->
266 
-									<li>
267 
-										<img src="img/num_icon.png" alt="" />
268 
-										<p class="num_word">
269 
-											<span>王桥镇</span>
270 
-											<span class="order_count1" id="wzz_count">0</span>
271 
-										</p>
272 
-									</li>
273 
-									<li>
274 
-										<img src="img/num_icon.png" alt="" />
275 
-										<p class="num_word">
276 
-											<span>北关镇</span>
277 
-											<span class="order_count2" id="fjx_count">0</span>
278 
-										</p>
279 
-									</li>
280 
-									<!--<li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.3s" swiper-animate-delay="5s">-->
281 
-									<li>
282 
-										<img src="img/num_icon.png" alt="" />
283 
-										<p class="num_word">
284 
-											<span>王庄寨镇</span>
285 
-											<span class="order_count3" id="wxz_count">0</span>
286 
-										</p>
287 
-									</li>
288 
-									<li>
289 
-										<img src="img/num_icon.png" alt="" />
290 
-										<p class="num_word">
291 
-											<span>野岗镇</span>
292 
-											<span class="order_count3" id="qgmx_count">0</span>
293 
-										</p>
294 
-									</li>
295 
-									<!--<li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.3s" swiper-animate-delay="5.5s">-->
296 
-									<li>
297 
-										<img src="img/num_icon.png" alt="" />
298 
-										<p class="num_word">
299 
-											<span>花园乡</span>
300 
-											<span class="order_count4" id="wzz_count1">0</span>
301 
-										</p>
302 
-									</li>
303 
-									<!--<li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.3s" swiper-animate-delay="6s">-->
304 
-									<li>
305 
-										<img src="img/num_icon.png" alt="" />
306 
-										<p class="num_word">
307 
-											<span>伯党乡</span>
308 
-											<span class="order_count5" id="syz_count">0</span>
309 
-										</p>
310 
-									</li>
311 
-									<!--<li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.3s" swiper-animate-delay="6.5s">-->
312 
-									<li>
313 
-										<img src="img/num_icon.png" alt="" />
314 
-										<p class="num_word">
315 
-											<span>胡集乡</span>
316 
-											<span class="order_count6" id="lhpz_count">0</span>
317 
-										</p>
318 
-									</li>
319 
-									<li>
320 
-										<img src="img/num_icon.png" alt="" />
321 
-										<p class="num_word">
322 
-											<span>林七乡</span>
323 
-											<span class="order_count6" id="saz_count">0</span>
324 
-										</p>
325 
-									</li>
326 
-									<li>
327 
-										<img src="img/num_icon.png" alt="" />
328 
-										<p class="num_word">
329 
-											<span>程庄镇</span>
330 
-											<span class="order_count4" id="hh_count">0</span>
331 
-										</p>
332 
-									</li>
333 
-									<li>
334 
-										<img src="img/num_icon.png" alt="" />
335 
-										<p class="num_word">
336 
-											<span>庄子镇</span>
337 
-											<span class="order_count6" id="saz_zhuangzi">0</span>
338 
-										</p>
339 
-									</li>
340 
-									<!-- 施庵镇、前高庙乡 -->
341 
-								</ul>
342 
-							</div>
343 
-
344 
-						</div>
37 
+		<div id="wrap" class="container">
38 
+				<div class="phone_top">
39 
+				<div class="legend_bar clearfix">
40 
+					<div class="title_word pull-left">
41 
+						<span class="col-line"></span> 坐席工作状态
345 
 					</div>
 42 
 					</div>
346 
-
347 
-					<!--第二屏  工单渠道来源-->
348 
-					<div class="swiper-slide">
349 
-						<div class="orderSource slideCon_bg clearfix">
350 
-							<p class="slide_title slide_title2"></p>
351 
-							<div class="source_left slide_left">
352 
-								<ul>
353 
-									<li class="clearfix">
354 
-										<div class="line_wrap one_line line oneLeft_line"></div>
355 
-									</li>
356 
-									<li class="clearfix">
357 
-										<div class="line_wrap line two_line twoLeft_line"></div>
358 
-									</li>
359 
-									<li class="clearfix">
360 
-										<div class="line_wrap line three_line threeLeft_line"></div>
361 
-									</li>
362 
-									<li class="clearfix">
363 
-										<div class="line_wrap line four_line fourLeft_line"></div>
364 
-									</li>
365 
-									<li class="clearfix">
366 
-										<div class="line_wrap line four_line fiveLeft_line"></div>
367 
-									</li>
368 
-								</ul>
369 
-							</div>
370 
-							<div class="source_middle slide_middle">
371 
-								<div class="map_bg">
372 
-
373 
-								</div>
374 
-							</div>
375 
-							<div class="source_right slide_right">
376 
-								<div class="timeWrap twotimeWarp">
377 
-									<div class="time_box pull-right form-inline">
378 
-										日期<input type="text" id="time2" class="times" />
379 
-										<img src="img/rili.png" class="data-input-icon2" />
380 
-									</div>
381 
-								</div>
382 
-								<ul>
383 
-									<li class="clearfix">
384 
-										<div class="line_wrap one_line line oneRight_line"></div>
385 
-
386 
-									</li>
387 
-									<li class="clearfix">
388 
-										<div class="line_wrap line two_line twoRight_line"></div>
389 
-
390 
-									</li>
391 
-									<li class="clearfix">
392 
-										<div class="line_wrap line three_line threeRight_line"></div>
393 
-									</li>
394 
-									<li class="clearfix">
395 
-										<div class="line_wrap line four_line fourRight_line">
396 
-										</div>
397 
-									</li>
398 
-								</ul>
399 
-							</div>
400 
-						</div>
401 
-					</div>
402 
-
403 
-					<!--第三屏  工单类型-->
404 
-					<div class="swiper-slide">
405 
-						<div class="slideCon_bg orderType clearfix">
406 
-							<p class="slide_title slide_title3"></p>
407 
-							<div class="timeWrap twotimeWarp" style="float: right; margin-right: 200px; margin-top: -85px;">
408 
-								<div class="time_box pull-right form-inline time_box_three">
409 
-									日期<input type="text" id="time3" class="times" />
410 
-									<img src="img/rili.png" class="data-input-icon3" />
411 
-								</div>
412 
-							</div>
413 
-							<div class="orderTtype_Con">
414 
-								<ul class="clearfix">
415 
-									<li class="active">
416 
-										<div class="typeWord">咨询</div>
417 
-										<img src="img/order_ZX.png" alt="" />
418 
-										<p class="typeWord_line">数据展示</p>
419 
-										<p class="order_count">0</p>
420 
-										<p class="typeWord_line">今日咨询量</p>
421 
-										<p class="order_count">0</p>
422 
-										<p class="typeWord_line">本月咨询量</p>
423 
-										<p class="order_count">0</p>
424 
-										<p class="typeWord_line">咨询总量</p>
425 
-										<div class="persent_box">
426 
-											<div class="persent_kuang">0</div>
427 
-										</div>
428 
-										<p class="persent_word">总计类型占比</p>
429 
-									</li>
430 
-									<li>
431 
-										<div class="typeWord">求助</div>
432 
-										<img src="img/order_QZ.png" alt="" />
433 
-										<p class="typeWord_line">数据展示</p>
434 
-										<p class="order_count">0</p>
435 
-										<p class="typeWord_line">今日求助量</p>
436 
-										<p class="order_count">0</p>
437 
-										<p class="typeWord_line">本月求助量</p>
438 
-										<p class="order_count">0</p>
439 
-										<p class="typeWord_line">求助总量</p>
440 
-										<div class="persent_box">
441 
-											<div class="persent_kuang">0</div>
442 
-										</div>
443 
-										<p class="persent_word">总计类型占比</p>
444 
-									</li>
445 
-									<li>
446 
-										<div class="typeWord">投诉</div>
447 
-										<img src="img/order_TS.png" alt="" />
448 
-										<p class="typeWord_line">数据展示</p>
449 
-										<p class="order_count">0</p>
450 
-										<p class="typeWord_line">今日投诉量</p>
451 
-										<p class="order_count">0</p>
452 
-										<p class="typeWord_line">本月投诉量</p>
453 
-										<p class="order_count">0</p>
454 
-										<p class="typeWord_line">投诉总量</p>
455 
-										<div class="persent_box">
456 
-											<div class="persent_kuang">0</div>
457 
-										</div>
458 
-										<p class="persent_word">总计类型占比</p>
459 
-									</li>
460 
-									<li>
461 
-										<div class="typeWord">建议</div>
462 
-										<img src="img/order_JY.png" alt="" />
463 
-										<p class="typeWord_line">数据展示</p>
464 
-										<p class="order_count">0</p>
465 
-										<p class="typeWord_line">今日建议量</p>
466 
-										<p class="order_count">0</p>
467 
-										<p class="typeWord_line">本月建议量</p>
468 
-										<p class="order_count">0</p>
469 
-										<p class="typeWord_line">建议总量</p>
470 
-										<div class="persent_box">
471 
-											<div class="persent_kuang">0</div>
472 
-										</div>
473 
-										<p class="persent_word">总计类型占比</p>
474 
-									</li>
475 
-									<li>
476 
-										<div class="typeWord">表扬</div>
477 
-										<img src="img/order_BY.png" alt="" />
478 
-										<p class="typeWord_line">数据展示</p>
479 
-										<p class="order_count">0</p>
480 
-										<p class="typeWord_line">今日表扬量</p>
481 
-										<p class="order_count">0</p>
482 
-										<p class="typeWord_line">本月表扬量</p>
483 
-										<p class="order_count">0</p>
484 
-										<p class="typeWord_line">表扬总量</p>
485 
-										<div class="persent_box">
486 
-											<div class="persent_kuang">0</div>
487 
-										</div>
488 
-										<p class="persent_word">总计类型占比</p>
489 
-									</li>
490 
-									<li>
491 
-										<div class="typeWord">其他</div>
492 
-										<img src="img/order_QT.png" alt="" />
493 
-										<p class="typeWord_line">数据展示</p>
494 
-										<p class="order_count">0</p>
495 
-										<p class="typeWord_line">今日其他量</p>
496 
-										<p class="order_count">0</p>
497 
-										<p class="typeWord_line">本月其他量</p>
498 
-										<p class="order_count">0</p>
499 
-										<p class="typeWord_line">其他总量</p>
500 
-										<div class="persent_box">
501 
-											<div class="persent_kuang">0</div>
502 
-										</div>
503 
-										<p class="persent_word">总计类型占比</p>
504 
-									</li>
505 
-								</ul>
506 
-
507 
-							</div>
508 
-						</div>
43 
+					<div class="time_box pull-right form-inline">
44 
+						日期<input type="text" id="time1" class="times" />
45 
+						<img src="img/rili.png" class="data-input-icon1"/>
509 
 					</div>
 46 
 					</div>
510 
-
511 
-					<!--第四屏  工单状态-->
512 
-					<div class="swiper-slide">
513 
-
514 
-						<div class="slideCon_bg orderState clearfix">
515 
-							<p class="slide_title slide_title4"></p>
516 
-
517 
-							<div class="orderCon_left slide_left">
518 
-								<ul class="orderState_ul">
519 
-									<li>
520 
-										<img src="img/state_XZGD.png" alt="" />
521 
-										<div class="num_word">
522 
-											<p>新增工单</p>
523 
-											<div id="state_xzgd"></div>
524 
-										</div>
525 
-									</li>
526 
-
527 
-									<li>
528 
-										<img src="img/state_DJB.png" alt="" />
529 
-										<div class="num_word">
530 
-											<p>待交办</p>
531 
-											<div id="state_djb"></div>
532 
-										</div>
533 
-									</li>
534 
-									<li>
535 
-										<img src="img/state_DCS.png" alt="" />
536 
-										<div class="num_word">
537 
-											<p>待查收</p>
538 
-											<div id="state_dcs"></div>
539 
-										</div>
540 
-									</li>
541 
-									<li>
542 
-										<img src="img/state_THSH.png" alt="" />
543 
-										<div class="num_word">
544 
-											<p>退回审核</p>
545 
-											<div id="state_thsh"></div>
546 
-										</div>
547 
-									</li>
548 
-									<li>
549 
-										<img src="img/state_BLZ.png" alt="" />
550 
-										<div class="num_word">
551 
-											<p>办理中</p>
552 
-											<div id="state_blz"></div>
553 
-										</div>
554 
-									</li>
555 
-
556 
-								</ul>
557 
-							</div>
558 
-
559 
-							<div class="orderCon_middle slide_middle">
560 
-
561 
-								<div class="earth_box">
562 
-									<div class="earth_quan1"></div>
563 
-									<div class="earth_quan2"></div>
564 
-									<div class="earth_quan3"></div>
565 
-									<div class="earth"></div>
566 
-								</div>
567 
-							</div>
568 
-
569 
-							<div class="orderCon_right slide_right">
570 
-								<div class="timeWrap" style="left: 5px;">
571 
-									<div class="time_box pull-right form-inline">
572 
-										日期<input type="text" id="time4" class="times" />
573 
-										<img src="img/rili.png" class="data-input-icon4" />
574 
-									</div>
575 
-								</div>
576 
-								<ul class="orderState_ul">
577 
-									<li class="active">
578 
-										<img src="img/state_YS.png" alt="" />
579 
-										<div class="num_word">
580 
-											<p>延时审核</p>
581 
-											<div id="state_yssh"></div>
582 
-										</div>
583 
-									</li>
584 
-									<li>
585 
-										<img src="img/state_YBL.png" alt="" />
586 
-										<div class="num_word">
587 
-											<p>已办理</p>
588 
-											<div id="state_ybl"></div>
589 
-										</div>
590 
-									</li>
591 
-									<li>
592 
-										<img src="img/state_YHF.png" alt="" />
593 
-										<div class="num_word">
594 
-											<p>已回访</p>
595 
-											<div id="state_yhf"></div>
596 
-										</div>
597 
-									</li>
598 
-									<li>
599 
-										<img src="img/state_CBZ.png" alt="" />
600 
-										<div class="num_word">
601 
-											<p>重办中</p>
602 
-											<div id="state_cbz"></div>
603 
-										</div>
604 
-									</li>
605 
-									<li>
606 
-										<img src="img/state_YJA.png" alt="" />
607 
-										<div class="num_word">
608 
-											<p>已结案</p>
609 
-											<div id="state_yja"></div>
610 
-										</div>
611 
-									</li>
612 
-								</ul>
613 
-
614 
-							</div>
615 
-						</div>
616 
-
47 
+				</div>
48 
+				<div id="sitProportion" style=" width: 100%;height: 400px;"></div>
49 
+			</div>
50 
+			<!--<div class="row">-->
51 
+				<div class="phone_bottom clearfix">
52 
+				<div class="bottom_left pull-left">
53 
+					<div class="legend_bar clearfix">
54 
+					<div class="title_word pull-left">
55 
+						<span class="col-line"></span> 话务量实时统计数据
617 
 					</div>
 56 
 					</div>
57 
+
618
58
619 
-					<!--第五屏  话务量统计-->
620 
-					<div class="swiper-slide">
621 
-
622 
-						<div class="slideCon_bg trafficVolume clearfix">
623 
-							<p class="slide_title slide_title5"></p>
624 
-							<div class="orderCon_left slide_left">
625 
-								<div class="keyW_t">
626 
-									投诉关键字
627 
-								</div>
628 
-								<div class="tagBox">
629 
-									<div class="tagcloud">
630 
-									</div>
631 
-								</div>
632 
-							</div>
633 
-							<div class="orderCon_right slide_right">
634 
-								<div class="timeWrap lasttimeWrap timeWrapPosi">
635 
-									<div class="time_box pull-right form-inline" id="bor_dere">
636 
-										日期
637 
-										<input type="text" id="test6" class="times lasttime" style="margin-right: 50px;" />
638 
-										<img src="img/rili.png" class="data-input-icon5" />
639 
-										<!--部门<select class="depart selects"></select>-->
640 
-										部门:<div class="inpBox">
641 
-											<input type="text" class="inps5" placeholder="请选择部门" />
642 
-											<i class="Cleans5  fa fa-close">X</i>
643 
-											<i class="xl5 xl_one5"></i>
644 
-											<div class="addTree xlAdd5">
645 
-												<ul id="dep5" class="ztree">
646 
-
647 
-												</ul>
648 
-											</div>
649 
-										</div>
650 
-									</div>
651 
-								</div>
652 
-
653 
-								<div class="keyBottom_left pull-left">
654 
-									<div class="table_box table_box_key">
655 
-										<table class="table">
656 
-											<colgroup>
657 
-												<col style="width: 120px;" />
658 
-												<col/>
659 
-											</colgroup>
660 
-											<thead class="thead">
661 
-												<tr>
662 
-													<td>部门名称</td>
663 
-													<td>数量</td>
664 
-													<td>占比</td>
665 
-												</tr>
666 
-											</thead>
667 
-										</table>
668 
-										<div class="scroll_table" style="width: 100%;height: 460px; overflow: hidden;">
669 
-											<table class="table">
670 
-												<colgroup>
671 
-													<col style="width: 120px;" />
672 
-													<col/>
673 
-												</colgroup>
674 
-												<tbody>
675 
-												</tbody>
676 
-											</table>
677 
-										</div>
678 
-									</div>
679 
-								</div>
680 
-							</div>
681 
-						</div>
59 
+				</div>
60 
+					<!--话务量实时统计-->
61 
+					<div id="phoneTimeCount" style="width: 100%;height: 390px;"></div>
62 
+				</div>
63 
+				<div class="bottom_right pull-left">
64 
+					<div class="legend_bar clearfix">
65 
+					<div class="title_word pull-left">
66 
+						<span class="col-line"></span> 今日话务量数据
682 
 					</div>
 67 
 					</div>
68 
+
683
69
684 
-					<!--第六屏  办理情况统计-->
685 
-					<div class="swiper-slide">
686 
-
687 
-						<div class="slideCon_bg orderState clearfix">
688 
-							<p class="slide_title slide_title6"></p>
689 
-
690 
-							<div class="orderCon_left slide_left" style="width:50%;">
691 
-								<div class="timeWrap" style="left: 5px;margin-top: 5px;">
692 
-									<div class="time_box pull-left form-inline time_box_six">
693 
-										日期<input type="text" id="time6" class="times" style="width: 195px;" />
694 
-										<img src="img/rili.png" class="data-input-icon6" />
695 
-										<!--部门<select class="depart_six selects"></select>-->
696 
-										部门:<div class="inpBox">
697 
-											<input type="text" class="inps" placeholder="请选择部门" />
698 
-											<i class="Cleans  fa fa-close">X</i>
699 
-											<i class="xl xl_one"></i>
700 
-											<div class="addTree xlAdd">
701 
-												<ul id="dep" class="ztree">
702 
-
703 
-												</ul>
704 
-											</div>
705 
-										</div>
706 
-									</div>
707 
-								</div>
708 
-								<div class="keyBottom_left pull-left" style="margin-left: 0;">
709 
-									<div class="table_box table_date_time" style="width: 570px;overflow-y: auto;">
710 
-										<table class="table">
711 
-											<colgroup>
712 
-												<col style="width: 120px;" />
713 
-												<col/>
714 
-											</colgroup>
715 
-											<thead class="thead">
716 
-												<tr>
717 
-													<td>部门名称</td>
718 
-													<td>延期数量</td>
719 
-													<td>超期数量</td>
720 
-													<td>不满意数量</td>
721 
-												</tr>
722 
-											</thead>
723 
-										</table>
724 
-										<div class="scroll_table_list" style="width: 100%;height: 460px; overflow: hidden;">
725 
-											<table class="table">
726 
-												<colgroup>
727 
-													<col style="width: 120px;" />
728 
-													<col/>
729 
-												</colgroup>
730 
-												<tbody>
731 
-												</tbody>
732 
-											</table>
733 
-										</div>
734 
-									</div>
735 
-								</div>
736 
-							</div>
737 
-
738 
-							<div class=" pull-left over_date_list" >
739 
-								<div class="table_box table_box_key" style="width: 570px;">
740 
-									<table class="table">
741 
-										<colgroup>
742 
-											<col style="width: 120px;" />
743 
-											<col/>
744 
-										</colgroup>
745 
-										<thead class="thead">
746 
-											<tr>
747 
-												<td>工单编号</td>
748 
-												<td>主办单位</td>
749 
-												<td>超时时长</td>
750 
-											</tr>
751 
-										</thead>
752 
-									</table>
753 
-									<div class="scroll_table_right" style="width: 100%;height: 460px; overflow: hidden;">
754 
-										<table class="table">
755 
-											<colgroup>
756 
-												<col style="width: 120px;" />
757 
-												<col/>
758 
-											</colgroup>
759 
-											<tbody>
760 
-											</tbody>
761 
-										</table>
762 
-									</div>
763 
-								</div>
764 
-
765 
-							</div>
766 
-						</div>
767 
-
768 
-					</div>
769 
 				</div>
 70 
 				</div>
770 
-				<input type="hidden" id="PID" />
771 
-				<input type="hidden" id="Dpment" />
772 
-				<input type="hidden" id="PID5" />
773 
-				<input type="hidden" id="Dpment5" />
774 
-				<div class="swiper-button-prev"></div>
775 
-				<div class="swiper-pagination"></div>
776 
-				<div class="swiper-button-next"></div>
71 
+					<!--今日话务量数据-->
72 
+					<div id="todyPhoneCount" style="width: 100%;height: 390px;"></div>
73 
+				</div>
777
74
778 
 			</div>
 75 
 			</div>
779 
-
76 
+			<!--</div>-->
780 
 		</div>
 77 
 		</div>
781 
-		<script src="js/swiper.min.js"></script>
782 
-		<script src="js/swiper.animate1.0.3.min.js"></script>
783 
-		<script src="js/jquery.min.js"></script>
784 
-		<script src="js/countUp.js"></script>
785 
-		<script src="plugins/numbergd/index.js"></script>
786 
-		<script src="js/tagcloud.js"></script>
787 
-		<script src="js/ScrollDiv.js"></script>
788 
-		<script src="./js/zTree/jquery.ztree.core.js"></script>
789 
-		<script src="js/index.js"></script>
78 
+		<script src="js/dataChart.js"></script>
79 
+		<script src="js/TelephoneDetails.js"></script>
790 
 		<script src="js/setItervalTime.js"></script>
 80 
 		<script src="js/setItervalTime.js"></script>
791 
 	</body>
 81 
 	</body>
792
82

+ 245 - 321
WebChart_2.0/js/TelephoneDetails.js
Ver Arquivo

1 
-	$(function(){
1 
+	$(function() {
2 
 		laydate.render({
 2 
 		laydate.render({
3 
-		elem: '#time1',
4 
-		eventElem:'.data-input-icon1',
5 
-		trigger:'click',
6 
-		range: '~',
7 
-		theme: '#114a97',
8 
-		    done: function(value, date) {
9 
-					partOne(value && value.split(' ~ ')[0],value && value.split(' ~ ')[1]);
10 
-					partTwo(value && value.split(' ~ ')[0]);
11 
-		    		partThree(value && value.split(' ~ ')[0]);
12 
-		    }
3 
+			elem: '#time1',
4 
+			eventElem: '.data-input-icon1',
5 
+			trigger: 'click',
6 
+			range: '~',
7 
+			theme: '#114a97',
8 
+			done: function(value, date) {}
13 
 		});
 9 
 		});
14 
-		Ajax();
15 
 	})
 10 
 	})
16 
-			var sitProportion = echarts.init(document.getElementById('sitProportion')); //坐席闲忙比例
17 
-			sitProportion.setOption({
18 
-				color: ['#4ab7c7', '#2484d9', '#2e39c1'],
19 
-				tooltip: {
20 
-					trigger: 'axis',
21 
-						axisPointer: {
22 
-							type: 'cross',
23 
-							label: {
24 
-								show: true,
25 
-								backgroundColor: '#333'
26 
-							}
27 
-						}
28 
-				},
29 
-				legend: {
30 
-					top: 'top',
31 
-					left: '135px',
32 
-					data: ['呼入量', '呼入接通量', '呼出','呼出接通量'],
33 
-					textStyle: {
34 
-						color: '#00e9ff'
35 
-					}
36 
-				},
37 
-				grid: {
38 
-					left: '1%',
39 
-					right: '3%',
40 
-					bottom: '5%',
41 
-					containLabel: true
42 
-					},
43 
-				xAxis: {
44 
-					name: '坐席',
45 
-					data: [],
46 
-					axisLine: {
47 
-						lineStyle: {
48 
-							color: '#3061a2'
49 
-						}
50 
-					},
51 
-					axisTick: {
52 
-						alignWithLabel: true,
53 
-						show: false
54 
-					},
55 
-					axisLabel: { //横轴字体颜色
56 
-						show: true,
57 
-						textStyle: {
58 
-							color: '#eff0f4'
59 
-						}
60 
-					}
61 
-
62 
-				},
63 
-				yAxis: {
64 
-					name: '通',
65 
-					splitLine: {
66 
-						show: false
67 
-					},
68 
-					axisLine: {
69 
-						lineStyle: {
70 
-							color: '#3061a2'
71 
-						}
72 
-					},
73 
-					axisLabel: { //横轴字体颜色
74 
-						show: true,
75 
-						textStyle: {
76 
-							color: '#eff0f4'
77 
-						}
78 
-					}
79 
-				},
80 
-				series: [{
81 
-					name: '呼入量',
82 
-					type: 'line',
83 
-					smooth: true,
84 
-							showAllSymbol: true,
85 
-							symbol: "emptyCircle",
86 
-							symbolSize: 10,
87 
-					data: []
88 
-				}, {
89 
-					name: '呼入接通量',
90 
-					type: 'line',
91 
-					smooth: true,
92 
-							showAllSymbol: true,
93 
-							symbol: "emptyCircle",
94 
-							symbolSize: 10,
95 
-					data: []
96 
-				}, {
97 
-					name: '呼出',
98 
-					type: 'line',
99 
-					smooth: true,
100 
-							showAllSymbol: true,
101 
-							symbol: "emptyCircle",
102 
-							symbolSize: 10,
103 
-					data: []
104 
-				}, {
105 
-					name: '呼出接通量',
106 
-					type: 'line',
107 
-					smooth: true,
108 
-					showAllSymbol: true,
109 
-					symbol: "emptyCircle",
110 
-					symbolSize: 10,
111 
-					data: []
112 
-				}]
113 
-
114 
-			});
115 
-			function partOne(starts,ends) {
116 
-				$.ajax({
117 
-					type: "get",
118 
-					url: huayi.config.callcenter_url + "info/GetAgentTelCount",
119 
-					async: true,
120 
-					dataType: 'json',
121 
-					data: {
122 
-						start: starts,
123 
-						end:ends
124 
-					},
125 
-					success: function(data) {
126 
-						if(data.state.toLowerCase() == 'success') {
127 
-							// 	   			layer.close(index);
128 
-							var con = data.data;
129 
-							sitProportion.setOption({
130 
-								xAxis: {
131 
-									data: con.users
132 
-								},
133 
-								series: [{
134 
-									data: con.incount
135 
-								},{
136 
-									data:con.inconnectcount
137 
-								},{
138 
-									data:con.outcount
139 
-								},{
140 
-									data:con.outconnectcount
141 
-								}]
142 
-
143 
-							})
11 
+	var sitProportion = echarts.init(document.getElementById('sitProportion')); //坐席闲忙比例
12 
+	var partOneData, partTwoData, partThreeData;
13 
+	sitProportion.setOption({
14 
+		color: ['#4ab7c7', '#2484d9', '#2e39c1'],
15 
+		tooltip: {
16 
+			trigger: 'axis',
17 
+			axisPointer: {
18 
+				type: 'cross',
19 
+				label: {
20 
+					show: true,
21 
+					backgroundColor: '#333'
22 
+				}
23 
+			}
24 
+		},
25 
+		legend: {
26 
+			top: 'top',
27 
+			left: '135px',
28 
+			data: ['呼入量', '呼入接通量', '呼出', '呼出接通量'],
29 
+			textStyle: {
30 
+				color: '#00e9ff'
31 
+			}
32 
+		},
33 
+		grid: {
34 
+			left: '1%',
35 
+			right: '3%',
36 
+			bottom: '5%',
37 
+			containLabel: true
38 
+		},
39 
+		xAxis: {
40 
+			name: '坐席',
41 
+			data: [],
42 
+			axisLine: {
43 
+				lineStyle: {
44 
+					color: '#3061a2'
45 
+				}
46 
+			},
47 
+			axisTick: {
48 
+				alignWithLabel: true,
49 
+				show: false
50 
+			},
51 
+			axisLabel: { //横轴字体颜色
52 
+				show: true,
53 
+				textStyle: {
54 
+					color: '#eff0f4'
55 
+				}
56 
+			}
144
57
145 
-						}
146 
-					}
147 
-				});
58 
+		},
59 
+		yAxis: {
60 
+			name: '通',
61 
+			splitLine: {
62 
+				show: false
63 
+			},
64 
+			axisLine: {
65 
+				lineStyle: {
66 
+					color: '#3061a2'
67 
+				}
68 
+			},
69 
+			axisLabel: { //横轴字体颜色
70 
+				show: true,
71 
+				textStyle: {
72 
+					color: '#eff0f4'
73 
+				}
148 
 			}
 74 
 			}
75 
+		},
76 
+		series: [{
77 
+			name: '签入时长',
78 
+			type: 'line',
79 
+			smooth: true,
80 
+			showAllSymbol: true,
81 
+			symbol: "emptyCircle",
82 
+			symbolSize: 10,
83 
+			data: []
84 
+		}, {
85 
+			name: '空闲时长',
86 
+			type: 'line',
87 
+			smooth: true,
88 
+			showAllSymbol: true,
89 
+			symbol: "emptyCircle",
90 
+			symbolSize: 10,
91 
+			data: []
92 
+		}, {
93 
+			name: '作息时长',
94 
+			type: 'line',
95 
+			smooth: true,
96 
+			showAllSymbol: true,
97 
+			symbol: "emptyCircle",
98 
+			symbolSize: 10,
99 
+			data: []
100 
+		}, {
101 
+			name: '通话时长',
102 
+			type: 'line',
103 
+			smooth: true,
104 
+			showAllSymbol: true,
105 
+			symbol: "emptyCircle",
106 
+			symbolSize: 10,
107 
+			data: []
108 
+		}]
149
109
110 
+	});
150
111
112 
+	sitProportion.setOption({
113 
+		xAxis: {
114 
+			data: partOneData.users
115 
+		},
116 
+		series: [{
117 
+			data: partOneData.incount
118 
+		}, {
119 
+			data: partOneData.inconnectcount
120 
+		}, {
121 
+			data: partOneData.outcount
122 
+		}, {
123 
+			data: partOneData.outconnectcount
124 
+		}]
151
125
152 
-//part 2
126 
+	})
127 
+
128 
+	//part 2
153 
 	var phoneTimeCount = echarts.init(document.getElementById('phoneTimeCount'));
 129 
 	var phoneTimeCount = echarts.init(document.getElementById('phoneTimeCount'));
154 
 	phoneTimeCount.setOption({
 130 
 	phoneTimeCount.setOption({
155 
 		color: ['#ceba5f', '#4da991', '#f06e84', '#6a91e0'],
 131 
 		color: ['#ceba5f', '#4da991', '#f06e84', '#6a91e0'],
163 
 				}
 139 
 				}
164 
 			}
 140 
 			}
165 
 		},
 141 
 		},
166 
-			grid: {
167 
-					left: '2%',
168 
-					right: '5%',
169 
-					bottom: '6%',
170 
-					containLabel: true
171 
-					},
142 
+		grid: {
143 
+			left: '2%',
144 
+			right: '5%',
145 
+			bottom: '6%',
146 
+			containLabel: true
147 
+		},
172 
 		legend: {
 148 
 		legend: {
173 
 			top: 'top',
 149 
 			top: 'top',
174 
 			left: '180px',
 150 
 			left: '180px',
175 
-			data: ["来电数量", "接通数量",  "放弃数量", "黑名单拒接数量"],
151 
+			data: ["呼叫数量", "接通数量", "来电数量", "黑名单拒接数量"],
176 
 			textStyle: {
 152 
 			textStyle: {
177 
 				color: '#00e9ff'
 153 
 				color: '#00e9ff'
178 
 			}
 154 
 			}
179 
-
180 
-
155 
+
181 
 		},
 156 
 		},
182 
 		xAxis: {
 157 
 		xAxis: {
183 
 			name: '时',
 158 
 			name: '时',
217 
 		},
 192 
 		},
218 
 		series: []
 193 
 		series: []
219 
 	});
 194 
 	});
220 
-
221
195
222 
-	function partTwo(dates) {
223 
-//		var index = layer.load(1, {
224 
-//			shade: [0.5, '#030303'] //0.1透明度的白色背景
225 
-//		});
226 
-		$.ajax({
227 
-			type: "get",
228 
-			url: huayi.config.callcenter_url + "info/GetTelCount24ByDate",
229 
-			async: true,
230 
-			dataType: "json",
231 
-			data: {
232 
-				date: dates
196 
+	phoneTimeCount.setOption({
197 
+		xAxis: {
198 
+			data: partTwoData.hours
199 
+		},
200 
+		series: [{
201 
+				name: "呼叫数量",
202 
+				type: "line",
203 
+				smooth: true,
204 
+				showAllSymbol: true,
205 
+				symbol: "emptyCircle",
206 
+				symbolSize: 10,
207 
+				data: partTwoData.rcounts
208 
+			}, {
209 
+				name: "接通数量",
210 
+				type: "line",
211 
+				smooth: true,
212 
+				showAllSymbol: true,
213 
+				symbol: "emptyCircle",
214 
+				symbolSize: 10,
215 
+				data: partTwoData.ccounts
233 
 			},
 216 
 			},
234 
-			success: function(data) {
235 
-				if(data.state.toLowerCase() == "success") {
236 
-//					layer.close(index);
237 
-					var con = data.data;
238 
-					phoneTimeCount.setOption({
239 
-						xAxis: {
240 
-							data: con.hours
241 
-						},
242 
-						series: [{
243 
-							name: "来电数量",
244 
-							type: "line",
245 
-							smooth: true,
246 
-							showAllSymbol: true,
247 
-							symbol: "emptyCircle",
248 
-							symbolSize: 10,
249 
-							data: con.rcounts
250 
-						}, {
251 
-							name: "接通数量",
252 
-							type: "line",
253 
-							smooth: true,
254 
-							showAllSymbol: true,
255 
-							symbol: "emptyCircle",
256 
-							symbolSize: 10,
257 
-							data: con.ccounts
258 
-						},
259 
-						 {
260 
-							name: "放弃数量",
261 
-							type: "line",
262 
-							smooth: true,
263 
-							showAllSymbol: true,
264 
-							symbol: "emptyCircle",
265 
-							symbolSize: 10,
266 
-							data: con.gcounts
267 
-						},
268 
-						{
269 
-							name: "黑名单拒接数量",
270 
-							type: "line",
271 
-							smooth: true,
272 
-							showAllSymbol: true,
273 
-							symbol: "emptyCircle",
274 
-							symbolSize: 10,
275 
-							data: con.scounts
276 
-						}]
217 
+			{
218 
+				name: "来电数量",
219 
+				type: "line",
220 
+				smooth: true,
221 
+				showAllSymbol: true,
222 
+				symbol: "emptyCircle",
223 
+				symbolSize: 10,
224 
+				data: partTwoData.gcounts
225 
+			},
226 
+			{
227 
+				name: "黑名单拒接数量",
228 
+				type: "line",
229 
+				smooth: true,
230 
+				showAllSymbol: true,
231 
+				symbol: "emptyCircle",
232 
+				symbolSize: 10,
233 
+				data: partTwoData.scounts
234 
+			}
235 
+		]
277
236
278 
-					})
237 
+	})
279
238
239 
+	//part3
240 
+	var todyPhoneCount = echarts.init(document.getElementById('todyPhoneCount'));
241 
+	todyPhoneCount.setOption({
242 
+		tooltip: {
243 
+			trigger: 'axis',
244 
+			axisPointer: {
245 
+				type: false,
246 
+				label: {
247 
+					show: true,
248 
+					backgroundColor: '#030917'
249 
+				}
250 
+			},
251 
+		},
252 
+		xAxis: {
253 
+			name: '类型',
254 
+			data: ["话务量(通)", "来电(通)", "接通量(通)", "平均通话时长(秒)"],
255 
+			axisLine: {
256 
+				lineStyle: {
257 
+					color: '#3061a2'
258 
+				}
259 
+			},
260 
+			axisTick: {
261 
+				alignWithLabel: true,
262 
+				show: false
263 
+			},
264 
+			axisLabel: { //横轴字体颜色
265 
+				show: true,
266 
+				textStyle: {
267 
+					color: '#eff0f4'
268 
+				}
269 
+			}
270 
+		},
271 
+		yAxis: {
272 
+			name: '数量',
273 
+			splitLine: {
274 
+				show: false
275 
+			},
276 
+			axisLine: {
277 
+				lineStyle: {
278 
+					color: '#3061a2'
279 
+				}
280 
+			},
281 
+			axisLabel: { //横轴字体颜色
282 
+				show: true,
283 
+				textStyle: {
284 
+					color: '#eff0f4'
280 
 				}
 285 
 				}
281 
 			}
 286 
 			}
282
287
283 
-		});
284 
-
285 
-	}
286 
-
287 
-//part3
288 
-	var todyPhoneCount = echarts.init(document.getElementById('todyPhoneCount'));
289 
-			todyPhoneCount.setOption({
290 
-				tooltip: {
291 
-					trigger: 'axis',
292 
-					axisPointer: {
293 
-						type: false,
294 
-						label: {
295 
-							show: true,
296 
-							backgroundColor: '#030917'
297 
-						}
298 
-					},
299 
-				},
300 
-				xAxis: {
301 
-					name: '类型',
302 
-					data: ["话务量(通)", "来电(通)", "接通量(通)", "平均通话时长(秒)"],
303 
-					axisLine: {
304 
-						lineStyle: {
305 
-							color: '#3061a2'
306 
-						}
307 
-					},
308 
-					axisTick: {
309 
-						alignWithLabel: true,
310 
-						show: false
311 
-					},
312 
-					axisLabel: { //横轴字体颜色
313 
-						show: true,
314 
-						textStyle: {
315 
-							color: '#eff0f4'
316 
-						}
317 
-					}
318 
-				},
319 
-				yAxis: {
320 
-					name: '数量',
321 
-					splitLine: {
322 
-						show: false
323 
-					},
324 
-					axisLine: {
325 
-						lineStyle: {
326 
-							color: '#3061a2'
327 
-						}
328 
-					},
329 
-					axisLabel: { //横轴字体颜色
330 
-						show: true,
331 
-						textStyle: {
332 
-							color: '#eff0f4'
333 
-						}
288 
+		},
289 
+		series: [{
290 
+			name: '数量',
291 
+			type: 'bar',
292 
+			barWidth: 18,
293 
+			itemStyle: {
294 
+				normal: {
295 
+					color: function(params) {
296 
+						// build a color map as your need.
297 
+						var colorList = [
298 
+							'#368cab', '#54b793', '#4b6ab0', '#2531a9'
299 
+						];
300 
+						return colorList[params.dataIndex]
334 
 					}
 301 
 					}
335 
-
336 
-				},
337 
-				series: [{
338 
-					name: '数量',
339 
-					type: 'bar',
340 
-					barWidth: 18,
341 
-					itemStyle: {
342 
-		                normal: {
343 
-		                    color: function(params) {
344 
-		                        // build a color map as your need.
345 
-		                        var colorList = [
346 
-		                          '#368cab','#54b793','#4b6ab0','#2531a9'];
347 
-		                        return colorList[params.dataIndex]
348 
-		                    }
349 
-		                }
350 
-		            },
351 
-					label: {
352 
-						normal: {
353 
-							show: true,
354 
-							position: 'top',//顶部数据显示位置
355 
-							textStyle: {
356 
-						            color: '#fff' //顶部数据颜色
357 
-						         },
358 
-							formatter: '{c}' // 这里是数据展示的时候显示的数据
359 
-						}
302 
+				}
303 
+			},
304 
+			label: {
305 
+				normal: {
306 
+					show: true,
307 
+					position: 'top', //顶部数据显示位置
308 
+					textStyle: {
309 
+						color: '#fff' //顶部数据颜色
360 
 					},
 310 
 					},
361 
-					data: []
362 
-				}]
363 
-
364 
-			});
365 
-
366 
-
367 
-		function partThree(dates) {
368 
-				$.ajax({
369 
-			type: "get",
370 
-			url: huayi.config.callcenter_url + "info/GetTelCountByDate",
371 
-			async: true,
372 
-			dataType: "json",
373 
-			data: {
374 
-				date: dates
311 
+					formatter: '{c}' // 这里是数据展示的时候显示的数据
312 
+				}
375 
 			},
 313 
 			},
376 
-			success: function(data) {
377 
-				if(data.state.toLowerCase() == "success") {
378 
-//					layer.close(index);
379 
-					var con = data.data;
380 
-					todyPhoneCount.setOption({
381 
-						series: [{
382 
-							data: [con.hwcon, con.lhcon, con.jtcon, con.pjthtimes]
383 
-						}]
314 
+			data: []
315 
+		}]
384
316
385 
-					})
386 
-
387 
-				}
388 
-			}
317 
+	});
389
318
390 
-		});
319 
+	todyPhoneCount.setOption({
320 
+		series: [{
321 
+			data: [partThreeData.hwcon, partThreeData.lhcon, partThreeData.jtcon, partThreeData.pjthtimes]
322 
+		}]
391
323
392 
-			}
393 
-
394 
-		function Ajax(){
395 
-			partOne($('#time1').val() && $('#time1').val().split(' ~ ')[0],$('#time1').val() && $('#time1').val().split(' ~ ')[1]);
396 
-			partTwo($('#time1').val() && $('#time1').val().split(' ~ ')[0])
397 
-			partThree($('#time1').val() && $('#time1').val().split(' ~ ')[0]);
398 
-		}
399 
-
400 
-
324 
+	})

+ 26 - 0
WebChart_2.0/js/dataChart.js
Ver Arquivo

1 
+partOneData = {
2 
+	"users": ["管理员--(空闲)", "任素梅--(忙碌)",
3 
+		"瞿福春--(离线)", "徐珊--(空闲)",
4 
+		"周艳霞--(空闲)", "程晓梅--(空闲)",
5 
+		"郭春梅--(空闲)", "李晓灿--(空闲)",
6 
+		"黄木恒--(空闲)", "(空闲)王惠峰",
7 
+		"李桂花--(空闲)", "9000--(空闲)",
8 
+		"郭春秋--(空闲)", "王艳丽--(空闲)",
9 
+		"王倩--(空闲)", "张芳--(空闲)",
10 
+		"瞿福春--(空闲)", "郭春秋--(空闲)",
11 
+		"8800--(空闲)", "吴政--(空闲)"
12 
+	],
13 
+	"incount": [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
14 
+	"inconnectcount": [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
15 
+	"outcount": [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
16 
+	"outconnectcount": [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
17 
+	"outconnectcount": [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
18 
+}
19 
+partTwoData = {
20 
+	"hours": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23],
21 
+	"rcounts": [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
22 
+	"ccounts": [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
23 
+	"gcounts": [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
24 
+	"scounts": [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
25 
+}
26 
+partThreeData ={"hwcon":"0","lhcon":"0","jtcon":"0","pjthtimes":0.0,"jtl":0.0,"thtimes":"0"}

+ 1 - 1
WebChart_2.0/js/setItervalTime.js
Ver Arquivo

1
1
2 
 $(function(){
 2 
 $(function(){
3 
-	setInterval(Ajax, huayi.config.indextime);//Ajax调用函数
3 
+	//setInterval(Ajax, huayi.config.indextime);//Ajax调用函数
4 
 	$(document).click(function(){
 4 
 	$(document).click(function(){
5 
 		playSound();
 5 
 		playSound();
6 
 	})
 6 
 	})

+ 0 - 269
WebChart_2.0/receiptDepartment.html
Ver Arquivo

1 
-<!DOCTYPE html>
2 
-<html>
3 
-
4 
-	<head>
5 
-		<meta charset="UTF-8">
6 
-		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
7 
-		<!--优先使用 IE 最新版本和 Chrome-->
8 
-		<meta name="renderer" content="webkit" />
9 
-		<script src="Script/Common/huayi.load.js"></script>
10 
-		<!--<script src="Script/Common/huayi.config.js"></script>-->
11 
-		<link rel="stylesheet" href="css/index.css" />
12 
-		<link rel="stylesheet" href="./js/zTree/zTreeStyle.css" />
13 
-		<script src="./js/zTree/jquery.ztree.core.js"></script>
14 
-		<title>接单部门</title>
15 
-		<style>
16 
-			.selects{
17 
-    			height: initial;
18 
-
19 
-			}
20 
-			#phone_time{
21 
-				width: 199px;
22 
-			}
23 
-			.selects_box:before{
24 
-				z-index: 1;
25 
-			}
26 
-			.phone_bottom >div:last-child{
27 
-				width: 44%;
28 
-				margin-left: 1%;
29 
-				 background: url(img/jd_bg3.png) no-repeat center;
30 
-				 background-size: 100% 100%;
31 
-			}
32 
-			.phone_bottom >div:first-child{
33 
-				 background: url(img/jd_bg2.png) no-repeat center;
34 
-				 background-size: 100% 100%;
35 
-				width: 55%;
36 
-			}
37 
-			.phone_bottom >div:first-child table{
38 
-				width: 95%;
39 
-				margin: 0 auto;
40 
-				color: #fff;
41 
-				font-size: 12px;
42 
-			}
43 
-			.table_box{
44 
-				margin-top: 30px;
45 
-			}
46 
-			.table>tbody>tr>td{
47 
-				border-top: 1px solid #3160a2;
48 
-				color: #00e9ff;
49 
-			}
50 
-			.table>thead>tr>td{
51 
-				border-top: 2px solid #3160a2;
52 
-			}
53 
-			.table>tbody>tr>td:first-child{
54 
-				color: #fff;
55 
-			}
56 
-			table thead, tbody tr {
57 
-	            display:table;
58 
-	            width:100%;
59 
-	            table-layout:fixed;
60 
-	        }
61 
-	       .table>tbody>tr>td:last-child{
62 
-	        	color: #95e193;
63 
-	        }
64 
-	       .table>tbody>tr>td:nth-last-child(2){
65 
-	        	color: #ec6969!important;
66 
-	        }
67 
-	        .hidens {
68 
-				display: none;
69 
-			}
70 
-				.inpBox {
71 
-				border: 1px solid #00e9ff;
72 
-				height: 30px;
73 
-				width: 220px;
74 
-				display: inline-block;
75 
-				position: relative;
76 
-				vertical-align: middle;
77 
-			}
78 
-
79 
-			.addTree {
80 
-				background: #fff;
81 
-				position: absolute;
82 
-				width: 100%;
83 
-				border: 1px solid #e5e6e7;
84 
-				right: 0;
85 
-				top: 33px;
86 
-				display: none;
87 
-				z-index: 222;
88 
-				height: 300px;
89 
-				overflow-x: hidden;
90 
-        		overflow-y: scroll;
91 
-			}
92 
-
93 
-			.xl {
94 
-				display: inline-block;
95 
-				background: url(./../img/dropDown.png) no-repeat;
96 
-				height: 100%;
97 
-				background-position: center center;
98 
-				width: 20px;
99 
-				position: absolute;
100 
-				right: 0;
101 
-				top: 0px;
102 
-				/* background-color: #f7bc8b; */
103 
-				cursor: pointer;
104 
-			}
105 
-
106 
-			.ztree li span {
107 
-				border: none;
108 
-				padding: 0;
109 
-				height: 50px;
110 
-			}
111 
-
112 
-			.inps {
113 
-				width: 217px;
114 
-				height: 30px;
115 
-				outline: none;
116 
-				background: #114a97;
117 
-				border: 0;
118 
-				border-image-width: 0;
119 
-				padding: 0;
120 
-				padding-left: 3px;
121 
-			}
122 
-
123 
-			.xl {
124 
-				display: inline-block;
125 
-				background: url(./img/dropDown.png) no-repeat;
126 
-				height: 100%;
127 
-				background-position: center center;
128 
-				width: 20px;
129 
-				position: absolute;
130 
-				right: 0;
131 
-				top: 0px;
132 
-				/* background-color: #f7bc8b; */
133 
-				cursor: pointer;
134 
-			}
135 
-			.Cleans{
136 
-				display: inline-block;
137 
-				width: 20px;
138 
-				position: absolute;
139 
-				right: 21px;
140 
-				top: 4px;
141 
-				display: none;
142 
-				cursor: pointer;
143 
-			}
144 
-		</style>
145 
-	</head>
146 
-
147 
-	<body>
148 
-		<!--导航栏开始-->
149 
-		<div id="nav" class="clearfix">
150 
-
151 
-		</div>
152 
-		<!--导航栏结束-->
153 
-		<div id="wrap" class="container">
154 
-				<div class="phone_top">
155 
-				<div class="legend_bar clearfix">
156 
-					<div class="title_word pull-left">
157 
-						<span class="col-line"></span> 工单状态统计
158 
-					</div>
159 
-					<div class="time_box pull-right form-inline">
160 
-						日期<input type="text" id="phone_time" class="times"/>
161 
-						<img src="img/rili.png" class="data-input-icon1"/>
162 
-					</div>
163 
-					<!--<div class="time_box pull-right form-inline selects_box">
164 
-						筛选<select name="" class="selects" id="">
165 
-							<option value="">全部</option>
166 
-							<option value="">已审核</option>
167 
-							<option value="">未审核</option>
168 
-							<option value="">未审核</option>
169 
-							<option value="">未审核</option>
170 
-						</select>
171 
-					</div>-->
172 
-				</div>
173 
-				<div id="phoneTimeCount" style="width: 100%;height: 400px;"></div>
174 
-			</div>
175 
-			<!--<div class="row">-->
176 
-				<div class="phone_bottom clearfix">
177 
-				<div class="bottom_left pull-left">
178 
-					<div class="legend_bar clearfix">
179 
-					<div class="title_word pull-left">
180 
-						<span class="col-line"></span> 各部门受理工单情况统计
181 
-					</div>
182 
-					<div class="pull-right form-inline" style="color: #FFFFFF; margin-right: 40px;">
183 
-						<!--部门 :<select class="selects" id="dep"></select>-->
184 
-						部门:<div class="inpBox">
185 
-							<input type="text" class="inps" placeholder="请选择部门" />
186 
-							<i class="Cleans  fa fa-close">X</i>
187 
-							<i class="xl xl_one"></i>
188 
-							<div class="addTree xlAdd">
189 
-								<ul id="dep" class="ztree">
190 
-
191 
-								</ul>
192 
-							</div>
193 
-						</div>
194 
-					</div>
195 
-					<input type="hidden" id="PID" />
196 
-					<input type="hidden" id="Dpment" />
197 
-				</div>
198 
-					<!--各部门受理工单情况统计-->
199 
-					<!--<div id="phoneTimeCount" style="width: 100%;height: 390px;"></div>-->
200 
-					<div class="table_box" style="width: 100%;height: 390px;">
201 
-						<table class="table">
202 
-							<colgroup>
203 
-				                <col style="width: 120px;"/>
204 
-				                <col/>
205 
-						    </colgroup>
206 
-						    <thead class="thead">
207 
-								<tr>
208 
-									<td>部门名称</td>
209 
-									<td>咨询</td>
210 
-									<td>求助</td>
211 
-									<td>建议</td>
212 
-									<td>表扬</td>
213 
-									<td>其他</td>
214 
-									<td>合计工单</td>
215 
-									<td>占比</td>
216 
-								</tr>
217 
-							</thead>
218 
-						</table>
219 
-						<div id="scroll_table"  style="width: 100%;height: 300px; overflow: hidden;">
220 
-							<table class="table">
221 
-							<colgroup>
222 
-									<col style="width: 120px;"/>
223 
-									<col/>
224 
-						    </colgroup>
225 
-							<tbody>
226 
-								<!-- <tr>
227 
-									<td>市公安局</td>
228 
-									<td><span class="text_color1">0</span></td>
229 
-									<td><span class="text_color1">0</span></td>
230 
-									<td><span class="text_color1">0</span></td>
231 
-									<td><span class="text_color1">0</span></td>
232 
-									<td><span class="text_color1">0</span></td>
233 
-									<td><span class="text_color2">0</span></td>
234 
-									<td><span class="text_color3">0%</span></td>
235 
-								</tr>
236 
-								<tr>
237 
-									<td>市公安局</td>
238 
-									<td><span class="text_color1">0</span></td>
239 
-									<td><span class="text_color1">0</span></td>
240 
-									<td><span class="text_color1">0</span></td>
241 
-									<td><span class="text_color1">0</span></td>
242 
-									<td><span class="text_color1">0</span></td>
243 
-									<td><span class="text_color2">0</span></td>
244 
-									<td><span class="text_color3">0%</span></td>
245 
-								</tr> -->
246 
-							</tbody>
247 
-						</table>
248 
-						</div>
249 
-					</div>
250 
-				</div>
251 
-				<div class="bottom_right pull-left">
252 
-					<div class="legend_bar clearfix">
253 
-					<div class="title_word pull-left">
254 
-						<span class="col-line"></span> 工单处理时间分布
255 
-					</div>
256 
-				</div>
257 
-					<!--话务量实时统计-->
258 
-					<div id="sitProportion" style=" width: 95%;height: 385px;"></div>
259 
-				</div>
260 
-
261 
-			</div>
262 
-			<!--</div>-->
263 
-		</div>
264 
-		<script src="js/ScrollDiv.js"></script>
265 
-		<script src="js/receiptDepartment.js"></script>
266 
-		<script src="js/setItervalTime.js"></script>
267 
-	</body>
268 
-
269 
-</html>

+ 0 - 321
WebChart_2.0/sourceChannel.html
Ver Arquivo

1 
-<!DOCTYPE html>
2 
-<html>
3 
-
4 
-	<head>
5 
-		<meta charset="UTF-8">
6 
-		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
7 
-		<!--优先使用 IE 最新版本和 Chrome-->
8 
-		<meta name="renderer" content="webkit" />
9 
-		<script src="Script/Common/huayi.load.js"></script>
10 
-		<script src="Script/Common/huayi.config.js"></script>
11 
-		<link rel="stylesheet" href="css/index.css" />
12 
-		<title>来源渠道</title>
13 
-		<style>
14 
-			.selects {
15 
-				height: initial;
16 
-			}
17 
-
18 
-			#time2,
19 
-			#time3 {
20 
-				width: 198px;
21 
-			}
22 
-			.phone_bottom>div:last-child {
23 
-				width: 49%;
24 
-				margin-left: 1%;
25 
-				background: url(img/jd_bg2.png) no-repeat center;
26 
-				background-size: 100% 100%;
27 
-			}
28 
-
29 
-			.phone_bottom>div:first-child {
30 
-				background: url(img/jd_bg2.png) no-repeat center;
31 
-				background-size: 100% 100%;
32 
-				width: 50%;
33 
-			}
34 
-
35 
-			.phone_bottom>div:first-child table {
36 
-				width: 95%;
37 
-				margin: 0 auto;
38 
-				color: #fff;
39 
-				font-size: 12px;
40 
-			}
41 
-
42 
-			.table_box {
43 
-				margin-top: 30px;
44 
-			}
45 
-
46 
-			.table>tbody>tr>td {
47 
-				border-top: 1px solid #3160a2;
48 
-			}
49 
-
50 
-			.table>thead>tr>td {
51 
-				border-top: 2px solid #3160a2;
52 
-			}
53 
-
54 
-			.text_color1 {
55 
-				color: #00e9ff;
56 
-			}
57 
-
58 
-			.text_color2 {
59 
-				color: #ec6969;
60 
-			}
61 
-
62 
-			.text_color3 {
63 
-				color: #95e193;
64 
-			}
65 
-
66 
-			table thead,
67 
-			tbody tr {
68 
-				display: table;
69 
-				width: 100%;
70 
-				table-layout: fixed;
71 
-			}
72 
-
73 
-			.quadrangle {
74 
-				display: inline-block;
75 
-				width: 9px;
76 
-				height: 20px;
77 
-				background: #69e1a9;
78 
-				transform: skewX(20deg);
79 
-			}
80 
-
81 
-			.bottom_right li {
82 
-				position: relative;
83 
-				width: 134px;
84 
-				height: 20px;
85 
-				line-height: 15px;
86 
-				margin-top: 20px;
87 
-
88 
-			}
89 
-			.bottom_right ul.complaint_typeL li{
90 
-				text-align: right;
91 
-			    margin-left: 30px;
92 
-			}
93 
-			.bottom_right ul.complaint_typeR li{
94 
-					text-align: left;
95 
-					/*margin-right: 25px;*/
96 
-			}
97 
-
98 
-			.bottom_right ul li:nth-of-type(1) {
99 
-				/*margin-top: 50px;*/
100 
-				background: url(img/sbx_line0.png) no-repeat;
101 
-			}
102 
-
103 
-			.bottom_right ul li:nth-of-type(2) {
104 
-				background: url(img/sbx_line1.png) no-repeat;
105 
-			}
106 
-			.bottom_right ul.complaint_typeR li:nth-of-type(1) {
107 
-				background: url(img/sbx_liner0.png) no-repeat;
108 
-			}
109 
-			.bottom_right ul.complaint_typeR li:nth-of-type(2) {
110 
-				background: url(img/sbx_liner1.png) no-repeat;
111 
-			}
112 
-
113 
-			.bottom_right ul li:nth-of-type(3) {
114 
-				background: url(img/sbx_line2.png) no-repeat;
115 
-			}
116 
-			.bottom_right ul.complaint_typeR li:nth-of-type(3) {
117 
-				background: url(img/sbx_liner2.png) no-repeat;
118 
-			}
119 
-			.bottom_right ul li:nth-of-type(4) {
120 
-				background: url(img/sbx_line3.png) no-repeat;
121 
-			}
122 
-			.bottom_right ul.complaint_typeR li:nth-of-type(4) {
123 
-				background: url(img/sbx_liner3.png) no-repeat;
124 
-			}
125 
-			.bottom_right ul li:nth-of-type(5) {
126 
-				background: url(img/sbx_line4.png) no-repeat;
127 
-			}
128 
-			.bottom_right ul.complaint_typeR li:nth-of-type(5) {
129 
-				background: url(img/sbx_liner4.png) no-repeat;
130 
-			}
131 
-			.bottom_right ul li:nth-of-type(6) {
132 
-				background: url(img/sbx_line5.png) no-repeat;
133 
-			}
134 
-			.bottom_right ul li:nth-of-type(7) {
135 
-				background: url(img/sbx_line5.png) no-repeat;
136 
-			}
137 
-			.bottom_right ul li:nth-of-type(8) {
138 
-				background: url(img/sbx_line5.png) no-repeat;
139 
-			}
140 
-			.bottom_right ul li:nth-of-type(9) {
141 
-				background: url(img/sbx_line1.png) no-repeat;
142 
-			}
143 
-			.bottom_right ul li:nth-of-type(10) {
144 
-				background: url(img/sbx_line2.png) no-repeat;
145 
-			}
146 
-			.bottom_right ul li:nth-of-type(11) {
147 
-				background: url(img/sbx_line3.png) no-repeat;
148 
-			}
149 
-			.bottom_right ul.complaint_typeR li:nth-of-type(6) {
150 
-				background: url(img/sbx_liner5.png) no-repeat;
151 
-			}
152 
-			.bottom_right ul.complaint_typeR li:nth-of-type(7) {
153 
-				background: url(img/sbx_liner5.png) no-repeat;
154 
-			}
155 
-			.bottom_right ul.complaint_typeR li:nth-of-type(8) {
156 
-				background: url(img/sbx_liner5.png) no-repeat;
157 
-			}
158 
-			.bottom_right ul.complaint_typeR li:nth-of-type(9) {
159 
-				background: url(img/sbx_liner1.png) no-repeat;
160 
-			}
161 
-			.bottom_right ul.complaint_typeR li:nth-of-type(10) {
162 
-				background: url(img/sbx_liner2.png) no-repeat;
163 
-			}
164 
-			.bottom_right ul.complaint_typeR li:nth-of-type(11) {
165 
-				background: url(img/sbx_liner3.png) no-repeat;
166 
-			}
167 
-			.type_name {
168 
-				color: #00e9ff;
169 
-			}
170 
-
171 
-			.type_count {
172 
-				color: #fff;
173 
-				margin-left: 18px;
174 
-			}
175 
-			.time_box_posi{
176 
-				position: absolute;
177 
-				top: 30px;
178 
-				right: -10px;
179 
-			}
180 
-			.time_box_posi:before{
181 
-				left: 195px;
182 
-			}
183 
-
184 
-			.complaint_typeL{
185 
-				height:324px;
186 
-				/*background:red;*/
187 
-				white-space: nowrap;
188 
-			    -webkit-overflow-scrolling: touch;
189 
-			    overflow-y: auto;
190 
-			    overflow-x: hidden;
191 
-			    padding: 0 0.1rem;
192 
-			    margin-bottom: -.2rem;
193 
-			    margin-top:28px;
194 
-			    overflow: -moz-scrollbars-none;
195 
-			    overflow: -moz-scrollbars-none;
196 
-			}
197 
-			.complaint_typeL::-webkit-scrollbar{
198 
-				display: none;
199 
-			}
200 
-
201 
-			.complaint_typeR{
202 
-				height:324px;
203 
-				/*background:red;*/
204 
-
205 
-
206 
-				white-space: nowrap;
207 
-			    -webkit-overflow-scrolling: touch;
208 
-			    overflow-y: auto;
209 
-			    overflow-x: hidden;
210 
-			    padding: 0 0.1rem;
211 
-			    margin-bottom: -.2rem;
212 
-			    margin-top:28px;
213 
-			    overflow: -moz-scrollbars-none;
214 
-			    overflow: -moz-scrollbars-none;
215 
-			}
216 
-			.complaint_typeR::-webkit-scrollbar{
217 
-				display: none;
218 
-			}
219 
-		</style>
220 
-	</head>
221 
-
222 
-	<body>
223 
-		<!--导航栏开始-->
224 
-		<div id="nav" class="clearfix">
225 
-			<div class="nav_left"><img src="img/nav_l.png" alt="" /></div>
226 
-			<div class="nav_middle">
227 
-				<ul class="clearfix">
228 
-					<li>
229 
-						<a href="./sourceChannel.html"><img src="img/lyqd_1.png" alt="" /></a>
230 
-					</li>
231 
-					<li>
232 
-						<a href="./receiptDepartment.html"><img src="img/jdbm_0.png" alt="" /></a>
233 
-					</li>
234 
-					<li>
235 
-						<a href="./index.html"><img src="img/title.png" alt="" /></a>
236 
-					</li>
237 
-					<li>
238 
-						<a href="./TelephoneDetails.html"><img src="img/hwsl_0.png" alt="" /></a>
239 
-					</li>
240 
-					<li>
241 
-						<a href="./complaintsReport.html"><img src="img/tsjb_0.png" alt="" /></a>
242 
-					</li>
243 
-				</ul>
244 
-
245 
-			</div>
246 
-			<div class="nav_right"><img src="img/nav_r.png" alt="" /></div>
247 
-		</div>
248 
-		<!--导航栏结束-->
249 
-		<div id="wrap" class="container">
250 
-			<div class="phone_top">
251 
-				<div class="legend_bar clearfix " style="position: relative;">
252 
-					<div class="title_word pull-left">
253 
-						<span class="col-line"></span> 受理群众区域统计
254 
-					</div>
255 
-					<div class="time_box pull-right form-inline" style="position: absolute;top:30px;right: 0;">
256 
-						日期<input type="text" id="time2" class="times" />
257 
-						<img src="img/rili.png" class="data-input-icon1"/>
258 
-					</div>
259 
-				</div>
260 
-				<div id="part_1" style="width: 100%;height: 400px;"></div>
261 
-			</div>
262 
-			<!--<div class="row">-->
263 
-			<div class="phone_bottom clearfix">
264 
-				<div class="bottom_left pull-left">
265 
-					<div class="legend_bar clearfix">
266 
-						<div class="title_word pull-left">
267 
-							<span class="col-line"></span> 渠道来源统计
268 
-						</div>
269 
-
270 
-					</div>
271 
-					<!--渠道来源统计-->
272 
-					<div id="source" style="width: 100%; height: 390px;"></div>
273 
-
274 
-				</div>
275 
-
276 
-				<div class="bottom_right pull-left">
277 
-					<div class="legend_bar clearfix">
278 
-						<div class="title_word pull-left">
279 
-							<span class="col-line"></span> 受理区域统计
280 
-						</div>
281 
-					</div>
282 
-					<div class="clearfix" style="position: relative;">
283 
-						<ul class="pull-left complaint_typeL" style=" width:25%;height:335px;margin-top: 30px;">
284 
-							<li>
285 
-								<span class="type_name">咨询</span> <span class="type_count">0</span>
286 
-							</li>
287 
-							<li>
288 
-								<span class="type_name">建议</span> <span class="type_count">0</span>
289 
-							</li>
290 
-							<li> <span class="type_name">咨询</span> <span class="type_count">0</span></li>
291 
-							<li> <span class="type_name">咨询</span> <span class="type_count">0</span></li>
292 
-							<li> <span class="type_name">咨询</span> <span class="type_count">0</span></li>
293 
-							<li> <span class="type_name">咨询</span> <span class="type_count">0</span></li>
294 
-							<li> <span class="type_name">咨询</span> <span class="type_count">0</span></li>
295 
-						</ul>
296 
-						<!--投诉分类统计-->
297 
-						<div class="pull-left" id="part3" style=" width: 50%;height: 340px;"></div>
298 
-
299 
-						<ul class="pull-left complaint_typeR" style=" width:25%;position: absolute;right: -18px;top:0;">
300 
-							<li>
301 
-								<span class="type_name">咨询</span> <span class="type_count">0</span>
302 
-							</li>
303 
-							<li>
304 
-								<span class="type_name">建议</span> <span class="type_count">0</span>
305 
-							</li>
306 
-							<li> <span class="type_name">咨询</span> <span class="type_count">0</span></li>
307 
-							<li> <span class="type_name">咨询</span> <span class="type_count">0</span></li>
308 
-							<li> <span class="type_name">咨询</span> <span class="type_count">0</span></li>
309 
-							<li> <span class="type_name">咨询</span> <span class="type_count">0</span></li>
310 
-						</ul>
311 
-					</div>
312 
-				</div>
313 
-
314 
-			</div>
315 
-			<!--</div>-->
316 
-		</div>
317 
-		<script src="js/sourceChannel.js"></script>
318 
-		<script src="js/setItervalTime.js"></script>
319 
-	</body>
320 
-
321 
-</html>