Home Explore Help
Register Sign In
duhongyu
/
AnYang_UI
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 471 Releases 0 Wiki
Browse Source

大屏

zhaomin 4 years ago
parent
58cc31e7d6
commit
e59eb8019b
24 changed files with 21810 additions and 780 deletions
Unified View Show Diff Stats
  1. 0 54
      WebChartNew/1.html
  2. 8045 0
      WebChartNew/css/boot.css
  3. 6 0
      WebChartNew/css/bootstrap-select.min.css
  4. 3766 0
      WebChartNew/css/bootstrap.css
  5. 7322 0
      WebChartNew/css/style.css
  6. 352 68
      WebChartNew/css/test-1920.css
  7. 0 0
      WebChartNew/images/secondary_img/map0_icon.png
  8. BIN
      WebChartNew/images/secondary_img/map10_icon.png
  9. BIN
      WebChartNew/images/secondary_img/map11_icon.png
  10. BIN
      WebChartNew/images/secondary_img/map12_icon.png
  11. BIN
      WebChartNew/images/secondary_img/map13_icon.png
  12. BIN
      WebChartNew/images/secondary_img/map14_icon.png
  13. BIN
      WebChartNew/images/secondary_img/map15_icon.png
  14. BIN
      WebChartNew/images/secondary_img/map16_icon.png
  15. BIN
      WebChartNew/images/secondary_img/map7_icon.png
  16. BIN
      WebChartNew/images/secondary_img/map8_icon.png
  17. BIN
      WebChartNew/images/secondary_img/map9_icon.png
  18. 1008 0
      WebChartNew/index - 副本.html
  19. 148 141
      WebChartNew/index.html
  20. 9 0
      WebChartNew/js/bootstrap-select.min.js
  21. 48 0
      WebChartNew/js/bootstrap-table-zh-CN.js
  22. 677 517
      WebChartNew/js/index.js
  23. 45 0
      WebChartNew/js/jquery.countUp.min.js
  24. 384 0
      WebChartNew/text.html

+ 0 - 54
WebChartNew/1.html
View File

1 
-<!DOCTYPE html>
2 
-<html>
3 
-	<head>
4 
-		<meta charset="utf-8">
5 
-		<title></title>
6 
-	</head>
7 
-	<body>
8 
-		<!-- <input class="input" type="file" name="upFile" id="upFile" multiple="multiple" style="display: none;">
9 
-		<input class="input btns" type="button" value="上传" id="scwj" /> -->
10 
-		<!-- <canvas id="canvas" style="border:2px solid black;" width="200" height="200"> -->
11 
-		<div></div>
12 
-	</body>
13 
-	<script src="js/echarts.min.js"></script>
14 
-	<script src="js/jquery.min.js"></script>
15 
-	<script>
16 
-		$.ajax({
17 
-			url: 'http://192.168.5.46:28000/imgurlinfosl ',
18 
-			type: "POST",
19 
-			data: {},
20 
-			/**
21 
-			 *必须false才会自动加上正确的Content-Type
22 
-			 */
23 
-			contentType: false,
24 
-			/**
25 
-			 * 必须false才会避开jQuery对 formdata 的默认处理
26 
-			 * XMLHttpRequest会对 formdata 进行正确的处理
27 
-			 */
28 
-			processData: false,
29 
-			success: function(result) {
30 
-			}
31 
-		});
32 
-		// var canvas = document.getElementById('canvas');
33 
-		// var ctx = canvas.getContext('2d');
34 
-		// var data = '<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">' +
35 
-		//   '<foreignObject width="100%" height="100%">' +
36 
-		//   '<div xmlns="http://www.w3.org/1999/xhtml" style="font-size:40px">' +
37 
-		//   '<em>I</em> like ' +
38 
-		//   '<span style="color:white; text-shadow:0 0 2px blue;">' +
39 
-		//   'cheese</span>' +
40 
-		//   '</div>' +
41 
-		//   '</foreignObject>' +
42 
-		//   '</svg>';
43 
-		// var DOMURL = window.URL || window.webkitURL || window;
44 
-		// var img = new Image();
45 
-		// var svg = new Blob([data], {type: 'image/svg+xml'});
46 
-		// var url = DOMURL.createObjectURL(svg);
47 
-		// img.onload = function() {
48 
-		// 	ctx.drawImage(img, 0, 0);
49 
-		// 	DOMURL.revokeObjectURL(url);
50 
-		// }
51 
-		// img.src = url;
52 
-
53 
-	</script>
54 
-</html>

File diff suppressed because it is too large
+ 8045 - 0
WebChartNew/css/boot.css


File diff suppressed because it is too large
+ 6 - 0
WebChartNew/css/bootstrap-select.min.css


File diff suppressed because it is too large
+ 3766 - 0
WebChartNew/css/bootstrap.css


File diff suppressed because it is too large
+ 7322 - 0
WebChartNew/css/style.css


+ 352 - 68
WebChartNew/css/test-1920.css
View File

59 
 	height: 290px;
 59 
 	height: 290px;
60 
 	background-size: cover;
 60 
 	background-size: cover;
61 
 }
 61 
 }
62 
+.topRec_List dl,
63 
+.maquee {
64 
+	width: 90%;
65 
+	overflow: hidden;
66 
+	margin: 0 auto;
67 
+	color: #f0ece2
68 
+}
69 
+
70 
+.topRec_List dd {
71 
+	float: left;
72 
+	text-align: left;
73 
+	color: #fff;
74 
+	font-size: 14px;
75 
+	background-color: #075871;
76 
+	padding-left: 20px;
77 
+	box-sizing: border-box;
78 
+}
79 
+
80 
+.topRec_List dl dd:nth-child(1) {
81 
+	width: 30%;
82 
+	height: 40px;
83 
+	line-height: 40px;
84 
+}
85 
+
86 
+.topRec_List dl dd:nth-child(2) {
87 
+	width: 40%;
88 
+	height: 40px;
89 
+	line-height: 40px;
90 
+}
91 
+
92 
+.topRec_List dl dd:nth-child(3) {
93 
+	width: 30%;
94 
+	height: 40px;
95 
+	line-height: 40px;
96 
+}
97 
+
98 
+.topRec_List .maquee {
99 
+	height: 165px;
100 
+	/* background-color: #005EFC; */
101 
+}
102 
+
103 
+.topRec_List ul {
104 
+	width: 100%;
105 
+	/* height: 195px; */
106 
+}
107 
+
108 
+.topRec_List li {
109 
+	width: 100%;
110 
+	height: 40px;
111 
+	line-height: 40px;
112 
+	text-align: left;
113 
+	font-size: 12px;
114 
+	color: #fff;
115 
+	border-bottom: 1px solid #536d7f;
116 
+}
117 
+
118 
+.topRec_List li div {
119 
+	float: left;
120 
+	padding-left: 20px;
121 
+	box-sizing: border-box;
122 
+}
123 
+
124 
+.topRec_List li div img {
125 
+	vertical-align: middle;
126 
+}
127 
+
128 
+.topRec_List li div:nth-child(1) {
129 
+	width: 30%;
130 
+}
131 
+
132 
+.topRec_List li div:nth-child(2) {
133 
+	width: 40%;
134 
+}
135 
+
136 
+.topRec_List li div:nth-child(3) {
137 
+	width: 30%;
138 
+}
62
139
63 
 * {
 140 
 * {
64 
 	margin: 0px;
 141 
 	margin: 0px;
250 
 .map {
 327 
 .map {
251 
 	background-image: url(../images/map.png);
 328 
 	background-image: url(../images/map.png);
252 
 	background-repeat: no-repeat;
 329 
 	background-repeat: no-repeat;
253 
-	background-size: 100% 100%;
254 
-	/* background-color: #F0ECE2; */
330 
+	background-size: 0 0;
331 
+	background-position: center;
255 
 	margin-left: -33px;
 332 
 	margin-left: -33px;
256 
 	position: relative;
 333 
 	position: relative;
334 
+	animation: myfirst 2.5s;
335 
+	animation-fill-mode: forwards;
336 
+}
337 
+@keyframes myfirst {
338 
+	0% {
339 
+		background-size: 0 0;
340 
+	}
341 
+	100% {
342 
+		background-size: 100% 100%;
343 
+		animation-fill-mode:forwards ;
344 
+	}
257 
 }
 345 
 }
258 
-
259 
 .lzmap {
 346 
 .lzmap {
260 
 	background-image: url(../images/map/linzhou.png);
 347 
 	background-image: url(../images/map/linzhou.png);
261 
 	background-size: 100% 100%;
 348 
 	background-size: 100% 100%;
262 
-	/* width: 219px; */
263 
-	/* height: 440px; */
264 
 	width: 36%;
 349 
 	width: 36%;
265 
 	height: 61%;
 350 
 	height: 61%;
266 
 	opacity: 0;
 351 
 	opacity: 0;
272
357
273 
 .lzmap:hover {
 358 
 .lzmap:hover {
274 
 	background-image: url(../images/map_active/linzhou.png);
 359 
 	background-image: url(../images/map_active/linzhou.png);
275 
-	background-size: 100% 100%;
360 
+	background-size: 0 0;
361 
+	background-repeat: no-repeat;
362 
+	background-position: center;
363 
+	animation: myfirst1 1s;
364 
+	animation-fill-mode: forwards;
276 
 	width: 36%;
 365 
 	width: 36%;
277 
 	height: 61%;
 366 
 	height: 61%;
278 
 	opacity: 1;
 367 
 	opacity: 1;
282 
 	cursor: pointer;
 371 
 	cursor: pointer;
283 
 	color: rgba(255, 255, 255, 0);
 372 
 	color: rgba(255, 255, 255, 0);
284 
 }
 373 
 }
285 
-
374 
+@keyframes myfirst1 {
375 
+	0% {
376 
+		background-size: 0 0;
377 
+	}
378 
+	100% {
379 
+		background-size: 100% 100%;
380 
+	}
381 
+}
286 
 .aymap {
 382 
 .aymap {
287 
 	background-image: url(../images/map/anyang.png);
 383 
 	background-image: url(../images/map/anyang.png);
288 
 	background-size: 100% 100%;
 384 
 	background-size: 100% 100%;
297
393
298 
 .aymap:hover {
 394 
 .aymap:hover {
299 
 	background-image: url(../images/map_active/anyang.png);
 395 
 	background-image: url(../images/map_active/anyang.png);
300 
-	background-size: 100% 100%;
396 
+	background-size: 0 0;
397 
+	background-position: center;
398 
+	background-repeat: no-repeat;
399 
+	animation: myfirst2 1s;
400 
+	animation-fill-mode: forwards;
301 
 	width: 62.4%;
 401 
 	width: 62.4%;
302 
 	height: 36.7%;
 402 
 	height: 36.7%;
303 
 	opacity: 1;
 403 
 	opacity: 1;
307 
 	cursor: pointer;
 407 
 	cursor: pointer;
308 
 	color: rgba(255, 255, 255, 0);
 408 
 	color: rgba(255, 255, 255, 0);
309 
 }
 409 
 }
310 
-
410 
+@keyframes myfirst2 {
411 
+	0% {
412 
+		background-size: 0 0;
413 
+	}
414 
+	100% {
415 
+		background-size: 100% 100%;
416 
+	}
417 
+}
311 
 .lamap {
 418 
 .lamap {
312 
 	background-image: url(../images/map/longan.png);
 419 
 	background-image: url(../images/map/longan.png);
313 
 	background-size: 100% 100%;
 420 
 	background-size: 100% 100%;
324
431
325 
 .lamap:hover {
 432 
 .lamap:hover {
326 
 	background-image: url(../images/map_active/longan.png);
 433 
 	background-image: url(../images/map_active/longan.png);
327 
-	background-size: 100% 100%;
328 
-	/* width: 52px;
329 
-				height: 50px; */
434 
+	background-size: 0 0;
435 
+	background-position: center;
436 
+	background-repeat: no-repeat;
437 
+	animation: myfirst3 1s;
438 
+	animation-fill-mode: forwards;
330 
 	width: 9%;
 439 
 	width: 9%;
331 
 	height: 8.7%;
 440 
 	height: 8.7%;
332 
 	opacity: 1;
 441 
 	opacity: 1;
336 
 	cursor: pointer;
 445 
 	cursor: pointer;
337 
 	color: rgba(255, 255, 255, 0);
 446 
 	color: rgba(255, 255, 255, 0);
338 
 }
 447 
 }
339 
-
448 
+@keyframes myfirst3 {
449 
+	0% {
450 
+		background-size: 0 0;
451 
+	}
452 
+	100% {
453 
+		background-size: 100% 100%;
454 
+	}
455 
+}
340 
 .bgmap {
 456 
 .bgmap {
341 
 	background-image: url(../images/map/beiguan.png);
 457 
 	background-image: url(../images/map/beiguan.png);
342 
 	background-size: 100% 100%;
 458 
 	background-size: 100% 100%;
353
469
354 
 .bgmap:hover {
 470 
 .bgmap:hover {
355 
 	background-image: url(../images/map_active/beiguan.png);
 471 
 	background-image: url(../images/map_active/beiguan.png);
356 
-	background-size: 100% 100%;
357 
-	/* width: 50px;
358 
-				height: 47px; */
472 
+	background-size: 0 0;
473 
+	background-position: center;
474 
+	background-repeat: no-repeat;
475 
+	animation: myfirst4 1s;
476 
+	animation-fill-mode: forwards;
359 
 	width: 9.9%;
 477 
 	width: 9.9%;
360 
 	height: 6.9%;
 478 
 	height: 6.9%;
361 
 	opacity: 1;
 479 
 	opacity: 1;
365 
 	cursor: pointer;
 483 
 	cursor: pointer;
366 
 	color: rgba(255, 255, 255, 0);
 484 
 	color: rgba(255, 255, 255, 0);
367 
 }
 485 
 }
368 
-
486 
+@keyframes myfirst4 {
487 
+	0% {
488 
+		background-size: 0 0;
489 
+	}
490 
+	100% {
491 
+		background-size: 100% 100%;
492 
+	}
493 
+}
369 
 .gxmap {
 494 
 .gxmap {
370 
 	background-image: url(../images/map/gaoxin.png);
 495 
 	background-image: url(../images/map/gaoxin.png);
371 
 	background-size: 100% 100%;
 496 
 	background-size: 100% 100%;
383
508
384 
 .gxmap:hover {
 509 
 .gxmap:hover {
385 
 	background-image: url(../images/map_active/gaoxin.png);
 510 
 	background-image: url(../images/map_active/gaoxin.png);
386 
-	background-size: 100% 100%;
387 
-	/* width: 43px;
388 
-				height: 33px; */
511 
+	background-size: 0 0;
512 
+	background-position: center;
513 
+	background-repeat: no-repeat;
514 
+	animation: myfirst5 1s;
515 
+	animation-fill-mode: forwards;
389 
 	width: 7.6%;
 516 
 	width: 7.6%;
390 
 	height: 5.5%;
 517 
 	height: 5.5%;
391 
 	opacity: 1;
 518 
 	opacity: 1;
395 
 	cursor: pointer;
 522 
 	cursor: pointer;
396 
 	color: rgba(255, 255, 255, 0);
 523 
 	color: rgba(255, 255, 255, 0);
397 
 }
 524 
 }
398 
-
525 
+@keyframes myfirst5 {
526 
+	0% {
527 
+		background-size: 0 0;
528 
+	}
529 
+	100% {
530 
+		background-size: 100% 100%;
531 
+	}
532 
+}
399 
 .ydmap {
 533 
 .ydmap {
400 
 	background-image: url(../images/map/yindu.png);
 534 
 	background-image: url(../images/map/yindu.png);
401 
 	background-size: 100% 100%;
 535 
 	background-size: 100% 100%;
412
546
413 
 .ydmap:hover {
 547 
 .ydmap:hover {
414 
 	background-image: url(../images/map_active/yindu.png);
 548 
 	background-image: url(../images/map_active/yindu.png);
415 
-	background-size: 100% 100%;
416 
-	/* width: 43px;
417 
-				height: 33px; */
549 
+	background-size: 0 0;
550 
+	background-position: center;
551 
+	background-repeat: no-repeat;
552 
+	animation: myfirst6 1s;
553 
+	animation-fill-mode: forwards;
418 
 	width: 20%;
 554 
 	width: 20%;
419 
 	height: 14.4%;
 555 
 	height: 14.4%;
420 
 	opacity: 1;
 556 
 	opacity: 1;
424 
 	cursor: pointer;
 560 
 	cursor: pointer;
425 
 	color: rgba(255, 255, 255, 0);
 561 
 	color: rgba(255, 255, 255, 0);
426 
 }
 562 
 }
427 
-
563 
+@keyframes myfirst6 {
564 
+	0% {
565 
+		background-size: 0 0;
566 
+	}
567 
+	100% {
568 
+		background-size: 100% 100%;
569 
+	}
570 
+}
428 
 .wfmap {
 571 
 .wfmap {
429 
 	background-image: url(../images/map/wenfeng.png);
 572 
 	background-image: url(../images/map/wenfeng.png);
430 
 	background-size: 100% 100%;
 573 
 	background-size: 100% 100%;
441
584
442 
 .wfmap:hover {
 585 
 .wfmap:hover {
443 
 	background-image: url(../images/map_active/wenfeng.png);
 586 
 	background-image: url(../images/map_active/wenfeng.png);
444 
-	background-size: 100% 100%;
587 
+	background-size: 0 0;
588 
+	background-position: center;
589 
+	background-repeat: no-repeat;
590 
+	animation: myfirst7 1s;
591 
+	animation-fill-mode: forwards;
445 
 	width: 15.9%;
 592 
 	width: 15.9%;
446 
 	height: 14%;
 593 
 	height: 14%;
447 
 	opacity: 1;
 594 
 	opacity: 1;
451 
 	cursor: pointer;
 598 
 	cursor: pointer;
452 
 	color: rgba(255, 255, 255, 0);
 599 
 	color: rgba(255, 255, 255, 0);
453 
 }
 600 
 }
454 
-
601 
+@keyframes myfirst7 {
602 
+	0% {
603 
+		background-size: 0 0;
604 
+	}
605 
+	100% {
606 
+		background-size: 100% 100%;
607 
+	}
608 
+}
455 
 .tymap {
 609 
 .tymap {
456 
 	background-image: url(../images/map/tangyin.png);
 610 
 	background-image: url(../images/map/tangyin.png);
457 
 	background-size: 100% 100%;
 611 
 	background-size: 100% 100%;
468
622
469 
 .tymap:hover {
 623 
 .tymap:hover {
470 
 	background-image: url(../images/map_active/tangyin.png);
 624 
 	background-image: url(../images/map_active/tangyin.png);
471 
-	background-size: 100% 100%;
472 
-	/* width: 43px;
473 
-				height: 33px; */
625 
+	background-size: 0 0;
626 
+	background-position: center;
627 
+	background-repeat: no-repeat;
628 
+	animation: myfirst8 1s;
629 
+	animation-fill-mode: forwards;
474 
 	width: 36%;
 630 
 	width: 36%;
475 
 	height: 23%;
 631 
 	height: 23%;
476 
 	opacity: 1;
 632 
 	opacity: 1;
480 
 	cursor: pointer;
 636 
 	cursor: pointer;
481 
 	color: rgba(255, 255, 255, 0);
 637 
 	color: rgba(255, 255, 255, 0);
482 
 }
 638 
 }
483 
-
639 
+@keyframes myfirst8 {
640 
+	0% {
641 
+		background-size: 0 0;
642 
+	}
643 
+	100% {
644 
+		background-size: 100% 100%;
645 
+	}
646 
+}
484 
 .nhmap {
 647 
 .nhmap {
485 
 	background-image: url(../images/map/neihuang.png);
 648 
 	background-image: url(../images/map/neihuang.png);
486 
 	background-size: 100% 100%;
 649 
 	background-size: 100% 100%;
497
660
498 
 .nhmap:hover {
 661 
 .nhmap:hover {
499 
 	background-image: url(../images/map_active/neihuang.png);
 662 
 	background-image: url(../images/map_active/neihuang.png);
500 
-	background-size: 100% 100%;
501 
-	/* width: 43px;
502 
-				height: 33px; */
663 
+	background-size: 0 0;
664 
+	background-position: center;
665 
+	background-repeat: no-repeat;
666 
+	animation: myfirst9 1s;
667 
+	animation-fill-mode: forwards;
503 
 	width: 30%;
 668 
 	width: 30%;
504 
 	height: 45%;
 669 
 	height: 45%;
505 
 	opacity: 1;
 670 
 	opacity: 1;
509 
 	cursor: pointer;
 674 
 	cursor: pointer;
510 
 	color: rgba(255, 255, 255, 0);
 675 
 	color: rgba(255, 255, 255, 0);
511 
 }
 676 
 }
512 
-
677 
+@keyframes myfirst9 {
678 
+	0% {
679 
+		background-size: 0 0;
680 
+	}
681 
+	100% {
682 
+		background-size: 100% 100%;
683 
+	}
684 
+}
513 
 .hxmap {
 685 
 .hxmap {
514 
 	background-image: url(../images/map/huaxian.png);
 686 
 	background-image: url(../images/map/huaxian.png);
515 
 	background-size: 100% 100%;
 687 
 	background-size: 100% 100%;
526
698
527 
 .hxmap:hover {
 699 
 .hxmap:hover {
528 
 	background-image: url(../images/map_active/huaxian.png);
 700 
 	background-image: url(../images/map_active/huaxian.png);
529 
-	background-size: 100% 100%;
530 
-	/* width: 43px;
531 
-				height: 33px; */
701 
+	background-size: 0 0;
702 
+	background-position: center;
703 
+	background-repeat: no-repeat;
704 
+	animation: myfirst10 1s;
705 
+	animation-fill-mode: forwards;
532 
 	width: 46%;
 706 
 	width: 46%;
533 
 	height: 43%;
 707 
 	height: 43%;
534 
 	opacity: 1;
 708 
 	opacity: 1;
538 
 	cursor: pointer;
 712 
 	cursor: pointer;
539 
 	color: rgba(255, 255, 255, 0);
 713 
 	color: rgba(255, 255, 255, 0);
540 
 }
 714 
 }
541 
-
715 
+@keyframes myfirst10 {
716 
+	0% {
717 
+		background-size: 0 0;
718 
+	}
719 
+	100% {
720 
+		background-size: 100% 100%;
721 
+	}
722 
+}
542 
 .wrap {
 723 
 .wrap {
543 
 	width: 180px;
 724 
 	width: 180px;
544 
-	/* height: 200px; */
545 
 	position: absolute;
 725 
 	position: absolute;
546 
-	z-index: 100000;
726 
+	z-index: 100;
547 
 	display: none;
 727 
 	display: none;
548 
-	z-index: 1;
728 
+
549 
 }
 729 
 }
550
730
551 
 .dataCont {
 731 
 .dataCont {
552 
 	background-image: url(../images/reminder_box.png);
 732 
 	background-image: url(../images/reminder_box.png);
553 
 	background-size: 100% 100%;
 733 
 	background-size: 100% 100%;
554 
 	width: 100%;
 734 
 	width: 100%;
555 
-	height: 130px;
735 
+	height: 0;
556 
 	padding: 5px 10px;
 736 
 	padding: 5px 10px;
557 
 	box-sizing: border-box;
 737 
 	box-sizing: border-box;
558 
 	font-size: 12px;
 738 
 	font-size: 12px;
739 
+	overflow: hidden;
740 
+	color: #e4cc07;
741 
+	animation:mywrap  1.5s;
742 
+	animation-fill-mode: forwards;
743 
+}
744 
+@keyframes mywrap {
745 
+	0% {
746 
+		height: 0;
747 
+	}
748 
+	100% {
749 
+		height: 130px;
750 
+	}
559 
 }
 751 
 }
560 
-
561 
 .bar {
 752 
 .bar {
562 
 	width: 3px;
 753 
 	width: 3px;
563 
-	height: 70px;
754 
+	height: 0;
564 
 	margin: 0 auto;
 755 
 	margin: 0 auto;
565 
 	border-right: 2px dashed #ffe000;
 756 
 	border-right: 2px dashed #ffe000;
566 
-	/* background-color: #005EFC; */
567 
 	position: absolute;
 757 
 	position: absolute;
568 
-	left: 82px;
569 
-
758 
+	left: 87px;
759 
+	animation: mybar 1.5s;
760 
+	animation-fill-mode: forwards;
761 
+}
762 
+@keyframes mybar {
763 
+	0% {
764 
+		height: 0;
765 
+	}
766 
+	100% {
767 
+		height: 70px;
768 
+	}
769 
+}
770 
+@keyframes mydataCont {
771 
+	0% {
772 
+
773 
+	}
774 
+	100% {
775 
+
776 
+	}
570 
 }
 777 
 }
571 
-
572 
 .dataCont li {
 778 
 .dataCont li {
573 
 	padding: 3px;
 779 
 	padding: 3px;
574 
 }
 780 
 }
583 
 }
 789 
 }
584
790
585 
 .lable_num {
 791 
 .lable_num {
586 
-	width: 40%;
792 
+	width: 20%;
587 
 	color: #e4cc07;
 793 
 	color: #e4cc07;
588 
-	padding-right: 5px;
589 
-	text-align: left;
794 
+	/* padding-right: 5px; */
795 
+	text-align: right;
796 
+	/* background-color: #007AFF; */
590 
 }
 797 
 }
591 
 .bulletFrame,.bulletFrameT{
 798 
 .bulletFrame,.bulletFrameT{
592 
 	display: none;
 799 
 	display: none;
959 
 	/* background-color: darkblue; */
 1166 
 	/* background-color: darkblue; */
960 
 }
 1167 
 }
961 
 .infoTitle li{
 1168 
 .infoTitle li{
962 
-	padding: 10px 20px;
1169 
+	float: left;
1170 
+	width: 16%;
1171 
+	text-align: center;
963 
 	margin-bottom: 10px;
 1172 
 	margin-bottom: 10px;
964 
 }
 1173 
 }
965 
 .infoTitle label{
 1174 
 .infoTitle label{
966 
-	width: 32.33%;
1175 
+	width: 100%;
967 
 	display: inline-block;
 1176 
 	display: inline-block;
968 
 	text-align: center;
 1177 
 	text-align: center;
969 
-	/* margin-right: 20px; */
970 
 }
 1178 
 }
971 
 .infoTitle img{
 1179 
 .infoTitle img{
972 
 	width: 24px;
 1180 
 	width: 24px;
973 
 	height: 24px;
 1181 
 	height: 24px;
974 
 	vertical-align: middle;
 1182 
 	vertical-align: middle;
975 
 }
 1183 
 }
1184 
+.infoTitle span{
1185 
+	display: inline-block;
1186 
+	width: 100%;
1187 
+}
976 
 .infoTitle{
 1188 
 .infoTitle{
977 
-	width: 460px;
978 
-	height: 120px;
1189 
+	width: 600px;
979 
 	padding: 10px 20px;
 1190 
 	padding: 10px 20px;
980 
 	background-color: #fff;
 1191 
 	background-color: #fff;
981 
 	position: absolute;
 1192 
 	position: absolute;
982 
 	top:120px;
 1193 
 	top:120px;
983 
 	left:60px;
 1194 
 	left:60px;
1195 
+	margin-bottom: 10px;
984 
 	box-sizing: border-box;
 1196 
 	box-sizing: border-box;
985 
 }
 1197 
 }
986 
 .showInfo{
 1198 
 .showInfo{
989 
 	background-color: #fff;
 1201 
 	background-color: #fff;
990 
 	padding: 10px 20px;
 1202 
 	padding: 10px 20px;
991 
 	position: absolute;
 1203 
 	position: absolute;
992 
-	top:285px;
1204 
+	top:330px;
993 
 	left:60px;
 1205 
 	left:60px;
994 
 	box-shadow: 5px 5px 2px #d3d3d3;
 1206 
 	box-shadow: 5px 5px 2px #d3d3d3;
995 
 }
 1207 
 }
1003 
 	color: #222;
 1215 
 	color: #222;
1004 
 	margin-bottom: 10px;
 1216 
 	margin-bottom: 10px;
1005 
 }
 1217 
 }
1006 
-
1218 
+.showInfo h3 .btn_right,.showInfo h3 .btn_left{
1219 
+	display: inline-block;
1220 
+	width: 100px;
1221 
+	cursor: pointer;
1222 
+	opacity: 0;
1223 
+	background-color: #007AFF;
1224 
+	position: absolute;
1225 
+}
1226 
+.showInfo h3 .btn_left{
1227 
+	left:100px
1228 
+}
1229 
+.showInfo h3 .btn_right{
1230 
+	right: 100px;
1231 
+}
1232 
+.showInfo tbody{
1233 
+	overflow-y: auto;
1234 
+}
1007 
 .tablebox table {
 1235 
 .tablebox table {
1008 
     border-collapse: separate;
 1236 
     border-collapse: separate;
1009 
     border-spacing: 0
 1237 
     border-spacing: 0
1011
1239
1012 
 .tablebox{
 1240 
 .tablebox{
1013 
     width: 100%;
 1241 
     width: 100%;
1014 
-    height: auto;
1015 
-    overflow: hidden;
1242 
+    height: 336px;
1016 
     margin: 10px auto;
 1243 
     margin: 10px auto;
1017 
 }
 1244 
 }
1018
1245
1019 
 .tablebox table {
 1246 
 .tablebox table {
1020 
     width: 100%;
 1247 
     width: 100%;
1021 
 	cellspacing:0;
 1248 
 	cellspacing:0;
1022 
-	 border-collapse:collapse;/* 取消表格边框 */
1249 
+	 border-collapse:collapse;
1023 
 }
 1250 
 }
1024
1251
1025 
 .tablebox table th, .tablebox table td {
 1252 
 .tablebox table th, .tablebox table td {
1033 
 	background: #e5e8e9 !important;
 1260 
 	background: #e5e8e9 !important;
1034 
 }
 1261 
 }
1035 
 .tablebox table td{
 1262 
 .tablebox table td{
1036 
-	padding: 15px;
1263 
+	padding: 10px;
1037 
 	border-bottom: 1px solid #e5e8e9;
 1264 
 	border-bottom: 1px solid #e5e8e9;
1038 
 }
 1265 
 }
1039 
 .showInfo .tablebox table th {
 1266 
 .showInfo .tablebox table th {
1040 
-	padding: 12px 4px;
1267 
+	padding: 4px;
1041 
     height: 30px;
 1268 
     height: 30px;
1042 
     line-height: 30px;
 1269 
     line-height: 30px;
1043 
     background: #e5e8e9;
 1270 
     background: #e5e8e9;
1044 
     font-size: 14px;
 1271 
     font-size: 14px;
1045 
     font-weight: normal;
 1272 
     font-weight: normal;
1046 
-	/* border-left: none !important; */
1273 
+	border-left: none !important;
1047 
 }
 1274 
 }
1048
1275
1049 
 .tablebox table td img {
 1276 
 .tablebox table td img {
1056 
 }
 1283 
 }
1057 
 .tablebox table .callType{
 1284 
 .tablebox table .callType{
1058 
 	background-color: #fff5cc;
 1285 
 	background-color: #fff5cc;
1286 
+	/* padding: 5px !important; */
1287 
+	width: 28%;
1059 
 }
 1288 
 }
1060 
 .tablebox table .caalTypeTitle{
 1289 
 .tablebox table .caalTypeTitle{
1061 
 	background-color: #ffcc00;
 1290 
 	background-color: #ffcc00;
1062 
 }
 1291 
 }
1292 
+/* 工单详情 */
1063 
 .workDetails .tablebox table thead tr{
 1293 
 .workDetails .tablebox table thead tr{
1064 
 	width: 100%;
 1294 
 	width: 100%;
1065 
 }
 1295 
 }
1066 
 .workDetails .tablebox{
 1296 
 .workDetails .tablebox{
1067 
 	width: 95%;
 1297 
 	width: 95%;
1068 
-	border: 1px solid #035d6e;
1298 
+	border-top: 1px solid #035d6e;
1069 
 }
 1299 
 }
1070 
-.workDetails .tablebox table td,.three .tablebox table thead tr{
1300 
+.workDetails .tablebox table td{
1071 
 	color: #fff;
 1301 
 	color: #fff;
1072 
 	line-height: 37px;
 1302 
 	line-height: 37px;
1073 
 	border-bottom:  1px solid #028c9a;
 1303 
 	border-bottom:  1px solid #028c9a;
1074 
 	background-color: rgba(255,255,255,0);
 1304 
 	background-color: rgba(255,255,255,0);
1075 
 }
 1305 
 }
1306 
+.workDetails .tablebox table tr{
1307 
+	border-right: 1px solid #028c9a;
1308 
+}
1076 
 .workDetails .tablebox .infoName{
 1309 
 .workDetails .tablebox .infoName{
1077 
 	background-color: #027282;
 1310 
 	background-color: #027282;
1078 
 	width: 10%;
 1311 
 	width: 10%;
1181 
  .rankListDetial .tablebox td{
 1414 
  .rankListDetial .tablebox td{
1182 
 	 padding: 54px 20px;
 1415 
 	 padding: 54px 20px;
1183 
  }
 1416 
  }
1184 
-
1417 
+.rank_wrap h4{
1418 
+	padding-bottom: 10px;
1419 
+	text-align: center;
1420 
+	font-size: 18px;
1421 
+	color: #fff;
1422 
+}
1423 
+#orderlist2{
1424 
+	overflow-y: auto;
1425 
+}
1426 
+.test_rank .maquee ul{
1427 
+  animation: row  5s linear infinite;
1428 
+}
1429 
+@keyframes row{
1430 
+  0%{}
1431 
+  100%{
1432 
+    transform: translateY(-50%);
1433 
+  }
1434 
+}
1435 
+.time_statistics .maquee ul{
1436 
+  animation: row1  30s linear infinite;
1437 
+}
1438 
+@keyframes row1{
1439 
+  0%{}
1440 
+  100%{
1441 
+    transform: translateY(-50%);
1442 
+  }
1443 
+}
1444 
+/* 地图样式 */
1445 
+#mapList{
1446 
+	color: rgb(25,25,25)!important;
1447 
+	overflow-y: auto;
1448 
+}
1449 
+#mapList thead{
1450 
+	background-color: rgb(229,232,233) !important;
1451 
+}
1452 
+.showInfo .bootstrap-table .table .list tr{
1453 
+	border-bottom: 1px solid rgb(235,237,238) !important;
1454 
+}
1455 
+.showInfo .fixed-table-loading{
1456 
+	background-color: #fff !important;
1457 
+}
1458 
+/* 表格分页的样式 */
1459 
+.page-list{
1460 
+	display: none !important;
1461 
+}
1462 
+.pagination-info{
1463 
+	color: #fff;
1464 
+	font-size: 16px;
1465 
+}
1466 
+.pull-right{
1467 
+	float: left !important;
1468 
+}

WebChartNew/images/secondary_img/map_icon.png → WebChartNew/images/secondary_img/map0_icon.png
View File


BIN
WebChartNew/images/secondary_img/map10_icon.png
View File


BIN
WebChartNew/images/secondary_img/map11_icon.png
View File


BIN
WebChartNew/images/secondary_img/map12_icon.png
View File


BIN
WebChartNew/images/secondary_img/map13_icon.png
View File


BIN
WebChartNew/images/secondary_img/map14_icon.png
View File


BIN
WebChartNew/images/secondary_img/map15_icon.png
View File


BIN
WebChartNew/images/secondary_img/map16_icon.png
View File


BIN
WebChartNew/images/secondary_img/map7_icon.png
View File


BIN
WebChartNew/images/secondary_img/map8_icon.png
View File


BIN
WebChartNew/images/secondary_img/map9_icon.png
View File


File diff suppressed because it is too large
+ 1008 - 0
WebChartNew/index - 副本.html


+ 148 - 141
WebChartNew/index.html
View File

6 
 		<title>安阳市大数据分析</title>
 6 
 		<title>安阳市大数据分析</title>
7 
 		<script src="Script/Common/huayi.load.js"></script>
 7 
 		<script src="Script/Common/huayi.load.js"></script>
8 
 		<script src="Script/Common/huayi.config.js"></script>
 8 
 		<script src="Script/Common/huayi.config.js"></script>
9 
-
10 
 		<link rel="stylesheet" href="./css/bootstrap-table.css">
 9 
 		<link rel="stylesheet" href="./css/bootstrap-table.css">
11 
 		<link rel="stylesheet" type="text/css" href="css/bmaps.css" />
 10 
 		<link rel="stylesheet" type="text/css" href="css/bmaps.css" />
11 
+		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
12 
 		<link rel="stylesheet" href="./css/table1.css">
 12 
 		<link rel="stylesheet" href="./css/table1.css">
13 
 		<link rel="stylesheet" href="./css/test-1920.css">
 13 
 		<link rel="stylesheet" href="./css/test-1920.css">
14 
-		<link rel="stylesheet" href="./css/bootstrap-table.min.css">
15 
 		<link rel="stylesheet" href="./css/workProcedure.css">
 14 
 		<link rel="stylesheet" href="./css/workProcedure.css">
16 
 		<script type="text/javascript"
 15 
 		<script type="text/javascript"
17 
 			src="https://api.map.baidu.com/getscript?v=1.3&amp;ak=&amp;services=true&amp;t=20210201021021"></script>
 16 
 			src="https://api.map.baidu.com/getscript?v=1.3&amp;ak=&amp;services=true&amp;t=20210201021021"></script>
61 
 							<ul class="dataCont">
 60 
 							<ul class="dataCont">
62 
 								<li>
 61 
 								<li>
63 
 									<span class="lable">今日受理量：</span>
 62 
 									<span class="lable">今日受理量：</span>
64 
-									<span class="lable_num">7339</span>
63 
+									<span class="lable_num"></span>
65 
 								</li>
 64 
 								</li>
66 
 								<li>
 65 
 								<li>
67 
 									<span class="lable">本周受理量：</span>
 66 
 									<span class="lable">本周受理量：</span>
68 
-									<span class="lable_num">7342</span>
67 
+									<span class="lable_num"></span>
69 
 								</li>
 68 
 								</li>
70 
 								<li>
 69 
 								<li>
71 
 									<span class="lable">本月受理量：</span>
 70 
 									<span class="lable">本月受理量：</span>
72 
-									<span class="lable_num">99.2</span>
71 
+									<span class="lable_num"></span>
73 
 								</li>
 72 
 								</li>
74 
 								<li>
 73 
 								<li>
75 
 									<span class="lable">按时办理率：</span>
 74 
 									<span class="lable">按时办理率：</span>
76 
-									<span class="lable_num">91.5</span>
75 
+									<span class="lable_num"></span>
77 
 								</li>
 76 
 								</li>
78 
 								<li>
 77 
 								<li>
79 
 									<span class="lable">办理满意度：</span>
 78 
 									<span class="lable">办理满意度：</span>
80 
-									<span class="lable_num">2.1天</span>
79 
+									<span class="lable_num"></span>
81 
 								</li>
 80 
 								</li>
82 
 							</ul>
 81 
 							</ul>
83 
 							<div class='bar'></div>
 82 
 							<div class='bar'></div>
87 
 						<h3>平台受理情况概况</h3>
 86 
 						<h3>平台受理情况概况</h3>
88 
 						<ul>
 87 
 						<ul>
89 
 							<li>
 88 
 							<li>
90 
-								<div class="num sqcount">1000</div>
89 
+								<div class="num "><span class="sqcount contNum"></span></div>
91 
 								<div class="cont">平均每天诉求量</div>
 90 
 								<div class="cont">平均每天诉求量</div>
92 
 							</li>
 91 
 							</li>
93 
 							<li></li>
 92 
 							<li></li>
94 
 							<li>
 93 
 							<li>
95 
-								<div class="num jttate">95%</div>
94 
+								<div class="num "><span class="jttate contNum"></span>%</div>
96 
 								<div class="cont">电话接通率</div>
 95 
 								<div class="cont">电话接通率</div>
97 
 							</li>
 96 
 							</li>
98 
 							<li></li>
 97 
 							<li></li>
99 
 							<li>
 98 
 							<li>
100 
-								<div class="num zbrate">85%</div>
99 
+								<div class="num "><span class="zbrate contNum"></span>%</div>
101 
 								<div class="cont">诉求直办率</div>
 100 
 								<div class="cont">诉求直办率</div>
102 
 							</li>
 101 
 							</li>
103 
 							<li></li>
 102 
 							<li></li>
104 
 							<li>
 103 
 							<li>
105 
-								<div class="num hfrate">87%</div>
104 
+								<div class="num "><span class="hfrate contNum"></span>%</div>
106 
 								<div class="cont">回访满意率</div>
 105 
 								<div class="cont">回访满意率</div>
107 
 							</li>
 106 
 							</li>
108 
 						</ul>
 107 
 						</ul>
116 
 					<div class="time_statistics">
 115 
 					<div class="time_statistics">
117 
 						<h3>单位办理时长统计</h3>
 116 
 						<h3>单位办理时长统计</h3>
118 
 						<div class="count-share">
 117 
 						<div class="count-share">
119 
-							<div style="width: 100%;padding: 10px;height: 750px;">
120 
-								<table id="timelist" data-row-style="rowStyle" data-query-params="queryParams"
121 
-									data-pagination="true">
122 
-									<thead>
123 
-										<tr>
124 
-											<th data-align="center" data-formatter="rankingOperate">排名</th>
125 
-											<th data-field="deptname" data-align="center">单位名称</th>
126 
-											<th data-field="timeday" data-align="center">平均办理时长</th>
127 
-										</tr>
128 
-									</thead>
129 
-									<tbody class="list">
130 
-									</tbody>
131 
-								</table>
118 
+							<div class="com-screen-content">
119 
+								<div class="topRec_List">
120 
+									<dl>
121 
+										<dd>排名</dd>
122 
+										<dd>单位名称</dd>
123 
+										<dd>平均办理时长</dd>
124 
+									</dl>
125 
+									<div>
126 
+										<div class="maquee" id="aaa">
127 
+											<ul></ul>
128 
+										</div>
129 
+									</div>
130 
+								</div>
132 
 							</div>
 131 
 							</div>
133 
 						</div>
 132 
 						</div>
134 
 					</div>
 133 
 					</div>
135 
 					<div class="test_rank">
 134 
 					<div class="test_rank">
136 
 						<h3>月度考核排名</h3>
 135 
 						<h3>月度考核排名</h3>
137 
 						<div class="count-share">
 136 
 						<div class="count-share">
138 
-							<div style="width: 100%;padding: 10px;height: 750px;">
139 
-								<table id="testlist" data-row-style="rowStyle" data-query-params="queryParams"
140 
-									data-pagination="true">
141 
-									<thead>
142 
-										<tr>
143 
-											<th data-align="center" data-formatter="rankingOperate">排名</th>
144 
-											<th data-field="deptname" data-align="center">单位</th>
145 
-											<th data-field="total" data-align="center">考核分数</th>
146 
-										</tr>
147 
-									</thead>
148 
-									<tbody class="list">
149 
-									</tbody>
150 
-								</table>
137 
+							<div class="com-screen-content">
138 
+								<div class="topRec_List">
139 
+									<dl>
140 
+										<dd>排名</dd>
141 
+										<dd>单位名称</dd>
142 
+										<dd>考核分数</dd>
143 
+									</dl>
144 
+									<div>
145 
+										<div class="maquee" id="aaab">
146 
+											<ul></ul>
147 
+										</div>
148 
+									</div>
149 
+								</div>
151 
 							</div>
 150 
 							</div>
152 
 						</div>
 151 
 						</div>
153 
 					</div>
 152 
 					</div>
273 
 					<ul class="nowTime">
 272 
 					<ul class="nowTime">
274 
 						<li>
 273 
 						<li>
275 
 							<span class="data_time">2021-5-16至 2021-7-13</span>
 274 
 							<span class="data_time">2021-5-16至 2021-7-13</span>
276 
-							&nbsp;&nbsp;&nbsp;考核数据
275 
+							&nbsp;&nbsp;&nbsp;平均办理时长
276 
+							<lable style='color: #ffe000;'>5</lable>个工作日
277 
 						</li>
 277 
 						</li>
278 
 						<li></li>
 278 
 						<li></li>
279 
 						<li></li>
 279 
 						<li></li>
304 
 					<ul class="nowTime">
 304 
 					<ul class="nowTime">
305 
 						<li>
 305 
 						<li>
306 
 							<span class="data_time">2021-5-16至 2021-7-13</span>
 306 
 							<span class="data_time">2021-5-16至 2021-7-13</span>
307 
-							&nbsp;&nbsp;&nbsp;平均办理时长
308 
-							<lable style='color: #ffe000;'>5</lable>个工作日
307 
+							&nbsp;&nbsp;&nbsp;考核数据
309 
 						</li>
 308 
 						</li>
310 
 						<li></li>
 309 
 						<li></li>
311 
 						<li></li>
 310 
 						<li></li>
312 
 					</ul>
 311 
 					</ul>
313 
-					<div style="width: 100%;padding: 10px;height: 750px;">
312 
+					<div style="width: 100%;padding: 10px;margin-bottom: 30px;">
313 
+						<h4>一、县（市、区）联动单位</h4>
314 
 						<table id="orderlist2" data-row-style="rowStyle" data-query-params="queryParams"
 314 
 						<table id="orderlist2" data-row-style="rowStyle" data-query-params="queryParams"
315 
 							data-pagination="true">
 315 
 							data-pagination="true">
316 
 							<thead>
 316 
 							<thead>
317 
 								<tr>
 317 
 								<tr>
318 
 									<th data-formatter="Code" data-align="center">序号</th>
 318 
 									<th data-formatter="Code" data-align="center">序号</th>
319 
-									<th data-field="deptname" data-align="center" data-formatter="getDeptname" data-width="150">单位</th>
320 
-									<th data-field="workordrcount" data-align="center">工单数量</th>
321 
-									<th data-field="dissatisfied" data-align="center">不满意数量</th>
322 
-									<th data-field="overcount" data-align="center">超期数量</th>
319 
+									<th data-field="deptname" data-align="center" data-formatter="getDeptname" data-width="100">单位</th>
320 
+									<th data-field="workordrcount" data-align="center" data-formatter="getWorkList">工单数量</th>
321 
+									<th data-field="dissatisfied" data-align="center" data-formatter="getWorkList">不满意数量</th>
322 
+									<th data-field="overcount" data-align="center" data-formatter="getWorkList">超期数量</th>
323 
+									<th data-field="Processing" data-align="center" data-formatter="getWorkList">平均办理时长</th>
324 
+									<th data-field="back" data-align="center"  data-formatter="numReturned">退回数量</th>
325 
+									<th data-field="backover" data-align="center" data-formatter="numReturnedOverdue">退回超期数量</th>
326 
+									<th data-field="knowledge" data-align="center" data-formatter="getKnowledge">知识库索要数量</th>
327 
+									<th data-field="knowledgeover" data-align="center" data-formatter="getKnowledgeNo">未及时提交量</th>
328 
+									<th data-field="secrecy" data-align="center" data-formatter="minusPoints">公民信息保密</th>
329 
+									<th data-field="divulge" data-align="center" data-formatter="minusPoints">工单处理保密</th>
330 
+									<th data-field="cityinformation" data-align="center" data-formatter="extraPoints">市媒体宣传</th>
331 
+									<th data-field="knowledgerate" data-align="center" data-formatter="extraPoints">省媒体宣传</th>
332 
+									<th data-field="inspection" data-align="center" data-formatter="extraPoints">市领导视察</th>
333 
+									<th data-field="extension" data-align="center" data-formatter="extraPoints">全市推广或收入市平台汇报材料</th>
334 
+									<th data-field="notice" data-align="center" data-formatter="extraPoints">涉及民生重大事项及时报送</th>
335 
+									<th data-field="total" data-align="center">总分</th>
336 
+								</tr>
337 
+							</thead>
338 
+							<tbody class="list">
339 
+							</tbody>
340 
+						</table>
341 
+					</div>
342 
+					<div style="width: 100%;padding: 10px;margin-bottom: 30px;">
343 
+						<h4>二、市直机关联动单位一组</h4>
344 
+						<table id="orderlist4" data-row-style="rowStyle" data-query-params="queryParams"
345 
+							data-pagination="true">
346 
+							<thead>
347 
+								<tr>
348 
+									<th data-formatter="Code" data-align="center">序号</th>
349 
+									<th data-field="deptname" data-align="center" data-formatter="getDeptname" data-width="100">单位</th>
350 
+									<th data-field="workordrcount" data-align="center" data-formatter="getWorkList">工单数量</th>
351 
+									<th data-field="dissatisfied" data-align="center" data-formatter="getWorkList">不满意数量</th>
352 
+									<th data-field="overcount" data-align="center" data-formatter="getWorkList">超期数量</th>
353 
+									<th data-field="Processing" data-align="center" data-formatter="getWorkList">平均办理时长</th>
354 
+									<th data-field="back" data-align="center"  data-formatter="numReturned">退回数量</th>
355 
+									<th data-field="backover" data-align="center" data-formatter="numReturnedOverdue">退回超期数量</th>
356 
+									<th data-field="knowledge" data-align="center" data-formatter="getKnowledge">知识库索要数量</th>
357 
+									<th data-field="knowledgeover" data-align="center" data-formatter="getKnowledgeNo">未及时提交量</th>
358 
+									<th data-field="secrecy" data-align="center" data-formatter="minusPoints">公民信息保密</th>
359 
+									<th data-field="divulge" data-align="center" data-formatter="minusPoints">工单处理保密</th>
360 
+									<th data-field="cityinformation" data-align="center" data-formatter="extraPoints">市媒体宣传</th>
361 
+									<th data-field="knowledgerate" data-align="center" data-formatter="extraPoints">省媒体宣传</th>
362 
+									<th data-field="inspection" data-align="center" data-formatter="extraPoints">市领导视察</th>
363 
+									<th data-field="extension" data-align="center" data-formatter="extraPoints">全市推广或收入市平台汇报材料</th>
364 
+									<th data-field="notice" data-align="center" data-formatter="extraPoints">涉及民生重大事项及时报送</th>
365 
+									<th data-field="total" data-align="center">总分</th>
366 
+								</tr>
367 
+							</thead>
368 
+							<tbody class="list">
369 
+							</tbody>
370 
+						</table>
371 
+					</div>
372 
+					<div style="width: 100%;padding: 10px;margin-bottom: 30px;">
373 
+						<h4>三、市直机关联动单位二组</h4>
374 
+						<table id="orderlist5" data-row-style="rowStyle" data-query-params="queryParams"
375 
+							data-pagination="true">
376 
+							<thead>
377 
+								<tr>
378 
+									<th data-formatter="Code" data-align="center">序号</th>
379 
+									<th data-field="deptname" data-align="center" data-formatter="getDeptname" data-width="100">单位</th>
380 
+									<th data-field="workordrcount" data-align="center" data-formatter="getWorkList">工单数量</th>
381 
+									<th data-field="dissatisfied" data-align="center" data-formatter="getWorkList">不满意数量</th>
382 
+									<th data-field="overcount" data-align="center" data-formatter="getWorkList">超期数量</th>
383 
+									<th data-field="Processing" data-align="center" data-formatter="getWorkList">平均办理时长</th>
384 
+									<th data-field="back" data-align="center"  data-formatter="numReturned">退回数量</th>
385 
+									<th data-field="backover" data-align="center" data-formatter="numReturnedOverdue">退回超期数量</th>
386 
+									<th data-field="knowledge" data-align="center" data-formatter="getKnowledge">知识库索要数量</th>
387 
+									<th data-field="knowledgeover" data-align="center" data-formatter="getKnowledgeNo">未及时提交量</th>
388 
+									<th data-field="secrecy" data-align="center" data-formatter="minusPoints">公民信息保密</th>
389 
+									<th data-field="divulge" data-align="center" data-formatter="minusPoints">工单处理保密</th>
390 
+									<th data-field="cityinformation" data-align="center" data-formatter="extraPoints">市媒体宣传</th>
391 
+									<th data-field="knowledgerate" data-align="center" data-formatter="extraPoints">省媒体宣传</th>
392 
+									<th data-field="inspection" data-align="center" data-formatter="extraPoints">市领导视察</th>
393 
+									<th data-field="extension" data-align="center" data-formatter="extraPoints">全市推广或收入市平台汇报材料</th>
394 
+									<th data-field="notice" data-align="center" data-formatter="extraPoints">涉及民生重大事项及时报送</th>
395 
+									<th data-field="total" data-align="center">总分</th>
396 
+								</tr>
397 
+							</thead>
398 
+							<tbody class="list">
399 
+							</tbody>
400 
+						</table>
401 
+					</div>
402 
+					<div style="width: 100%;padding: 10px;margin-bottom: 30px;">
403 
+						<h4>四、公益型企业联动单位</h4>
404 
+						<table id="orderlist6" data-row-style="rowStyle" data-query-params="queryParams"
405 
+							data-pagination="true">
406 
+							<thead>
407 
+								<tr>
408 
+									<th data-formatter="Code" data-align="center">序号</th>
409 
+									<th data-field="deptname" data-align="center" data-formatter="getDeptname" data-width="100">单位</th>
410 
+									<th data-field="workordrcount" data-align="center" data-formatter="getWorkList">工单数量</th>
411 
+									<th data-field="dissatisfied" data-align="center" data-formatter="getWorkList">不满意数量</th>
412 
+									<th data-field="overcount" data-align="center" data-formatter="getWorkList">超期数量</th>
413 
+									<th data-field="Processing" data-align="center" data-formatter="getWorkList">平均办理时长</th>
323 
 									<th data-field="back" data-align="center"  data-formatter="numReturned">退回数量</th>
 414 
 									<th data-field="back" data-align="center"  data-formatter="numReturned">退回数量</th>
324 
 									<th data-field="backover" data-align="center" data-formatter="numReturnedOverdue">退回超期数量</th>
 415 
 									<th data-field="backover" data-align="center" data-formatter="numReturnedOverdue">退回超期数量</th>
325 
 									<th data-field="knowledge" data-align="center" data-formatter="getKnowledge">知识库索要数量</th>
 416 
 									<th data-field="knowledge" data-align="center" data-formatter="getKnowledge">知识库索要数量</th>
348 
 					</div>
 439 
 					</div>
349 
 					<div id="allmap" style="width: 95%;height: 730px;"></div>
 440 
 					<div id="allmap" style="width: 95%;height: 730px;"></div>
350 
 					<ul class="infoTitle">
 441 
 					<ul class="infoTitle">
351 
-						<li>
352 
-							<label>
353 
-								<img src="./images/secondary_img/map_icon.png" alt="">
354 
-								咨询
355 
-							</label>
356 
-							<label>
357 
-								<img src="./images/secondary_img/map1_icon.png" alt="">
358 
-								求助
359 
-							</label>
360 
-							<label>
361 
-								<img src="./images/secondary_img/map2_icon.png" alt="">
362 
-								投诉
363 
-							</label>
364 
-						</li>
365 
-						<li>
366 
-							<label>
367 
-								<img src="./images/secondary_img/map3_icon.png" alt="">
368 
-								建议
369 
-							</label>
370 
-							<label>
371 
-								<img src="./images/secondary_img/map4_icon.png" alt="">
372 
-								表扬
373 
-							</label>
374 
-							<label>
375 
-								<img src="./images/secondary_img/map5_icon.png" alt="">
376 
-								其他
377 
-							</label>
378 
-						</li>
379 
 					</ul>
 442 
 					</ul>
380 
 					<div class="showInfo">
 443 
 					<div class="showInfo">
381 
-						<h3>信息展示</h3>
382 
-						<div class="tablebox">
383 
-							<table id="tableId" border="0" cellspacing="0" cellpadding="0">
444 
+						<h3><span class="btn_left">123</span><span>信息展示</span><span class="btn_right">234</span></h3>
445 
+						<div style="width: 100%;padding: 10px;height: 340px;overflow-y: auto;">
446 
+							<table id="mapList" data-row-style="rowStyle" data-query-params="queryParams"	data-pagination="true">
384 
 								<thead>
 447 
 								<thead>
385 
 									<tr>
 448 
 									<tr>
386 
-										<th class="caalTypeTitle">来电类别</th>
387 
-										<th>满意度</th>
388 
-										<th>问题分类（前十）</th>
389 
-										<th>反复反映</th>
449 
+										<th data-field="name" data-align="center" data-formatter="getCallTypeId">来电类别</th>
450 
+										<th data-field="total" data-align="center">数量</th>
451 
+										<th data-field="rate" data-align="center">百分比</th>
390 
 									</tr>
 452 
 									</tr>
391 
 								</thead>
 453 
 								</thead>
392 
-								<tbody>
393 
-									<tr>
394 
-										<td class="callType">咨询</td>
395 
-										<td>25%</td>
396 
-										<td>226</td>
397 
-										<td>16%</td>
398 
-									</tr>
399 
-									<tr>
400 
-										<td class="callType">求助</td>
401 
-										<td>25%</td>
402 
-										<td>226</td>
403 
-										<td>16%</td>
404 
-									</tr>
405 
-									<tr>
406 
-										<td class="callType">建议</td>
407 
-										<td>25%</td>
408 
-										<td>226</td>
409 
-										<td>16%</td>
410 
-									</tr>
411 
-									<tr>
412 
-										<td class="callType">投诉</td>
413 
-										<td>25%</td>
414 
-										<td>226</td>
415 
-										<td>16%</td>
416 
-									</tr>
417 
-									<tr>
418 
-										<td class="callType">表扬</td>
419 
-										<td>25%</td>
420 
-										<td>226</td>
421 
-										<td>16%</td>
422 
-									</tr>
423 
-									<tr>
424 
-										<td class="callType">其他</td>
425 
-										<td>25%</td>
426 
-										<td>226</td>
427 
-										<td>16%</td>
428 
-									</tr>
454 
+								<tbody class="list">
429 
 								</tbody>
 455 
 								</tbody>
430 
 							</table>
 456 
 							</table>
431 
 						</div>
 457 
 						</div>
549 
 						<img src="./images/secondary_img/title_left.png" class="title_right">
 575 
 						<img src="./images/secondary_img/title_left.png" class="title_right">
550 
 					</div>
 576 
 					</div>
551 
 					<div class="btns">
 577 
 					<div class="btns">
552 
-						<button type="button" class="btn_left" >查看流程</button>
578 
+						<button type="button" class="btn_left" onclick="getClick()">查看流程</button>
553 
 						<button type="button" class="btn_right"><span class="left_R"></span>返回列表</button>
 579 
 						<button type="button" class="btn_right"><span class="left_R"></span>返回列表</button>
554 
 					</div>
 580 
 					</div>
555 
 					<div class="tablebox">
 581 
 					<div class="tablebox">
640 
 									<th data-field="CallState" data-align="center"  data-formatter="getCallState">呼叫状态</th>
 666 
 									<th data-field="CallState" data-align="center"  data-formatter="getCallState">呼叫状态</th>
641 
 									<th data-field="DealType" data-align="center" data-formatter="getDisposalType">处理方式</th>
 667 
 									<th data-field="DealType" data-align="center" data-formatter="getDisposalType">处理方式</th>
642 
 									<th data-field="BeginTime" data-align="center">开始时间</th>
 668 
 									<th data-field="BeginTime" data-align="center">开始时间</th>
643 
-									<!-- <th data-field="IvrStartTime" data-align="center">ivr开始时间</th>
644 
-									<th data-field="IvrEndTime" data-align="center">ivr结束时间</th>
645 
-									<th data-field="RingStartTime" data-align="center">振铃开始时间</th>
646 
-									<th data-align="RingEndTime" data-align="center">振铃结束时间</th>
647 
-									<th data-field="TalkStartTime" data-align="center">通话开始时间</th>
648 
-									<th data-field="TalkEndTime" data-align="center">通话结束时间</th> -->
649 
 									<th data-field="EndTime" data-align="center">结束时间</th>
 669 
 									<th data-field="EndTime" data-align="center">结束时间</th>
650 
 									<th data-field="LongTime" data-align="center">总时长</th>
 670 
 									<th data-field="LongTime" data-align="center">总时长</th>
651 
 									<th data-field="IvrLongTime" data-align="center">ivr时长</th>
 671 
 									<th data-field="IvrLongTime" data-align="center">ivr时长</th>
654 
 									<th data-field="UserCode" data-align="center">坐席工号</th>
 674 
 									<th data-field="UserCode" data-align="center">坐席工号</th>
655 
 									<th data-field="UserName1" data-align="center">坐席姓名</th>
 675 
 									<th data-field="UserName1" data-align="center">坐席姓名</th>
656 
 									<th data-field="ExtNumber" data-align="center">分机</th>
 676 
 									<th data-field="ExtNumber" data-align="center">分机</th>
657 
-									<th data-field="ActionType" data-align="center">状态</th>
677 
+									<th data-field="ActionType" data-align="center" data-formatter="getActionType">话机类型</th>
658 
 									<th data-field="WorkOrderId" data-align="center" data-formatter="getWorkOrder">工单编号</th>
 678 
 									<th data-field="WorkOrderId" data-align="center" data-formatter="getWorkOrder">工单编号</th>
659 
 								</tr>
 679 
 								</tr>
660 
 							</thead>
 680 
 							</thead>
671 
 						<img src="./images/secondary_img/title_left.png" class="title_right">
 691 
 						<img src="./images/secondary_img/title_left.png" class="title_right">
672 
 					</div>
 692 
 					</div>
673 
 					<div class="renkList_time">
 693 
 					<div class="renkList_time">
674 
-						2021年5月6日 至 2021年7月8号 12:56
675 
 					</div>
 694 
 					</div>
676 
-					<!-- <div style="width: 100%;padding: 10px;height: 750px;">
677 
-						<table id="rankList" data-row-style="rowStyle" data-query-params="queryParams"	data-pagination="true">
678 
-							<thead>
679 
-								<tr>
680 
-									<th data-field="ScoreTitle" data-align="center" style="background-color: rgb(2,112,129);">考核项</th>
681 
-									<th data-field="TotalScore" data-align="center">满分（分）</th>
682 
-									<th data-field="ActualScore" data-align="center">实际等分（分）</th>
683 
-								</tr>
684 
-							</thead>
685 
-							<tbody class="list">
686 
-							</tbody>
687 
-						</table>
688 
-					</div> -->
689 
 					<div class="tablebox">
 695 
 					<div class="tablebox">
690 
 						<table id="tableId" border="0" cellspacing="0" cellpadding="0">
 696 
 						<table id="tableId" border="0" cellspacing="0" cellpadding="0">
691 
 							<thead>
 697 
 							<thead>
743 
 						<img src="./images/secondary_img/title_left.png" class="title_right">
 749 
 						<img src="./images/secondary_img/title_left.png" class="title_right">
744 
 					</div>
 750 
 					</div>
745 
 					<div class="renkList_time">
 751 
 					<div class="renkList_time">
746 
-						2021年5月6日 至 2021年7月8号 12:56
747 
 					</div>
 752 
 					</div>
748 
 					<div class="tablebox">
 753 
 					<div class="tablebox">
749 
 						<table id="tableId" border="0" cellspacing="0" cellpadding="0">
 754 
 						<table id="tableId" border="0" cellspacing="0" cellpadding="0">
910 
 	<script src="js/echarts.min.js"></script>
 915 
 	<script src="js/echarts.min.js"></script>
911 
 	<script src="js/jquery.min.js"></script>
 916 
 	<script src="js/jquery.min.js"></script>
912 
 	<script src="js/bootstrap-table.js"></script>
 917 
 	<script src="js/bootstrap-table.js"></script>
913 
-	<script src="js/bootstrap-table.min.js"></script>
918 
+	<script src="js/bootstrap-table-zh-CN.js"></script>
914 
 	<script src="js/util.js"></script>
 919 
 	<script src="js/util.js"></script>
920 
+	<script src="js/jquery.countUp.min.js"></script>
921 
+	<script src="js/jquery.waypoints.min.js"></script>
915 
 	<script src="js/index.js"></script>
 922 
 	<script src="js/index.js"></script>
916 
 </html>
 923 
 </html>

File diff suppressed because it is too large
+ 9 - 0
WebChartNew/js/bootstrap-select.min.js


+ 48 - 0
WebChartNew/js/bootstrap-table-zh-CN.js
View File

1 
+/**
2 
+ * Bootstrap Table Chinese translation
3 
+ * Author: Zhixin Wen<wenzhixin2010@gmail.com>
4 
+ */
5 
+(function ($) {
6 
+    'use strict';
7 
+
8 
+    $.fn.bootstrapTable.locales['zh-CN'] = {
9 
+        formatLoadingMessage: function () {
10 
+            return '正在努力地高速加载数据中，请稍候……';
11 
+        },
12 
+        formatRecordsPerPage: function (pageNumber) {
13 
+            return '每页显示 ' + pageNumber + ' 条';
14 
+        },
15 
+        formatShowingRows: function (pageFrom, pageTo, totalRows) {
16 
+//          return '显示第 ' + pageFrom + ' 到第 ' + pageTo + ' 条记录，总共 ' + totalRows + ' 条记录';
17 
+            return ' 共 ' + totalRows + ' 条';
18 
+        },
19 
+        formatSearch: function () {
20 
+
21 
+            return '搜索';
22 
+        },
23 
+        formatNoMatches: function () {
24 
+            return '没有找到您想要的记录呢！我会努力的...';
25 
+        },
26 
+        formatPaginationSwitch: function () {
27 
+            return '隐藏/显示分页';
28 
+        },
29 
+        formatRefresh: function () {
30 
+            return '刷新';
31 
+        },
32 
+        formatToggle: function () {
33 
+            return '切换';
34 
+        },
35 
+        formatColumns: function () {
36 
+            return '列';
37 
+        },
38 
+        formatExport: function () {
39 
+            return '导出数据';
40 
+        },
41 
+        formatClearFilters: function () {
42 
+            return '清空过滤';
43 
+        }
44 
+    };
45 
+
46 
+    $.extend($.fn.bootstrapTable.defaults, $.fn.bootstrapTable.locales['zh-CN']);
47 
+
48 
+})(jQuery);

File diff suppressed because it is too large
+ 677 - 517
WebChartNew/js/index.js


+ 45 - 0
WebChartNew/js/jquery.countUp.min.js
View File

1 
+! function(t) {
2 
+	"use strict";
3 
+	t.fn.countUp = function(e) {
4 
+		var a = t.extend({
5 
+			time: 2e3,
6 
+			delay: 10
7 
+		}, e);
8 
+		return this.each(function() {
9 
+			var e = t(this),
10 
+				n = a,
11 
+				u = function() {
12 
+					e.data("counterupTo") || e.data("counterupTo", e.text());
13 
+					var t = parseInt(e.data("counter-time")) > 0 ? parseInt(e.data("counter-time")) : n
14 
+						.time,
15 
+						a = parseInt(e.data("counter-delay")) > 0 ? parseInt(e.data("counter-delay")) : n
16 
+						.delay,
17 
+						u = t / a,
18 
+						r = e.data("counterupTo"),
19 
+						o = [r],
20 
+						c = /[0-9]+,[0-9]+/.test(r);
21 
+					r = r.replace(/,/g, "");
22 
+					for (var d = (/^[0-9]+$/.test(r), /^[0-9]+\.[0-9]+$/.test(r)), s = d ? (r.split(".")[
23 
+							1] || []).length : 0, i = u; i >= 1; i--) {
24 
+						var p = parseInt(Math.round(r / u * i));
25 
+						if (d && (p = parseFloat(r / u * i).toFixed(s)), c)
26 
+							for (;
27 
+								/(\d+)(\d{3})/.test(p.toString());) p = p.toString().replace(/(\d+)(\d{3})/,
28 
+								"$1,$2");
29 
+						o.unshift(p)
30 
+					}
31 
+					e.data("counterup-nums", o), e.text("0");
32 
+					var f = function() {
33 
+						e.text(e.data("counterup-nums").shift()), e.data("counterup-nums").length ?
34 
+							setTimeout(e.data("counterup-func"), a) : (delete e.data("counterup-nums"),
35 
+								e.data("counterup-nums", null), e.data("counterup-func", null))
36 
+					};
37 
+					e.data("counterup-func", f), setTimeout(e.data("counterup-func"), a)
38 
+				};
39 
+			e.waypoint(u, {
40 
+				offset: "100%",
41 
+				triggerOnce: !0
42 
+			})
43 
+		})
44 
+	}
45 
+}(jQuery);

File diff suppressed because it is too large
+ 384 - 0
WebChartNew/text.html