大屏修改

WebChart/TelephoneDetails.html

@@ -25,6 +25,47 @@
 				 background-size: 100% 100%;
 				width: 59%;
 			}
+			.boxwrap{
+				width: 60%;
+				height: 98%;
+				float: left;
+				text-align: center;
+				
+				font-size: 32px;
+				color: #FFFFFF;
+				letter-spacing: 10px;
+			}
+			.smallbox{
+				width: 38%;
+				float: right;
+				display: flex;
+			    flex-wrap: wrap;
+				margin-top: 20px;
+				margin-right: 20px;
+				justify-content:space-between;
+				
+			}
+			.smallimg{
+				border: 2px solid #00E9FF;
+				border-radius: 20px;
+				margin-bottom: 20px;
+			  width: 48%;
+			
+			}
+			.activeBox{
+				border: 2px solid #3c920c;
+			}
+			.smallimg img{
+				width: 100%;
+				border-radius: 20px;
+				display: block;
+				  height: 230px;
+			}
+			.bt{
+				font-size: 32px;
+				color: #FFFFFF;
+				letter-spacing: 10px;
+			}
 		</style>
 	</head>
 
@@ -33,29 +74,13 @@
 		<div id="nav" class="clearfix">
 			<div class="nav_left"><img src="img/nav_l.png" alt="" /></div>
 			<div class="nav_middle">
-				<ul class="clearfix">
-					<li>
-						<a href="./sourceChannel.html"><img src="img/lyqd_0.png" alt="" /></a>
-					</li>
-					<li>
-						<a href="./receiptDepartment.html"><img src="img/jdbm_0.png" alt="" /></a>
-					</li>
-					<li>
-						<a href="./index.html"><img src="img/title.png" alt="" /></a>
-					</li>
-					<li>
-						<a href="./TelephoneDetails.html"><img src="img/hwsl_1.png" alt="" /></a>
-					</li>
-					<li>
-						<a href="./complaintsReport.html"><img src="img/tsjb_0.png" alt="" /></a>
-					</li>
-				</ul>
-
+				安阳市12345大数据平台
 			</div>
 			<div class="nav_right"><img src="img/nav_r.png" alt="" /></div>
 		</div>
 		<!--导航栏结束-->
-		<div id="wrap" class="container">
+		<div  class="boxwrap">
+			<p class="bt">话务数量</p>
 				<div class="phone_top">
 				<div class="legend_bar clearfix">
 					<div class="title_word pull-left">
@@ -101,6 +126,32 @@
 			</div>
 			<!--</div>-->
 		</div>
+		<div class="smallbox">
+			<div class="smallimg index">
+				<img src="./img/background01.png" >
+			</div>
+			<div class="smallimg second">
+				<img src="./img/background02.png" >
+			</div>
+			<div class="smallimg third">
+				<img src="./img/background03.png" >
+			</div>
+			<div class="smallimg fourth">
+				<img src="./img/background04.png" >
+			</div>
+		<div class="smallimg" id="sourceChannel">
+			<img src="./img/background05.png" >
+		</div>
+		<div class="smallimg" id="department">
+			<img src="./img/background06.png" >
+		</div>
+		<div class="smallimg activeBox">
+			<img src="./img/background07.png" >
+		</div>
+		<div class="smallimg" id="complaint">
+			<img src="./img/background08.png" >
+		</div>
+		</div>
 		<script src="js/TelephoneDetails.js"></script>
 		<script src="js/setItervalTime.js"></script>
 	</body>

WebChart/complaintsReport.html

@@ -122,6 +122,45 @@
 				height: 30px;
 				margin-right: 15px;
 			}
+			.boxwrap{
+				width: 60%;
+				height: 98%;
+				float: left;
+				text-align: center;
+				
+			
+			}
+			.smallbox{
+				width: 38%;
+				float: right;
+				display: flex;
+			    flex-wrap: wrap;
+				margin-top: 20px;
+				margin-right: 20px;
+				justify-content:space-between;
+				
+			}
+			.smallimg{
+				border: 2px solid #00E9FF;
+				border-radius: 20px;
+				margin-bottom: 20px;
+			  width: 48%;
+			
+			}
+			.activeBox{
+				border: 2px solid #3c920c;
+			}
+			.smallimg img{
+				width: 100%;
+				border-radius: 20px;
+				display: block;
+				  height: 230px;
+			}
+			.bt{
+				font-size: 32px;
+				color: #FFFFFF;
+				letter-spacing: 10px;
+			}
 		</style>
 	</head>
 
@@ -130,29 +169,13 @@
 		<div id="nav" class="clearfix">
 			<div class="nav_left"><img src="img/nav_l.png" alt="" /></div>
 			<div class="nav_middle">
-				<ul class="clearfix">
-					<li>
-						<a href="./sourceChannel.html"><img src="img/lyqd_0.png" alt="" /></a>
-					</li>
-					<li>
-						<a href="./receiptDepartment.html"><img src="img/jdbm_0.png" alt="" /></a>
-					</li>
-					<li>
-						<a href="./index.html"><img src="img/title.png" alt="" /></a>
-					</li>
-					<li>
-						<a href="./TelephoneDetails.html"><img src="img/hwsl_0.png" alt="" /></a>
-					</li>
-					<li>
-						<a href="./complaintsReport.html"><img src="img/tsjb_1.png" alt="" /></a>
-					</li>
-				</ul>
-
+				安阳市12345大数据平台
 			</div>
 			<div class="nav_right"><img src="img/nav_r.png" alt="" /></div>
 		</div>
-		<!--导航栏结束-->
-		<div id="wrap" class="container">
+	<!--导航栏结束-->
+	<div  class="boxwrap">
+		<p class="bt">投诉举报</p>
 			<div class="phone_top">
 				<div class="legend_bar clearfix">
 					<div class="title_word pull-left">
@@ -348,6 +371,32 @@
 			</div>
 			<!--</div>-->
 		</div>
+		<div class="smallbox">
+			<div class="smallimg index">
+				<img src="./img/background01.png" >
+			</div>
+			<div class="smallimg second">
+				<img src="./img/background02.png" >
+			</div>
+			<div class="smallimg third">
+				<img src="./img/background03.png" >
+			</div>
+			<div class="smallimg fourth">
+				<img src="./img/background04.png" >
+			</div>
+		<div class="smallimg" id="sourceChannel">
+			<img src="./img/background05.png" >
+		</div>
+		<div class="smallimg" id="department">
+			<img src="./img/background06.png" >
+		</div>
+		<div class="smallimg" id="call">
+			<img src="./img/background07.png" >
+		</div>
+			<div class="smallimg activeBox">
+				<img src="./img/background08.png" >
+			</div>
+		</div>
 		<script src="js/complaintsReport.js"></script>
 		<script src="js/setItervalTime.js"></script>
 	</body>

WebChart/css/complaintsReport.css

@@ -0,0 +1,109 @@
+		#time1{
+				width: 155px;
+			}
+			#time2_05,
+			#time3_05 {
+				width: 198px;
+			}
+			.selects_box:before {
+				z-index: 1;
+			}
+			.phone_bottom_05>div:last-child {
+				width: 44%;
+				margin-left: 1%;
+				background: url(img/jd_bg3.png) no-repeat center;
+				background-size: 100% 100%;
+			}
+			
+			.phone_bottom_05>div:first-child {
+				background: url(img/jd_bg2.png) no-repeat center;
+				background-size: 100% 100%;
+				width: 55%;
+			}
+			
+			.phone_bottom_05>div:first-child table {
+				width: 95%;
+				margin: 0 auto;
+				color: #fff;
+				font-size: 12px;
+			}
+			
+			.table_box_05 {
+				margin-top: 30px;
+			}
+			.table_05>thead>tr>td {
+				border-top: 2px solid #3160a2;
+			}
+			.table_05>tbody>tr>td{
+				border-top: 1px solid #3160a2;
+				color: #00e9ff;
+			}
+			.table_05>tbody>tr>td:first-child{
+				color: #fff;
+			}
+			table thead, tbody tr {
+	            display:table;
+	            width:100%;
+	            table-layout:fixed;
+	        }
+	       .table_05>tbody>tr>td:last-child{
+	        	color: #95e193;
+	        }
+	       .table_05>tbody>tr>td:nth-last-child(2){
+	        	color: #ec6969!important;
+	        }
+			.quadrangle {
+				display: inline-block;
+				width: 9px;
+				height: 20px;
+				background: #69e1a9;
+				transform: skewX(20deg);
+			}
+			
+			.bottom_right li {
+				position: relative;
+				width: 134px;
+				text-align: right;
+				height: 20px;
+				line-height: 15px;
+				margin-top: 35px;
+				margin-left: 30px;
+			}
+			
+			.bottom_right ul li:nth-of-type(1) {
+				margin-top: 40px;
+				background: url(img/sbx_line0.png) no-repeat;
+			}
+			
+			.bottom_right ul li:nth-of-type(2) {
+				background: url(img/sbx_line1.png) no-repeat;
+			}
+			
+			.bottom_right ul li:nth-of-type(3) {
+				background: url(img/sbx_line2.png) no-repeat;
+			}
+			
+			.bottom_right ul li:nth-of-type(4) {
+				background: url(img/sbx_line3.png) no-repeat;
+			}
+			
+			.bottom_right ul li:nth-of-type(5) {
+				background: url(img/sbx_line4.png) no-repeat;
+			}
+			
+			.bottom_right ul li:nth-of-type(6) {
+				background: url(img/sbx_line5.png) no-repeat;
+			}
+			
+			.type_name {
+				color: #00e9ff;
+			}
+			
+			.type_count {
+				color: #fff;
+				margin-left: 25px;
+			}
+			.selects {
+				height: 30px;
+				margin-right: 15px;
+			}

WebChart/css/index.css

@@ -4,6 +4,8 @@
 
 body {
 	margin: 0;
+	width: 100%!important;
+	height: 100%;
 	padding: 0;
 	font-size: 16px;
 	-webkit-text-size-adjust: none;
@@ -68,8 +70,8 @@ a {
 
 #nav .nav_left,
 .nav_right {
-	width: calc((100% - 1200px) / 2);
-	height: 84px;
+	width: 25%;
+	height: 110px;
 	/*background: -webkit-linear-gradient(left, transparent, #104d9a);
     background: -o-linear-gradient(left, transparent, #104d9a);
     background: -moz-linear-gradient(left, transparent, #104d9a);
@@ -93,45 +95,32 @@ a {
 }*/
 
 .nav_middle {
-	width: 1200px;
+	width: 50%;
 	margin: 0 auto;
-	/*min-width: 1220px;*/
+	text-align: center;
+	height: 10%;
+	line-height: 110px;
+	font-size: 64px;
+	color: #FFFFFF;
+	letter-spacing: 10px;
+	text-shadow: 2px 2px #86ffff;
 }
 
 #nav>div>img {
 	display: block;
 	width: 100%;
-	height: 84px;
+	height: 110px;
 }
 
-.nav_middle>ul li {
-	float: left;
-}
 
-.nav_middle>ul li {
-	width: 13%;
-	/*width: 160px;*/
-}
 
-.nav_middle>ul li:nth-of-type(3) {
+
+/* .nav_middle>ul li:nth-of-type(3) {
 	width: 48%;
 	/*width: 560px;*/
 }
 
-.nav_middle>ul li img {
-	display: block;
-	width: 100%;
-}
 
-#wrap {
-	/*width: 80%;*/
-	margin: 0 auto;
-	/*height: calc(100vh - 195px);*/
-	width: 1500px;
-	max-width: 1500px;
-	margin: 0 auto;
-	height: 900px;
-}
 
 .swiper-container {
 	padding-bottom: 35px;
@@ -209,17 +198,21 @@ a {
 
 .slideCon_bg {
 	background: url(../img/slide_bg1.png) no-repeat;
-	height: 100%;
+	height: 950px;
 	width: 100%;
 	background-size: 100% 100%;
+	position: absolute;
+	display: none;
+}
+.slideCon_bg_block{
+	display: block;
 }
-
 .slide_title {
-	position: absolute;
-	height: 2.8rem;
-	width: 26rem;
-	left: 39%;
-	top: 8.8%;
+    position: absolute;
+    height: 2.8rem;
+    width: 26rem;
+    left: 44%;
+    top: 7.8%;
 	background-size: 100%;
 }
 
@@ -271,17 +264,18 @@ a {
 }
 
 .orderStatistic>.orderCon_middle {
-	padding-top: 180px;
+	padding-top: 150px;
 }
 
 .orderStatistic>.orderCon_left {
 	box-sizing: border-box;
-	padding-left: 137px;
+	padding-left: 167px;
+	margin-top: 30px;
 }
 
 .orderStatistic>div>ul li {
-	height: 120px;
-	width: 235px;
+	height: 125px;
+	width: 250px;
 	background: url(../img/num_frame.png) no-repeat center;
 	background-size: 100%;
 }
@@ -297,27 +291,33 @@ a {
 
 .orderli:nth-child(n+6) {
 	position: absolute !important;
-	right: 135px!important;
+	right: 165px !important;
 }
+
 .orderli:nth-child(6) {
-	top: 142px !important;
+	top: 172px !important;
 }
+
 .orderli:nth-child(7) {
-	top: 264px !important;
+	top: 296px !important;
 }
+
 .orderli:nth-child(8) {
-	top: 385px !important;
+	top: 415px !important;
 }
+
 .orderli:nth-child(9) {
-	top: 510px !important;
+	top: 540px !important;
 }
+
 .orderli:nth-child(10) {
-	top: 630px !important;
+	top: 660px !important;
 }
+
 .slideCon_bg>div>ul li .num_word {
 	display: inline-block;
 	vertical-align: middle;
-	font-size: 20px;
+	font-size: 22px;
 	color: #02d0ee;
 	margin-top: 20px;
 }
@@ -329,7 +329,7 @@ a {
 
 .slideCon_bg>div>ul li .num_word span:nth-of-type(3) {
 	color: #fdcf2f;
-	font-size: 18px;
+	font-size: 22px;
 }
 
 
@@ -1101,11 +1101,19 @@ a {
 }
 
 .orderSource>.source_left {
-	padding-left: 150px;
+	    padding-left: 193px;
+		top: 2px;
+	    position: absolute;
 }
-
+.secondPie{
+	position: relative;
+	left: 637px;
+	top: 62px;
+	}
 .orderSource>.source_right {
-	margin-left: -42px;
+	    float: right;
+	    position: relative;
+	    top: -760px;; */
 }
 
 .source_right ul li,
@@ -1137,7 +1145,11 @@ a {
 	padding-top: 12px;
 	margin-left: 15px;
 }
-
+#wrap{
+	width: 100%; 
+	    height: 900px;
+	
+}
 .line_wrap {
 	width: 160px;
 	position: absolute;
@@ -1643,7 +1655,9 @@ a {
 	width: 45% !important;
 	padding-top: 170px;
 }
-
+.sl{
+	margin-top: -183px;
+}
 .trafficVolume .orderCon_right {
 	width: 50%;
 }

WebChart/css/receiveDepartment.css

@@ -0,0 +1,70 @@
+#phone_time_02{
+				width: 199px;
+			}
+			.selects_box:before{
+				z-index: 1;
+			}
+			.phone_bottom_02 >div:last-child{
+				width: 44%;
+				margin-left: 1%;
+				 background: url(img/jd_bg3.png) no-repeat center;
+				 background-size: 100% 100%;
+			}
+			.phone_bottom_02 >div:first-child{
+				 background: url(img/jd_bg2.png) no-repeat center;
+				 background-size: 100% 100%;
+				width: 55%;
+			}
+			.phone_bottom_02 >div:first-child table{
+				width: 95%;
+				margin: 0 auto;
+				color: #fff;
+				font-size: 12px;
+			}
+			.table_box_02{
+				margin-top: 30px;
+			}
+			.table_02>tbody>tr>td{
+				border-top: 1px solid #3160a2;
+				color: #00e9ff;
+			}
+			.table_02>thead>tr>td{
+				border-top: 2px solid #3160a2;
+			}
+			.table_02>tbody>tr>td:first-child{
+				color: #fff;
+			}
+			table thead, tbody tr {
+	            display:table;
+	            width:100%;
+	            table-layout:fixed;
+	        }
+	       .table_02>tbody>tr>td:last-child{
+	        	color: #95e193;
+	        }
+	       .table_02>tbody>tr>td:nth-last-child(2){
+	        	color: #ec6969!important;
+	        }
+	        .selects {
+				height: 30px;
+				margin-right: 15px;
+			}
+			.time_box1 {
+			    color: #00e9ff;
+			    
+			}
+			
+			#time1_03{
+				width: 199px;
+			}
+			.phone_bottom_03 >div:last-child{
+				width: 40%;
+				margin-left: 1%;
+				 background: url(img/jd_bg3.png) no-repeat center;
+				 background-size: 100% 100%;
+			}
+			.phone_bottom_04 >div:first-child{
+				 background: url(img/jd_bg2.png) no-repeat center;
+				 background-size: 100% 100%;
+				width: 59%;
+			}

WebChart/css/sourceChannel.css

@@ -0,0 +1,141 @@
+.selects {
+				height: initial;
+			}
+			#time1{
+				width: 199px;
+			}
+			#time2,
+			#time3 {
+				width: 198px;
+			}
+			.phone_bottom>div:last-child {
+				width: 49%;
+				margin-left: 1%;
+				background: url(img/jd_bg2.png) no-repeat center;
+				background-size: 100% 100%;
+			}
+			
+			.phone_bottom>div:first-child {
+				background: url(img/jd_bg2.png) no-repeat center;
+				background-size: 100% 100%;
+				width: 50%;
+			}
+			
+			.phone_bottom>div:first-child table {
+				width: 95%;
+				margin: 0 auto;
+				color: #fff;
+				font-size: 12px;
+			}
+			
+			.table_box {
+				margin-top: 30px;
+			}
+			
+			.table>tbody>tr>td {
+				border-top: 1px solid #3160a2;
+			}
+			
+			.table>thead>tr>td {
+				border-top: 2px solid #3160a2;
+			}
+			
+			.text_color1 {
+				color: #00e9ff;
+			}
+			
+			.text_color2 {
+				color: #ec6969;
+			}
+			
+			.text_color3 {
+				color: #95e193;
+			}
+			
+			table thead,
+			tbody tr {
+				display: table;
+				width: 100%;
+				table-layout: fixed;
+			}
+			
+			.quadrangle {
+				display: inline-block;
+				width: 9px;
+				height: 20px;
+				background: #69e1a9;
+				transform: skewX(20deg);
+			}
+			
+			.bottom_right li {
+				position: relative;
+				width: 134px;
+				height: 20px;
+				line-height: 15px;
+				margin-top: 35px;
+			
+			}
+			.bottom_right ul.complaint_typeL li{
+				text-align: right;
+					margin-left: 30px;
+			}
+			.bottom_right ul.complaint_typeR li{
+					text-align: left;
+					/*margin-right: 25px;*/
+			}
+			
+			.bottom_right ul li:nth-of-type(1) {
+				margin-top: 40px;
+				background: url(img/sbx_line0.png) no-repeat;
+			}
+			
+			.bottom_right ul li:nth-of-type(2) {
+				background: url(img/sbx_line1.png) no-repeat;
+			}
+			.bottom_right ul.complaint_typeR li:nth-of-type(1) {
+				background: url(img/sbx_liner0.png) no-repeat;
+			}
+			.bottom_right ul.complaint_typeR li:nth-of-type(2) {
+				background: url(img/sbx_liner1.png) no-repeat;
+			}
+			
+			.bottom_right ul li:nth-of-type(3) {
+				background: url(img/sbx_line2.png) no-repeat;
+			}
+			.bottom_right ul.complaint_typeR li:nth-of-type(3) {
+				background: url(img/sbx_liner2.png) no-repeat;
+			}
+			.bottom_right ul li:nth-of-type(4) {
+				background: url(img/sbx_line3.png) no-repeat;
+			}
+			.bottom_right ul.complaint_typeR li:nth-of-type(4) {
+				background: url(img/sbx_liner3.png) no-repeat;
+			}
+			.bottom_right ul li:nth-of-type(5) {
+				background: url(img/sbx_line4.png) no-repeat;
+			}
+			.bottom_right ul.complaint_typeR li:nth-of-type(5) {
+				background: url(img/sbx_liner4.png) no-repeat;
+			}
+			.bottom_right ul li:nth-of-type(6) {
+				background: url(img/sbx_line5.png) no-repeat;
+			}
+			.bottom_right ul.complaint_typeR li:nth-of-type(6) {
+				background: url(img/sbx_liner5.png) no-repeat;
+			}
+			
+			.type_name {
+				color: #00e9ff;
+			}
+			
+			.type_count {
+				color: #fff;
+				margin-left: 18px;
+			}
+			.time_box1 {
+			    color: #00e9ff;
+			    position: absolute;
+			    top: 20px;
+			    right: 20px;
+			    
+			}

WebChart/detail.html

@@ -0,0 +1,713 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="utf-8" />
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+		<!--优先使用 IE 最新版本和 Chrome-->
+		<meta name="renderer" content="webkit" />
+		<script src="Script/Common/huayi.load.js"></script>
+		<script src="Script/Common/huayi.config.js"></script>
+		<link rel="stylesheet" href="css/swiper.min.css" />
+		<link rel="stylesheet" href="css/animate.min.css" />
+		<link rel="stylesheet" href="plugins/numbergd/globle.css" />
+		<link rel="stylesheet" href="css/index.css" />
+		<title>大数据首页</title>
+		<style>
+		/* 	.slide_right {
+				position: relative;
+			}
+			
+			.slide_right .timeWrap input {
+				width: 195px;
+			}
+			
+			.slide_right .timeWrap {
+				position: absolute;
+				top: 56px;
+				left: -63px;
+			}
+			
+			.timeWrapPosi {
+				top: 160px !important;
+			}
+			
+			.slide_right .twotimeWarp {
+				top: -149px;
+				left: -22px;
+			}
+			
+			.slide_right .lasttimeWrap {
+				right: -2px;
+			}
+			.selects{
+				height: 30px;
+				line-height: 30px !important;
+			}
+			.secondPie{
+				position: absolute;
+				width: 600px;
+				height: 600px;
+				top: 0;
+				left: 0;
+				right: 0;
+				bottom: 0;
+				margin: auto;
+				z-index: 333;
+			}
+			.firstPos{
+				width: 340px;
+				position: absolute;
+				right: 130px;
+				top: 0px;
+			}
+			#time1{
+				width: 220px;
+			}
+			.secondPos{
+				position: absolute;
+				right: 130px;
+				top: 20px;
+			}
+			.fivePos{
+				position: absolute;
+				right: 140px;
+				top: -15px;
+			}
+		
+			.timeLimit-wrapper{
+				text-align: center;
+				margin-top: 40px;
+			}
+			.timeLimit-text{
+				font-size: 20px;
+				color: #fff;
+			}
+			.quanbgBox1{
+				display: none;
+			}
+			#right_ri li{
+				margin-left: 80px;
+			} */
+		.wrap {
+			margin: 0 auto;
+			height: 90%!important;
+			width: 100%!important;
+		}
+		.boxwrap{
+			width: 60%;
+			height: 98%;
+			float: left;
+		}
+		.smallbox{
+			width: 38%;
+			float: right;
+			display: flex;
+		    flex-wrap: wrap;
+			margin-top: 20px;
+			margin-right: 20px;
+			justify-content:space-between;
+			
+		}
+		.smallimg{
+			border: 2px solid #00E9FF;
+			border-radius: 20px;
+			margin-bottom: 20px;
+		  width: 48%;
+		
+		}
+		.activeBox{
+			border: 2px solid #3c920c;
+		}
+		.smallimg img{
+			width: 100%;
+			border-radius: 20px;
+			display: block;
+			  height: 230px;
+		}
+		</style>
+	</head>
+
+	<body>
+		<!--导航栏开始-->
+		<div id="nav" class="clearfix">
+			<div class="nav_left"><img src="img/nav_l.png" alt="" /></div>
+			<div class="nav_middle">
+				安阳市12345大数据平台
+			</div>
+			<div class="nav_right"><img src="img/nav_r.png" alt="" /></div>
+		</div>
+		<!--导航栏结束-->
+		
+		<!-- <div class="wrap"> -->
+			<div class="boxwrap">
+					<!--第一屏  工单统计-->
+						<div class="slideCon_bg_block orderStatistic slideCon_bg clearfix" >
+							<p class="slide_title slide_title1"></p>
+							<!--<div class="timeWrap twotimeWarp firstPos">
+								<div class="time_box pull-right form-inline">
+									日期<input type="text" id="time1" class="times" />
+								</div>
+							</div>-->
+							<div class="orderCon_left slide_left">
+								<ul id="det_ult">
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>市区</span>
+											<span class="AY_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>文峰区</span>
+											<span class="WFQ_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>北关区</span>
+											<span class="BGQ_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>殷都区</span>
+											<span class="YDQ_num">0</span>
+										</p>
+									</li>
+									
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>龙安区</span>
+											<span class="LAQ_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>安阳县</span>
+											<span class="AYX_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>汤阴县</span>
+											<span class="TYX_num">0</span>
+										</p>
+									</li>
+									
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>内黄县</span>
+											<span class="NHX_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>滑县</span>
+											<span class="HX_num">0</span>
+										</p>
+									</li>
+									
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>林州市</span>
+											<span class="LZS_num">0</span>
+										</p>
+									</li>
+								</ul>
+							</div>
+							
+							<div class="orderCon_middle slide_middle_first">
+								<div class="map_bg" style="display: block;">
+									
+									<div id="radarBox" class="ani" swiper-animate-duration="infinite" swiper-animate-delay="3s">
+										<div class="radar">
+											<div class="radar_inner"></div>
+										</div>
+									</div>
+									
+									<div class="mapDiv1" style="display: none;">
+										<div class="quanbgBox map_SX" index="睢县"></div>
+										<div class="quanbgBox map_MQ" index="民权县"></div>
+										<div class="quanbgBox map_SYQ" index="睢阳区"></div>
+										<div class="quanbgBox map_NL" index="宁陵县"></div>
+										<div class="quanbgBox map_LYQ" index="梁园区"></div>
+										<div class="quanbgBox map_XYX" index="夏邑县"></div>
+										<div class="quanbgBox map_ZC" index="柘城县"></div>
+										<div class="quanbgBox map_YCX" index="虞城县"></div>
+										<div class="quanbgBox map_YCS" index="永城市"></div>
+									</div>
+									
+									<!-- 
+									<div class="quanbgBox1 quan_SYQ ani map_click"  data_index='2' index="睢阳区" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_SYQ">睢阳区</br><span class="SYQ_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_MQ ani map_click" data_index='5' index="民权县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_MQ">民权县</br><span class="MQ_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_SX ani map_click" data_index='6' index="睢县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_SX">睢县</br><span class="SX_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_NL ani map_click" data_index='7' index="宁陵县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_NL">宁陵县</br><span class="NL_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_LYQ ani map_click" data_index='3' index="梁园区" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_LYQ">梁园区</br><span class="LYQ_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_KFQ ani map_click" data_index='11' index="城乡一体化示范区" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_KFQ">示范区</br><span class="KFQ_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_ZC ani map_click" data_index='8' index="柘城县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_ZC">柘城县</br><span class="ZC_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_YCX ani map_click" data_index='9' index="虞城县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_YCX">虞城县</br><span class="YCX_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_XYX ani map_click" data_index='10' index="夏邑县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_XYX">夏邑县</br><span class="XYX_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_YCS ani map_click"  data_index='4' index="永城市" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_XYX">永城市</br><span class="YCS_num"></span></span>
+									</div> -->
+								</div>
+							
+								<div id="mapSj" style="width:710px;margin-left: 170px; margin-top: 50px; display: none;">
+					                <div id="myMap" style="width:100%;height:400px;"></div>
+					                <input type="hidden" class="store_Lng" value="115.659773"/>
+	        						<input type="hidden" class="store_Lat" value="34.395449" />
+					            </div>
+							</div>
+						
+							<div class="orderCon_right slide_right">
+								<div class="timeWrap">
+									<div class="time_box pull-right form-inline">
+										日期<input type="text" id="time1" class="times" />
+										<img src="img/rili.png" class="data-input-icon1" />
+									</div>
+								</div>
+								<!-- <ul id="right_ri">
+									
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>安阳县</span>
+											<span class="AYX_num">0</span>
+										</p>
+									</li>
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>汤阴县</span>
+											<span class="TYX_num">0</span>
+										</p>
+									</li>
+									
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>内黄县</span>
+											<span class="NHX_num">0</span>
+										</p>
+									</li>
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>滑县</span>
+											<span class="HX_num">0</span>
+										</p>
+									</li>
+									
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>林州市</span>
+											<span class="LZS_num">0</span>
+										</p>
+									</li>
+									
+								</ul> -->
+							</div>
+						</div>
+				
+
+					<!--第二屏  工单渠道来源-->
+						<div class="orderSource slideCon_bg clearfix" >
+							<div class="secondPos" style="float: right;margin-right: 176px;">
+								<div class="time_box pull-right form-inline">
+									<!--地区选择：
+									<select class="areaTwo selects" style="height: 30px;"></select>-->
+									日期
+									<input type="text" id="time2" class="times" />
+								</div>
+							</div>
+							<div class="secondPie" style="padding-top: 0;">
+								<div id="phoneTimeCount" style="width: 600px; height: 600px;"></div>
+							</div>
+							<p class="slide_title slide_title2"></p>
+							<div class="source_left slide_left">
+								<ul>
+									<li class="clearfix">
+										<div class="line_wrap one_line line oneLeft_line"></div>
+									</li>
+									<li class="clearfix">
+										<div class="line_wrap line two_line twoLeft_line"></div>
+									</li>
+									<li class="clearfix">
+										<div class="line_wrap line three_line threeLeft_line"></div>
+									</li>
+									<li class="clearfix">
+										<div class="line_wrap line four_line fourLeft_line"></div>
+									</li>
+									
+								</ul>
+							</div>
+							<div class="source_middle slide_middle">
+								<div class="map_bg" style="width: 95%; background-size: 76%; margin:-62px -116px;">
+								</div>
+							</div>
+							<div class="source_right slide_right">
+								<ul>
+									<li class="clearfix">
+										<div class="line_wrap one_line line oneRight_line"></div>
+									</li>
+									<li class="clearfix">
+										<div class="line_wrap line two_line twoRight_line"></div>
+
+									</li>
+									<li class="clearfix">
+										<div class="line_wrap line three_line threeRight_line"></div>
+									</li>
+									<li class="clearfix">
+										<div class="line_wrap line four_line fourRight_line">
+										</div>
+									</li>
+									
+								</ul>
+							</div>
+						</div>
+				
+
+					<!--第三屏  工单类型-->
+						<div class="slideCon_bg orderType clearfix">
+							<p class="slide_title slide_title3"></p>
+							<div class="timeWrap twotimeWarp" style="float: right; margin-right: 140px; margin-top: 20px;">
+								<div class="time_box pull-right form-inline time_box_four">
+									
+								</div>
+								<div class="time_box pull-right form-inline time_box_three">
+									<!--地区选择：
+									<select class="areaThree selects" style="height: 30px;"></select>-->
+									日期<input type="text" id="time3" class="times" />
+								</div>
+							</div>
+							<div class="orderTtype_Con">
+								<ul class="clearfix">
+									<li class="active">
+										<div class="typeWord">咨询</div>
+										<img src="img/order_ZX.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日咨询量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月咨询量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">咨询总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+									<li>
+										<div class="typeWord">求助</div>
+										<img src="img/order_QZ.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日求助量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月求助量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">求助总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+									<li>
+										<div class="typeWord">投诉</div>
+										<img src="img/order_TS.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日投诉量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月投诉量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">投诉总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+									<li>
+										<div class="typeWord">建议</div>
+										<img src="img/order_JY.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日建议量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月建议量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">建议总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+									<li>
+										<div class="typeWord">表扬</div>
+										<img src="img/order_BY.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日表扬量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月表扬量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">表扬总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+									<li>
+										<div class="typeWord">其他</div>
+										<img src="img/order_QT.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日其他量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月其他量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">其他总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+								</ul>
+
+							</div>
+						</div>
+
+					<!--第四屏  话务量统计-->
+						<div class="slideCon_bg trafficVolume clearfix" >
+							<p class="slide_title slide_title5"></p>
+							<div class="fivePos" style="width: 100% !important;">
+								<div class="time_box pull-right form-inline">
+									<!--地区选择：
+									<select class="areaFive selects" style="height: 30px; margin-right: 20px;"></select>-->
+									部门
+									<select class="depart selects" style="height: 20px;"> </select>
+									日期
+									<input type="text" id="test6" class="times lasttime" style="margin-right: 0px;" /> 
+								</div>
+							</div>
+							<div class="orderCon_left slide_left sl">
+								<div class="keyW_t">
+									投诉关键字
+								</div>
+								<div class="tagBox">
+									<div class="tagcloud">
+									</div>
+								</div>
+							</div>
+							<div class="orderCon_right slide_right">
+								
+								<div class="keyBottom_left pull-left">
+									<div class="table_box table_box_key">
+										<table class="table">
+											<colgroup>
+												<col style="width: 120px;" />
+												<col/>
+											</colgroup>
+											<thead class="thead">
+												<tr>
+													<td>部门名称</td>
+													<td>数量</td>
+													<td>占比</td>
+												</tr>
+											</thead>
+										</table>
+										<div class="scroll_table" style="width: 100%;height: 460px; overflow: hidden;">
+											<table class="table">
+												<colgroup>
+													<col style="width: 120px;" />
+													<col/>
+												</colgroup>
+												<tbody>
+												</tbody>
+											</table>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+						</div>
+			<!-- </div> -->
+			
+		<div class="smallbox">
+			<div class="smallimg activeBox">
+				<img src="./img/background01.png" >
+			</div>
+			<div class="smallimg">
+				<img src="./img/background02.png" >
+			</div>
+			<div class="smallimg">
+				<img src="./img/background03.png" >
+			</div>
+			<div class="smallimg">
+				<img src="./img/background04.png" >
+			</div>
+			<div class="smallimg" id="sourceChannel">
+				<img src="./img/background05.png" >
+			</div>
+			<div class="smallimg" id="department">
+				<img src="./img/background06.png" >
+			</div>
+			<div class="smallimg" id="call">
+				<img src="./img/background07.png" >
+			</div>
+			<div class="smallimg" id="complaint">
+				<img src="./img/background08.png" >
+			</div>
+		</div>
+		</div>
+		<div class="timeLimit-wrapper" style="display: none;">
+			<span class="timeLimit-text">授权过期，请联系系统厂家。</span>
+		</div>
+		<script src="js/swiper.min.js"></script>
+		<script src="js/swiper.animate1.0.3.min.js"></script>
+		<script src="js/countUp.js"></script>
+		<script src="plugins/numbergd/index.js"></script>
+		<script src="js/tagcloud.js"></script>
+		<script src="js/ScrollDiv.js"></script>
+		<script src="js/index.js"></script>
+			<!-- <script src="js/complaintsReport.js"></script>
+		<script src="js/TelephoneDetails.js" type="text/javascript" charset="utf-8"></script>
+		<script src="js/receiptDepartment.js" type="text/javascript" charset="utf-8"></script>
+		<script src="js/sourceChannel.js" type="text/javascript" charset="utf-8"></script> -->
+		<script src="js/setItervalTime.js"></script>
+		<script src="js/pieChat.js"></script>
+		<script src="https://api.map.baidu.com/api?v=2.0&ak=ZG4gLQZUD6Eq1K11cqlYAR4by8CKgLyu&callback=mapinit"></script>
+		<script src="js/map1.js"></script>
+		<script src="js/layer/layer.js"></script>
+	</body>
+
+</html>

WebChart/fourth.html

@@ -0,0 +1,713 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="utf-8" />
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+		<!--优先使用 IE 最新版本和 Chrome-->
+		<meta name="renderer" content="webkit" />
+		<script src="Script/Common/huayi.load.js"></script>
+		<script src="Script/Common/huayi.config.js"></script>
+		<link rel="stylesheet" href="css/swiper.min.css" />
+		<link rel="stylesheet" href="css/animate.min.css" />
+		<link rel="stylesheet" href="plugins/numbergd/globle.css" />
+		<link rel="stylesheet" href="css/index.css" />
+		<title>大数据首页</title>
+		<style>
+		/* 	.slide_right {
+				position: relative;
+			}
+			
+			.slide_right .timeWrap input {
+				width: 195px;
+			}
+			
+			.slide_right .timeWrap {
+				position: absolute;
+				top: 56px;
+				left: -63px;
+			}
+			
+			.timeWrapPosi {
+				top: 160px !important;
+			}
+			
+			.slide_right .twotimeWarp {
+				top: -149px;
+				left: -22px;
+			}
+			
+			.slide_right .lasttimeWrap {
+				right: -2px;
+			}
+			.selects{
+				height: 30px;
+				line-height: 30px !important;
+			}
+			.secondPie{
+				position: absolute;
+				width: 600px;
+				height: 600px;
+				top: 0;
+				left: 0;
+				right: 0;
+				bottom: 0;
+				margin: auto;
+				z-index: 333;
+			}
+			.firstPos{
+				width: 340px;
+				position: absolute;
+				right: 130px;
+				top: 0px;
+			}
+			#time1{
+				width: 220px;
+			}
+			.secondPos{
+				position: absolute;
+				right: 130px;
+				top: 20px;
+			}
+			.fivePos{
+				position: absolute;
+				right: 140px;
+				top: -15px;
+			}
+		
+			.timeLimit-wrapper{
+				text-align: center;
+				margin-top: 40px;
+			}
+			.timeLimit-text{
+				font-size: 20px;
+				color: #fff;
+			}
+			.quanbgBox1{
+				display: none;
+			}
+			#right_ri li{
+				margin-left: 80px;
+			} */
+		.wrap {
+			margin: 0 auto;
+			height: 90%!important;
+			width: 100%!important;
+		}
+		.boxwrap{
+			width: 60%;
+			height: 98%;
+			float: left;
+		}
+		.smallbox{
+			width: 38%;
+			float: right;
+			display: flex;
+		    flex-wrap: wrap;
+			margin-top: 20px;
+			margin-right: 20px;
+			justify-content:space-between;
+			
+		}
+		.smallimg{
+			border: 2px solid #00E9FF;
+			border-radius: 20px;
+			margin-bottom: 20px;
+		  width: 48%;
+		
+		}
+		.activeBox{
+			border: 2px solid #3c920c;
+		}
+		.smallimg img{
+			width: 100%;
+			border-radius: 20px;
+			display: block;
+			  height: 230px;
+		}
+		</style>
+	</head>
+
+	<body>
+		<!--导航栏开始-->
+		<div id="nav" class="clearfix">
+			<div class="nav_left"><img src="img/nav_l.png" alt="" /></div>
+			<div class="nav_middle">
+				安阳市12345大数据平台
+			</div>
+			<div class="nav_right"><img src="img/nav_r.png" alt="" /></div>
+		</div>
+		<!--导航栏结束-->
+		
+		<div class="wrap">
+			<div class="boxwrap">
+					<!--第一屏  工单统计-->
+						<div class=" orderStatistic slideCon_bg clearfix" >
+							<p class="slide_title slide_title1"></p>
+							<!--<div class="timeWrap twotimeWarp firstPos">
+								<div class="time_box pull-right form-inline">
+									日期<input type="text" id="time1" class="times" />
+								</div>
+							</div>-->
+							<div class="orderCon_left slide_left">
+								<ul id="det_ult">
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>市区</span>
+											<span class="AY_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>文峰区</span>
+											<span class="WFQ_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>北关区</span>
+											<span class="BGQ_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>殷都区</span>
+											<span class="YDQ_num">0</span>
+										</p>
+									</li>
+									
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>龙安区</span>
+											<span class="LAQ_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>安阳县</span>
+											<span class="AYX_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>汤阴县</span>
+											<span class="TYX_num">0</span>
+										</p>
+									</li>
+									
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>内黄县</span>
+											<span class="NHX_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>滑县</span>
+											<span class="HX_num">0</span>
+										</p>
+									</li>
+									
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>林州市</span>
+											<span class="LZS_num">0</span>
+										</p>
+									</li>
+								</ul>
+							</div>
+							
+							<div class="orderCon_middle slide_middle_first">
+								<div class="map_bg" style="display: block;">
+									
+									<div id="radarBox" class="ani" swiper-animate-duration="infinite" swiper-animate-delay="3s">
+										<div class="radar">
+											<div class="radar_inner"></div>
+										</div>
+									</div>
+									
+									<div class="mapDiv1" style="display: none;">
+										<div class="quanbgBox map_SX" index="睢县"></div>
+										<div class="quanbgBox map_MQ" index="民权县"></div>
+										<div class="quanbgBox map_SYQ" index="睢阳区"></div>
+										<div class="quanbgBox map_NL" index="宁陵县"></div>
+										<div class="quanbgBox map_LYQ" index="梁园区"></div>
+										<div class="quanbgBox map_XYX" index="夏邑县"></div>
+										<div class="quanbgBox map_ZC" index="柘城县"></div>
+										<div class="quanbgBox map_YCX" index="虞城县"></div>
+										<div class="quanbgBox map_YCS" index="永城市"></div>
+									</div>
+									
+								<!-- 	
+									<div class="quanbgBox1 quan_SYQ ani map_click"  data_index='2' index="睢阳区" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_SYQ">睢阳区</br><span class="SYQ_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_MQ ani map_click" data_index='5' index="民权县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_MQ">民权县</br><span class="MQ_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_SX ani map_click" data_index='6' index="睢县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_SX">睢县</br><span class="SX_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_NL ani map_click" data_index='7' index="宁陵县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_NL">宁陵县</br><span class="NL_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_LYQ ani map_click" data_index='3' index="梁园区" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_LYQ">梁园区</br><span class="LYQ_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_KFQ ani map_click" data_index='11' index="城乡一体化示范区" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_KFQ">示范区</br><span class="KFQ_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_ZC ani map_click" data_index='8' index="柘城县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_ZC">柘城县</br><span class="ZC_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_YCX ani map_click" data_index='9' index="虞城县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_YCX">虞城县</br><span class="YCX_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_XYX ani map_click" data_index='10' index="夏邑县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_XYX">夏邑县</br><span class="XYX_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_YCS ani map_click"  data_index='4' index="永城市" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_XYX">永城市</br><span class="YCS_num"></span></span>
+									</div>
+								</div>
+							
+								<div id="mapSj" style="width:710px;margin-left: 170px; margin-top: 50px; display: none;">
+					                <div id="myMap" style="width:100%;height:400px;"></div>
+					                <input type="hidden" class="store_Lng" value="115.659773"/>
+	        						<input type="hidden" class="store_Lat" value="34.395449" />
+					            </div> -->
+							</div>
+						
+							<div class="orderCon_right slide_right">
+								<div class="timeWrap">
+									<div class="time_box pull-right form-inline">
+										日期<input type="text" id="time1" class="times" />
+										<img src="img/rili.png" class="data-input-icon1" />
+									</div>
+								</div>
+								<!-- <ul id="right_ri">
+									
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>安阳县</span>
+											<span class="AYX_num">0</span>
+										</p>
+									</li>
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>汤阴县</span>
+											<span class="TYX_num">0</span>
+										</p>
+									</li>
+									
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>内黄县</span>
+											<span class="NHX_num">0</span>
+										</p>
+									</li>
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>滑县</span>
+											<span class="HX_num">0</span>
+										</p>
+									</li>
+									
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>林州市</span>
+											<span class="LZS_num">0</span>
+										</p>
+									</li>
+									
+								</ul> -->
+							</div>
+						</div>
+					</div>
+
+					<!--第二屏  工单渠道来源-->
+			
+				<div class="orderSource slideCon_bg clearfix" >
+					<div class="secondPos" style="float: right;margin-right: 176px;">
+						<div class="time_box pull-right form-inline">
+							<!--地区选择：
+							<select class="areaTwo selects" style="height: 30px;"></select>-->
+							日期
+							<input type="text" id="time2" class="times" />
+						</div>
+					</div>
+					<div class="secondPie" style="padding-top: 0;">
+						<div id="phoneTimeCount" style="width: 600px; height: 600px;"></div>
+					</div>
+					<p class="slide_title slide_title2"></p>
+					<div class="source_left slide_left">
+						<ul>
+							<li class="clearfix">
+								<div class="line_wrap one_line line oneLeft_line"></div>
+							</li>
+							<li class="clearfix">
+								<div class="line_wrap line two_line twoLeft_line"></div>
+							</li>
+							<li class="clearfix">
+								<div class="line_wrap line three_line threeLeft_line"></div>
+							</li>
+							<li class="clearfix">
+								<div class="line_wrap line four_line fourLeft_line"></div>
+							</li>
+							
+						</ul>
+					</div>
+					<div class="source_middle slide_middle">
+						<div class="map_bg" style="width: 95%; background-size: 76%; margin:-62px -116px;">
+						</div>
+					</div>
+					<div class="source_right slide_right">
+						<ul>
+							<li class="clearfix">
+								<div class="line_wrap one_line line oneRight_line"></div>
+							</li>
+							<li class="clearfix">
+								<div class="line_wrap line two_line twoRight_line"></div>
+			
+							</li>
+							<li class="clearfix">
+								<div class="line_wrap line three_line threeRight_line"></div>
+							</li>
+							<li class="clearfix">
+								<div class="line_wrap line four_line fourRight_line">
+								</div>
+							</li>
+							
+						</ul>
+					</div>
+				</div>
+
+					<!--第三屏  工单类型-->
+						<div class=" slideCon_bg orderType clearfix">
+							<p class="slide_title slide_title3"></p>
+							<div class="timeWrap twotimeWarp" style="float: right; margin-right: 140px; margin-top: 20px;">
+								<div class="time_box pull-right form-inline time_box_four">
+									
+								</div>
+								<div class="time_box pull-right form-inline time_box_three">
+									<!--地区选择：
+									<select class="areaThree selects" style="height: 30px;"></select>-->
+									日期<input type="text" id="time3" class="times" />
+								</div>
+							</div>
+							<div class="orderTtype_Con">
+								<ul class="clearfix">
+									<li class="active">
+										<div class="typeWord">咨询</div>
+										<img src="img/order_ZX.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日咨询量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月咨询量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">咨询总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+									<li>
+										<div class="typeWord">求助</div>
+										<img src="img/order_QZ.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日求助量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月求助量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">求助总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+									<li>
+										<div class="typeWord">投诉</div>
+										<img src="img/order_TS.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日投诉量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月投诉量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">投诉总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+									<li>
+										<div class="typeWord">建议</div>
+										<img src="img/order_JY.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日建议量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月建议量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">建议总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+									<li>
+										<div class="typeWord">表扬</div>
+										<img src="img/order_BY.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日表扬量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月表扬量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">表扬总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+									<li>
+										<div class="typeWord">其他</div>
+										<img src="img/order_QT.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日其他量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月其他量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">其他总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+								</ul>
+
+							</div>
+						</div>
+
+					<!--第四屏  话务量统计-->
+						<div class="slideCon_bg_block slideCon_bg trafficVolume clearfix" >
+							<p class="slide_title slide_title5"></p>
+							<div class="fivePos" style="width: 100% !important;">
+								<div class="time_box pull-right form-inline">
+									<!--地区选择：
+									<select class="areaFive selects" style="height: 30px; margin-right: 20px;"></select>-->
+									部门
+									<select class="depart selects" style="height: 20px;"></select>
+									日期
+									<input type="text" id="test6" class="times lasttime" style="margin-right: 0px;" /> 
+								</div>
+							</div>
+							<div class="orderCon_left slide_left">
+								<div class="keyW_t">
+									投诉关键字
+								</div>
+								<div class="tagBox">
+									<div class="tagcloud">
+									</div>
+								</div>
+							</div>
+							<div class="orderCon_right slide_right">
+								
+								<div class="keyBottom_left pull-left">
+									<div class="table_box table_box_key">
+										<table class="table">
+											<colgroup>
+												<col style="width: 120px;" />
+												<col/>
+											</colgroup>
+											<thead class="thead">
+												<tr>
+													<td>部门名称</td>
+													<td>数量</td>
+													<td>占比</td>
+												</tr>
+											</thead>
+										</table>
+										<div class="scroll_table" style="width: 100%;height: 460px; overflow: hidden;">
+											<table class="table">
+												<colgroup>
+													<col style="width: 120px;" />
+													<col/>
+												</colgroup>
+												<tbody>
+												</tbody>
+											</table>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+						</div>
+			</div>
+			
+		<div class="smallbox">
+			<div class="smallimg ">
+				<img src="./img/background01.png" >
+			</div>
+			<div class="smallimg ">
+				<img src="./img/background02.png" >
+			</div>
+			<div class="smallimg ">
+				<img src="./img/background03.png" >
+			</div>
+			<div class="smallimg activeBox">
+				<img src="./img/background04.png" >
+			</div>
+			<div class="smallimg" id="sourceChannel">
+				<img src="./img/background05.png" >
+			</div>
+			<div class="smallimg" id="department">
+				<img src="./img/background06.png" >
+			</div>
+			<div class="smallimg" id="call">
+				<img src="./img/background07.png" >
+			</div>
+			<div class="smallimg" id="complaint">
+				<img src="./img/background08.png" >
+			</div>
+		</div>
+		</div>
+		<div class="timeLimit-wrapper" style="display: none;">
+			<span class="timeLimit-text">授权过期，请联系系统厂家。</span>
+		</div>
+		<script src="js/swiper.min.js"></script>
+		<script src="js/swiper.animate1.0.3.min.js"></script>
+		<script src="js/countUp.js"></script>
+		<script src="plugins/numbergd/index.js"></script>
+		<script src="js/tagcloud.js"></script>
+		<script src="js/ScrollDiv.js"></script>
+		<script src="js/index.js"></script>
+			<!-- <script src="js/complaintsReport.js"></script>
+		<script src="js/TelephoneDetails.js" type="text/javascript" charset="utf-8"></script>
+		<script src="js/receiptDepartment.js" type="text/javascript" charset="utf-8"></script>
+		<script src="js/sourceChannel.js" type="text/javascript" charset="utf-8"></script> -->
+		<script src="js/setItervalTime.js"></script>
+		<script src="js/pieChat.js"></script>
+		<script src="https://api.map.baidu.com/api?v=2.0&ak=ZG4gLQZUD6Eq1K11cqlYAR4by8CKgLyu&callback=mapinit"></script>
+		<script src="js/map1.js"></script>
+		<script src="js/layer/layer.js"></script>
+	</body>
+
+</html>

WebChart/index.html

@@ -6,15 +6,17 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 		<!--优先使用 IE 最新版本和 Chrome-->
 		<meta name="renderer" content="webkit" />
-		<script src="Script/Common/huayi.load.js"></script>
+		<script src="Script/Common/huayi.load.js" type="text/javascript" charset="utf-8"></script>
 		<script src="Script/Common/huayi.config.js"></script>
-		<link rel="stylesheet" href="css/swiper.min.css" />
-		<link rel="stylesheet" href="css/animate.min.css" />
-		<link rel="stylesheet" href="plugins/numbergd/globle.css" />
+		<!-- <link rel="stylesheet" href="css/swiper.min.css" /> -->
+		<!-- <link rel="stylesheet" href="css/animate.min.css" /> -->
+		<!-- <link rel="stylesheet" href="plugins/numbergd/globle.css" /> -->
 		<link rel="stylesheet" href="css/index.css" />
+<!-- 		<link rel="stylesheet" type="text/css" href="css/sourceChannel.css"/>
+		<link rel="stylesheet" type="text/css" href="css/receiveDepartment.css"/> -->
 		<title>大数据首页</title>
 		<style>
-			.slide_right {
+		/* 	.slide_right {
 				position: relative;
 			}
 			
@@ -74,13 +76,7 @@
 				right: 140px;
 				top: -15px;
 			}
-			.BMap_mask{
-				/*background: #000a49 !important;
-				filter:alpha(opacity=10);  
-		      	-moz-opacity:0.1;  
-		      	-khtml-opacity: 0.1;  
-		      	opacity: 0.1;  */
-			}
+		
 			.timeLimit-wrapper{
 				text-align: center;
 				margin-top: 40px;
@@ -94,7 +90,39 @@
 			}
 			#right_ri li{
 				margin-left: 80px;
-			}
+			} */
+		.wrap {
+			margin: 0 auto;
+			height: 90%!important;
+			width: 100%!important;
+		}
+		
+		.smallbox{
+			width: 98%;
+			float: right;
+			display: flex;
+		    flex-wrap: wrap;
+			margin-top: 20px;
+			margin-right: 20px;
+			justify-content:space-between;
+			
+		}
+		.smallimg{
+			border: 2px solid #00E9FF;
+			border-radius: 20px;
+			margin-bottom: 20px;
+		  width: 24%;
+		
+		}
+		.activeBox{
+			border: 2px solid #3c920c;
+		}
+		.smallimg img{
+			width: 100%;
+			border-radius: 20px;
+			display: block;
+			  height: 370px;
+		}
 		</style>
 	</head>
 
@@ -103,575 +131,72 @@
 		<div id="nav" class="clearfix">
 			<div class="nav_left"><img src="img/nav_l.png" alt="" /></div>
 			<div class="nav_middle">
-				<ul class="clearfix">
-					<li>
-						<a href="./sourceChannel.html"><img src="img/lyqd_0.png" alt="" /></a>
-					</li>
-					<li>
-						<a href="./receiptDepartment.html"><img src="img/jdbm_0.png" alt="" /></a>
-					</li>
-					<li>
-						<a href="javaScript:;"><img src="img/title.png" alt="" /></a>
-					</li>
-					<li>
-						<a href="./TelephoneDetails.html"><img src="img/hwsl_0.png" alt="" /></a>
-					</li>
-					<li>
-						<a href="./complaintsReport.html"><img src="img/tsjb_0.png" alt="" /></a>
-					</li>
-				</ul>
+				安阳市12345大数据平台
 			</div>
 			<div class="nav_right"><img src="img/nav_r.png" alt="" /></div>
 		</div>
-		<!--导航栏结束-->
-		<div id="wrap">
-			<div class="swiper-container swiper-no-swiping">
-				<div class="swiper-wrapper">
-					<!--第一屏  工单统计-->
-					<div class="swiper-slide">
-						<div class="orderStatistic slideCon_bg clearfix" style="position: relative;">
-							<p class="slide_title slide_title1"></p>
-							<!--<div class="timeWrap twotimeWarp firstPos">
-								<div class="time_box pull-right form-inline">
-									日期<input type="text" id="time1" class="times" />
-								</div>
-							</div>-->
-							<div class="orderCon_left slide_left">
-								<ul id="det_ult">
-									<li class="orderli">
-										<img src="img/num_icon.png" alt="" />
-										<p class="num_word">
-											<span>市区</span>
-											<span class="AY_num">0</span>
-										</p>
-									</li>
-									<li class="orderli">
-										<img src="img/num_icon.png" alt="" />
-										<p class="num_word">
-											<span>文峰区</span>
-											<span class="WFQ_num">0</span>
-										</p>
-									</li>
-									<li class="orderli">
-										<img src="img/num_icon.png" alt="" />
-										<p class="num_word">
-											<span>北关区</span>
-											<span class="BGQ_num">0</span>
-										</p>
-									</li>
-									<li class="orderli">
-										<img src="img/num_icon.png" alt="" />
-										<p class="num_word">
-											<span>殷都区</span>
-											<span class="YDQ_num">0</span>
-										</p>
-									</li>
-									
-									<li class="orderli">
-										<img src="img/num_icon.png" alt="" />
-										<p class="num_word">
-											<span>龙安区</span>
-											<span class="LAQ_num">0</span>
-										</p>
-									</li>
-									<li class="orderli">
-										<img src="img/num_icon.png" alt="" />
-										<p class="num_word">
-											<span>安阳县</span>
-											<span class="AYX_num">0</span>
-										</p>
-									</li>
-									<li class="orderli">
-										<img src="img/num_icon.png" alt="" />
-										<p class="num_word">
-											<span>汤阴县</span>
-											<span class="TYX_num">0</span>
-										</p>
-									</li>
-									
-									<li class="orderli">
-										<img src="img/num_icon.png" alt="" />
-										<p class="num_word">
-											<span>内黄县</span>
-											<span class="NHX_num">0</span>
-										</p>
-									</li>
-									<li class="orderli">
-										<img src="img/num_icon.png" alt="" />
-										<p class="num_word">
-											<span>滑县</span>
-											<span class="HX_num">0</span>
-										</p>
-									</li>
-									
-									<li class="orderli">
-										<img src="img/num_icon.png" alt="" />
-										<p class="num_word">
-											<span>林州市</span>
-											<span class="LZS_num">0</span>
-										</p>
-									</li>
-								</ul>
-							</div>
-							
-							<div class="orderCon_middle slide_middle_first">
-								<div class="map_bg" style="display: block;">
-									
-									<div id="radarBox" class="ani" swiper-animate-duration="infinite" swiper-animate-delay="3s">
-										<div class="radar">
-											<div class="radar_inner"></div>
-										</div>
-									</div>
-									
-									<div class="mapDiv1" style="display: none;">
-										<div class="quanbgBox map_SX" index="睢县"></div>
-										<div class="quanbgBox map_MQ" index="民权县"></div>
-										<div class="quanbgBox map_SYQ" index="睢阳区"></div>
-										<div class="quanbgBox map_NL" index="宁陵县"></div>
-										<div class="quanbgBox map_LYQ" index="梁园区"></div>
-										<div class="quanbgBox map_XYX" index="夏邑县"></div>
-										<div class="quanbgBox map_ZC" index="柘城县"></div>
-										<div class="quanbgBox map_YCX" index="虞城县"></div>
-										<div class="quanbgBox map_YCS" index="永城市"></div>
-									</div>
-									
-									
-									<div class="quanbgBox1 quan_SYQ ani map_click"  data_index='2' index="睢阳区" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
-										<div class="quanbg">
-											<span class="quan quan1 quan1a "></span>
-											<span class="quan quan2 quan2a "></span>
-											<span class="quan quan3 quan3a "></span>
-											<span class="quan quan4"></span>
-											<span class="quan quan1 quan1b "></span>
-											<span class="quan quan2 quan2b "></span>
-											<span class="quan quan3 quan3b "></span>
-										</div>
-										<span class="txt txt_SYQ">睢阳区</br><span class="SYQ_num"></span></span>
-									</div>
-									
-									<div class="quanbgBox1 quan_MQ ani map_click" data_index='5' index="民权县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
-										<div class="quanbg">
-											<span class="quan quan1 quan1a "></span>
-											<span class="quan quan2 quan2a "></span>
-											<span class="quan quan3 quan3a "></span>
-											<span class="quan quan4"></span>
-											<span class="quan quan1 quan1b "></span>
-											<span class="quan quan2 quan2b "></span>
-											<span class="quan quan3 quan3b "></span>
-										</div>
-										<span class="txt txt_MQ">民权县</br><span class="MQ_num"></span></span>
-									</div>
-									
-									<div class="quanbgBox1 quan_SX ani map_click" data_index='6' index="睢县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
-										<div class="quanbg">
-											<span class="quan quan1 quan1a "></span>
-											<span class="quan quan2 quan2a "></span>
-											<span class="quan quan3 quan3a "></span>
-											<span class="quan quan4"></span>
-											<span class="quan quan1 quan1b "></span>
-											<span class="quan quan2 quan2b "></span>
-											<span class="quan quan3 quan3b "></span>
-										</div>
-										<span class="txt txt_SX">睢县</br><span class="SX_num"></span></span>
-									</div>
-									
-									<div class="quanbgBox1 quan_NL ani map_click" data_index='7' index="宁陵县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
-										<div class="quanbg">
-											<span class="quan quan1 quan1a "></span>
-											<span class="quan quan2 quan2a "></span>
-											<span class="quan quan3 quan3a "></span>
-											<span class="quan quan4"></span>
-											<span class="quan quan1 quan1b "></span>
-											<span class="quan quan2 quan2b "></span>
-											<span class="quan quan3 quan3b "></span>
-										</div>
-										<span class="txt txt_NL">宁陵县</br><span class="NL_num"></span></span>
-									</div>
-									
-									<div class="quanbgBox1 quan_LYQ ani map_click" data_index='3' index="梁园区" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
-										<div class="quanbg">
-											<span class="quan quan1 quan1a "></span>
-											<span class="quan quan2 quan2a "></span>
-											<span class="quan quan3 quan3a "></span>
-											<span class="quan quan4"></span>
-											<span class="quan quan1 quan1b "></span>
-											<span class="quan quan2 quan2b "></span>
-											<span class="quan quan3 quan3b "></span>
-										</div>
-										<span class="txt txt_LYQ">梁园区</br><span class="LYQ_num"></span></span>
-									</div>
-									
-									<div class="quanbgBox1 quan_KFQ ani map_click" data_index='11' index="城乡一体化示范区" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
-										<div class="quanbg">
-											<span class="quan quan1 quan1a "></span>
-											<span class="quan quan2 quan2a "></span>
-											<span class="quan quan3 quan3a "></span>
-											<span class="quan quan4"></span>
-											<span class="quan quan1 quan1b "></span>
-											<span class="quan quan2 quan2b "></span>
-											<span class="quan quan3 quan3b "></span>
-										</div>
-										<span class="txt txt_KFQ">示范区</br><span class="KFQ_num"></span></span>
-									</div>
-									
-									<div class="quanbgBox1 quan_ZC ani map_click" data_index='8' index="柘城县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
-										<div class="quanbg">
-											<span class="quan quan1 quan1a "></span>
-											<span class="quan quan2 quan2a "></span>
-											<span class="quan quan3 quan3a "></span>
-											<span class="quan quan4"></span>
-											<span class="quan quan1 quan1b "></span>
-											<span class="quan quan2 quan2b "></span>
-											<span class="quan quan3 quan3b "></span>
-										</div>
-										<span class="txt txt_ZC">柘城县</br><span class="ZC_num"></span></span>
-									</div>
-									
-									<div class="quanbgBox1 quan_YCX ani map_click" data_index='9' index="虞城县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
-										<div class="quanbg">
-											<span class="quan quan1 quan1a "></span>
-											<span class="quan quan2 quan2a "></span>
-											<span class="quan quan3 quan3a "></span>
-											<span class="quan quan4"></span>
-											<span class="quan quan1 quan1b "></span>
-											<span class="quan quan2 quan2b "></span>
-											<span class="quan quan3 quan3b "></span>
-										</div>
-										<span class="txt txt_YCX">虞城县</br><span class="YCX_num"></span></span>
-									</div>
-									
-									<div class="quanbgBox1 quan_XYX ani map_click" data_index='10' index="夏邑县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
-										<div class="quanbg">
-											<span class="quan quan1 quan1a "></span>
-											<span class="quan quan2 quan2a "></span>
-											<span class="quan quan3 quan3a "></span>
-											<span class="quan quan4"></span>
-											<span class="quan quan1 quan1b "></span>
-											<span class="quan quan2 quan2b "></span>
-											<span class="quan quan3 quan3b "></span>
-										</div>
-										<span class="txt txt_XYX">夏邑县</br><span class="XYX_num"></span></span>
-									</div>
-									
-									<div class="quanbgBox1 quan_YCS ani map_click"  data_index='4' index="永城市" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
-										<div class="quanbg">
-											<span class="quan quan1 quan1a "></span>
-											<span class="quan quan2 quan2a "></span>
-											<span class="quan quan3 quan3a "></span>
-											<span class="quan quan4"></span>
-											<span class="quan quan1 quan1b "></span>
-											<span class="quan quan2 quan2b "></span>
-											<span class="quan quan3 quan3b "></span>
-										</div>
-										<span class="txt txt_XYX">永城市</br><span class="YCS_num"></span></span>
-									</div>
-								</div>
-							
-								<div id="mapSj" style="width:710px;margin-left: 170px; margin-top: 50px; display: none;">
-					                <div id="myMap" style="width:100%;height:400px;"></div>
-					                <input type="hidden" class="store_Lng" value="115.659773"/>
-	        						<input type="hidden" class="store_Lat" value="34.395449" />
-					            </div>
-							</div>
-						
-							<div class="orderCon_right slide_right">
-								<div class="timeWrap">
-									<div class="time_box pull-right form-inline">
-										日期<input type="text" id="time1" class="times" />
-										<img src="img/rili.png" class="data-input-icon1" />
-									</div>
-								</div>
-								<!-- <ul id="right_ri">
-									
-									<li>
-										<img src="img/num_icon.png" alt="" />
-										<p class="num_word">
-											<span>安阳县</span>
-											<span class="AYX_num">0</span>
-										</p>
-									</li>
-									<li>
-										<img src="img/num_icon.png" alt="" />
-										<p class="num_word">
-											<span>汤阴县</span>
-											<span class="TYX_num">0</span>
-										</p>
-									</li>
-									
-									<li>
-										<img src="img/num_icon.png" alt="" />
-										<p class="num_word">
-											<span>内黄县</span>
-											<span class="NHX_num">0</span>
-										</p>
-									</li>
-									<li>
-										<img src="img/num_icon.png" alt="" />
-										<p class="num_word">
-											<span>滑县</span>
-											<span class="HX_num">0</span>
-										</p>
-									</li>
-									
-									<li>
-										<img src="img/num_icon.png" alt="" />
-										<p class="num_word">
-											<span>林州市</span>
-											<span class="LZS_num">0</span>
-										</p>
-									</li>
-									
-								</ul> -->
-							</div>
-						</div>
-					</div>
-
-					<!--第二屏  工单渠道来源-->
-					<div class="swiper-slide">
-						<div class="orderSource slideCon_bg clearfix" style="position: relative;">
-							<div class="secondPos">
-								<div class="time_box pull-right form-inline">
-									<!--地区选择：
-									<select class="areaTwo selects" style="height: 30px;"></select>-->
-									日期
-									<input type="text" id="time2" class="times" />
-								</div>
-							</div>
-							<div class="secondPie" style="padding-top: 0;">
-								<div id="phoneTimeCount" style="width: 600px; height: 600px;"></div>
-							</div>
-							<p class="slide_title slide_title2"></p>
-							<div class="source_left slide_left">
-								<ul>
-									<li class="clearfix">
-										<div class="line_wrap one_line line oneLeft_line"></div>
-									</li>
-									<li class="clearfix">
-										<div class="line_wrap line two_line twoLeft_line"></div>
-									</li>
-									<li class="clearfix">
-										<div class="line_wrap line three_line threeLeft_line"></div>
-									</li>
-									<li class="clearfix">
-										<div class="line_wrap line four_line fourLeft_line"></div>
-									</li>
-									
-								</ul>
-							</div>
-							<div class="source_middle slide_middle">
-								<div class="map_bg" style="width: 95%; background-size: 66%; margin: 0 auto;">
-								</div>
-							</div>
-							<div class="source_right slide_right">
-								<ul>
-									<li class="clearfix">
-										<div class="line_wrap one_line line oneRight_line"></div>
-									</li>
-									<li class="clearfix">
-										<div class="line_wrap line two_line twoRight_line"></div>
-
-									</li>
-									<li class="clearfix">
-										<div class="line_wrap line three_line threeRight_line"></div>
-									</li>
-									<li class="clearfix">
-										<div class="line_wrap line four_line fourRight_line">
-										</div>
-									</li>
-									
-								</ul>
-							</div>
-						</div>
-					</div>
-
-					<!--第三屏  工单类型-->
-					<div class="swiper-slide">
-						<div class="slideCon_bg orderType clearfix">
-							<p class="slide_title slide_title3"></p>
-							<div class="timeWrap twotimeWarp" style="float: right; margin-right: 140px; margin-top: 20px;">
-								<div class="time_box pull-right form-inline time_box_four">
-									
-								</div>
-								<div class="time_box pull-right form-inline time_box_three">
-									<!--地区选择：
-									<select class="areaThree selects" style="height: 30px;"></select>-->
-									日期<input type="text" id="time3" class="times" />
-								</div>
-							</div>
-							<div class="orderTtype_Con">
-								<ul class="clearfix">
-									<li class="active">
-										<div class="typeWord">咨询</div>
-										<img src="img/order_ZX.png" alt="" />
-										<p class="typeWord_line">数据展示</p>
-										<p class="order_count">0</p>
-										<p class="typeWord_line">今日咨询量</p>
-										<p class="order_count">0</p>
-										<p class="typeWord_line">本月咨询量</p>
-										<p class="order_count">0</p>
-										<p class="typeWord_line">咨询总量</p>
-										<div class="persent_box">
-											<div class="persent_kuang">0</div>
-										</div>
-										<p class="persent_word">总计类型占比</p>
-									</li>
-									<li>
-										<div class="typeWord">求助</div>
-										<img src="img/order_QZ.png" alt="" />
-										<p class="typeWord_line">数据展示</p>
-										<p class="order_count">0</p>
-										<p class="typeWord_line">今日求助量</p>
-										<p class="order_count">0</p>
-										<p class="typeWord_line">本月求助量</p>
-										<p class="order_count">0</p>
-										<p class="typeWord_line">求助总量</p>
-										<div class="persent_box">
-											<div class="persent_kuang">0</div>
-										</div>
-										<p class="persent_word">总计类型占比</p>
-									</li>
-									<li>
-										<div class="typeWord">投诉</div>
-										<img src="img/order_TS.png" alt="" />
-										<p class="typeWord_line">数据展示</p>
-										<p class="order_count">0</p>
-										<p class="typeWord_line">今日投诉量</p>
-										<p class="order_count">0</p>
-										<p class="typeWord_line">本月投诉量</p>
-										<p class="order_count">0</p>
-										<p class="typeWord_line">投诉总量</p>
-										<div class="persent_box">
-											<div class="persent_kuang">0</div>
-										</div>
-										<p class="persent_word">总计类型占比</p>
-									</li>
-									<li>
-										<div class="typeWord">建议</div>
-										<img src="img/order_JY.png" alt="" />
-										<p class="typeWord_line">数据展示</p>
-										<p class="order_count">0</p>
-										<p class="typeWord_line">今日建议量</p>
-										<p class="order_count">0</p>
-										<p class="typeWord_line">本月建议量</p>
-										<p class="order_count">0</p>
-										<p class="typeWord_line">建议总量</p>
-										<div class="persent_box">
-											<div class="persent_kuang">0</div>
-										</div>
-										<p class="persent_word">总计类型占比</p>
-									</li>
-									<li>
-										<div class="typeWord">表扬</div>
-										<img src="img/order_BY.png" alt="" />
-										<p class="typeWord_line">数据展示</p>
-										<p class="order_count">0</p>
-										<p class="typeWord_line">今日表扬量</p>
-										<p class="order_count">0</p>
-										<p class="typeWord_line">本月表扬量</p>
-										<p class="order_count">0</p>
-										<p class="typeWord_line">表扬总量</p>
-										<div class="persent_box">
-											<div class="persent_kuang">0</div>
-										</div>
-										<p class="persent_word">总计类型占比</p>
-									</li>
-									<li>
-										<div class="typeWord">其他</div>
-										<img src="img/order_QT.png" alt="" />
-										<p class="typeWord_line">数据展示</p>
-										<p class="order_count">0</p>
-										<p class="typeWord_line">今日其他量</p>
-										<p class="order_count">0</p>
-										<p class="typeWord_line">本月其他量</p>
-										<p class="order_count">0</p>
-										<p class="typeWord_line">其他总量</p>
-										<div class="persent_box">
-											<div class="persent_kuang">0</div>
-										</div>
-										<p class="persent_word">总计类型占比</p>
-									</li>
-								</ul>
-
-							</div>
-						</div>
-					</div>
-
-					<!--第五屏  话务量统计-->
-					<div class="swiper-slide">
-						<div class="slideCon_bg trafficVolume clearfix" style="position: relative;">
-							<p class="slide_title slide_title5"></p>
-							<div class="fivePos" style="width: 100% !important;">
-								<div class="time_box pull-right form-inline">
-									<!--地区选择：
-									<select class="areaFive selects" style="height: 30px; margin-right: 20px;"></select>-->
-									部门
-									<select class="depart selects"></select>
-									日期
-									<input type="text" id="test6" class="times lasttime" style="margin-right: 0px;" /> 
-								</div>
-							</div>
-							<div class="orderCon_left slide_left">
-								<div class="keyW_t">
-									投诉关键字
-								</div>
-								<div class="tagBox">
-									<div class="tagcloud">
-									</div>
-								</div>
-							</div>
-							<div class="orderCon_right slide_right">
-								
-								<div class="keyBottom_left pull-left">
-									<div class="table_box table_box_key">
-										<table class="table">
-											<colgroup>
-												<col style="width: 120px;" />
-												<col/>
-											</colgroup>
-											<thead class="thead">
-												<tr>
-													<td>部门名称</td>
-													<td>数量</td>
-													<td>占比</td>
-												</tr>
-											</thead>
-										</table>
-										<div class="scroll_table" style="width: 100%;height: 460px; overflow: hidden;">
-											<table class="table">
-												<colgroup>
-													<col style="width: 120px;" />
-													<col/>
-												</colgroup>
-												<tbody>
-												</tbody>
-											</table>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-				<div class="swiper-button-prev"></div>
-				<div class="swiper-pagination"></div>
-				<div class="swiper-button-next"></div>
+	
+		<div class="smallbox">
+			<div class="smallimg activeBox">
+				<img src="./img/background01.png" >
+			</div>
+			<div class="smallimg">
+				<img src="./img/background02.png" >
+			</div>
+			<div class="smallimg">
+				<img src="./img/background03.png" >
+			</div>
+			<div class="smallimg">
+				<img src="./img/background04.png" >
+			</div>
+			<div class="smallimg">
+				<img src="./img/background05.png" >
+			</div>
+			<div class="smallimg">
+				<img src="./img/background06.png" >
+			</div>
+			<div class="smallimg">
+				<img src="./img/background07.png" >
+			</div>
+			<div class="smallimg">
+				<img src="./img/background08.png" >
 			</div>
 		</div>
+		</div>
 		<div class="timeLimit-wrapper" style="display: none;">
 			<span class="timeLimit-text">授权过期，请联系系统厂家。</span>
 		</div>
-		<script src="js/swiper.min.js"></script>
+		<!-- <script src="js/swiper.min.js"></script>
 		<script src="js/swiper.animate1.0.3.min.js"></script>
 		<script src="js/countUp.js"></script>
 		<script src="plugins/numbergd/index.js"></script>
 		<script src="js/tagcloud.js"></script>
-		<script src="js/ScrollDiv.js"></script>
-		<script src="js/index.js"></script>
-		<script src="js/setItervalTime.js"></script>
-		<script src="js/pieChat.js"></script>
-		<script src="https://api.map.baidu.com/api?v=2.0&ak=ZG4gLQZUD6Eq1K11cqlYAR4by8CKgLyu&callback=mapinit"></script>
-		<script src="js/map1.js"></script>
-		<script src="js/layer/layer.js"></script>
+		<script src="js/ScrollDiv.js"></script> -->
+		<!-- <script src="js/index.js"></script> -->
+			<!-- <script src="js/complaintsReport.js"></script>
+		<script src="js/TelephoneDetails.js" type="text/javascript" charset="utf-8"></script>
+		<script src="js/receiptDepartment.js" type="text/javascript" charset="utf-8"></script>
+		<script src="js/sourceChannel.js" type="text/javascript" charset="utf-8"></script> -->
+		<!-- <script src="js/setItervalTime.js"></script> -->
+		<!-- <script src="js/pieChat.js"></script> -->
+		<!-- <script src="https://api.map.baidu.com/api?v=2.0&ak=ZG4gLQZUD6Eq1K11cqlYAR4by8CKgLyu&callback=mapinit"></script> -->
+		<!-- <script src="js/map1.js"></script> -->
+		<!-- <script src="js/layer/layer.js"></script> -->
 	</body>
-
+<script type="text/javascript">
+	// 選項卡
+	　$(".smallimg").click(function ()
+	　　{
+	　　　　//获取点击的元素给其添加样式，讲其兄弟元素的样式移除
+	　　　　$(this).addClass("activeBox").siblings().removeClass("activeBox");
+	　　　　//获取选中元素的下标
+	　　　　var index = $(this).index();
+	　　　　$(".slideCon_bg").eq(index).addClass("slideCon_bg_block")
+	　　　　.siblings().removeClass("slideCon_bg_block");
+	window.open('detail.html','_self')
+	　　});
+	$(".nav_middle").click(function(){
+		window.open('index.html','_self')
+	})
+</script>
 </html>

WebChart/js/TelephoneDetails.js

@@ -46,6 +46,35 @@
 	//  	Ajax()
 		});
 	})
+	// 跳轉
+	$(".index").click(function(){
+		window.open('detail.html','_self')
+	})
+	$(".second").click(function(){
+		window.open('second.html','_self')
+	})
+	$(".third").click(function(){
+		window.open('third.html','_self')
+	})
+	$(".fourth").click(function(){
+		window.open('fourth.html','_self')
+	})
+	$(".nav_middle").click(function(){
+		window.open('index.html','_self')
+	})
+	$("#department").click(function(){
+		window.open('receiptDepartment.html','_self')
+	})
+	$("#sourceChannel").click(function(){
+		window.open('sourceChannel.html','_self')
+	})
+	// $("#call").click(function(){
+	// 	window.open('TelephoneDetails.html','_self')
+	// })
+	$("#complaint").click(function(){
+		window.open('complaintsReport.html','_self')
+	})
+		
 	//区县筛选
 	//deprtment();
 	function deprtment() {

WebChart/js/complaintsReport.js

@@ -21,6 +21,32 @@ $(function() {
 			var end=value.split(' ~ ')[1];
 		}
 	});
+	// 跳轉
+	$(".index").click(function(){
+		window.open('detail.html','_self')
+	})
+	$(".second").click(function(){
+		window.open('second.html','_self')
+	})
+	$(".third").click(function(){
+		window.open('third.html','_self')
+	})
+	$(".fourth").click(function(){
+		window.open('fourth.html','_self')
+	})
+	$("#department").click(function(){
+		window.open('receiptDepartment.html','_self')
+	})
+	$("#sourceChannel").click(function(){
+		window.open('sourceChannel.html','_self')
+	})
+	$("#call").click(function(){
+		window.open('TelephoneDetails.html','_self')
+	})
+	
+$(".nav_middle").click(function(){
+		window.open('index.html','_self')
+	})
 	laydate.render({
 		elem: '#time2',
 		range: '~',

WebChart/js/index.js

@@ -32,6 +32,32 @@ $(function() {
 		}
 
 	})
+	// 跳轉
+	$(".nav_middle").click(function(){
+		window.open('index.html','_self')
+	})
+	$("#department").click(function(){
+		window.open('receiptDepartment.html','_self')
+	})
+	$("#sourceChannel").click(function(){
+		window.open('sourceChannel.html','_self')
+	})
+	$("#call").click(function(){
+		window.open('TelephoneDetails.html','_self')
+	})
+	$("#complaint").click(function(){
+		window.open('complaintsReport.html','_self')
+	})
+	// 選項卡
+	　$(".smallimg").click(function ()
+	　　{
+	　　　　//获取点击的元素给其添加样式，讲其兄弟元素的样式移除
+	　　　　$(this).addClass("activeBox").siblings().removeClass("activeBox");
+	　　　　//获取选中元素的下标
+	　　　　var index = $(this).index();
+	　　　　$(".slideCon_bg").eq(index).addClass("slideCon_bg_block")
+	　　　　.siblings().removeClass("slideCon_bg_block");
+	　　});
 	Ajax();
 	deprtment();// 第五屏部门下拉
 	laydate.render({
@@ -244,15 +270,15 @@ function turn(aa) {
 				con.splice(3,0,obj);
 				var Percent;
 				$(con).each(function(i, n) {
-					if(n.Source.indexOf('信箱') != -1) {
-						n.Source = '信箱'
-					}
-					if(n.Source.indexOf('APP') != -1) {
-						n.Source = 'APP'
-					}
-					if(n.Source.indexOf('政务') != -1) {
-						n.Source = '政务网'
-					}
+					// if(n.Source.indexOf('信箱') != -1) {
+					// 	n.Source = '市长信箱'
+					// }
+					// if(n.Source.indexOf('APP') != -1) {
+					// 	n.Source = 'APP'
+					// }
+					// if(n.Source.indexOf('政务') != -1) {
+					// 	n.Source = '政务网'
+					// }
 					var str = '<div class="source_kuang rectangle">' +
 						'<div class="pbout">' +
 						'<div class="percent_box">' +

WebChart/js/receiptDepartment.js

@@ -75,7 +75,34 @@ function deprtment () {
 		}
 	});
 }
-
+// 跳轉
+	$(".index").click(function(){
+		window.open('detail.html','_self')
+	})
+	$(".second").click(function(){
+		window.open('second.html','_self')
+	})
+	$(".third").click(function(){
+		window.open('third.html','_self')
+	})
+	$(".fourth").click(function(){
+		window.open('fourth.html','_self')
+	})
+	$(".nav_middle").click(function(){
+		window.open('index.html','_self')
+	})
+	// $("#department").click(function(){
+	// 	window.open('receiptDepartment.html','_self')
+	// })
+	$("#sourceChannel").click(function(){
+		window.open('sourceChannel.html','_self')
+	})
+	$("#call").click(function(){
+		window.open('TelephoneDetails.html','_self')
+	})
+	$("#complaint").click(function(){
+		window.open('complaintsReport.html','_self')
+	})
 //part 1 //工单状态统计  对接完毕
 var phoneTimeCount = echarts.init(document.getElementById('phoneTimeCount'));
 phoneTimeCount.setOption({
@@ -318,7 +345,22 @@ sitProportion.setOption({
 	}]
 
 });
-
+// 跳轉
+	$(".index").click(function(){
+		window.open('detail.html','_self')
+	})
+	$(".second").click(function(){
+		window.open('second.html','_self')
+	})
+	$(".third").click(function(){
+		window.open('third.html','_self')
+	})
+	$(".fourth").click(function(){
+		window.open('fourth.html','_self')
+	})
+	$(".nav_middle").click(function(){
+		window.open('index.html','_self')
+	})
 function partThree(dates,areaOneVal) {
 	$.ajax({
 		type: "get",

WebChart/js/sourceChannel.js

@@ -49,6 +49,31 @@ $(function() {
 //  	Ajax()
 	});
 })
+// 跳轉
+	$(".index").click(function(){
+		window.open('detail.html','_self')
+	})
+	$(".second").click(function(){
+		window.open('second.html','_self')
+	})
+	$(".third").click(function(){
+		window.open('third.html','_self')
+	})
+	$(".fourth").click(function(){
+		window.open('fourth.html','_self')
+	})
+	$("#department").click(function(){
+		window.open('receiptDepartment.html','_self')
+	})
+	$("#call").click(function(){
+		window.open('TelephoneDetails.html','_self')
+	})
+	$("#complaint").click(function(){
+		window.open('complaintsReport.html','_self')
+	})
+	$(".nav_middle").click(function(){
+		window.open('index.html','_self')
+	})
 //区县筛选
 //deprtment();
 function deprtment() {

WebChart/receiptDepartment.html

@@ -70,6 +70,52 @@
 			    color: #00e9ff;
 			    
 			}
+			.wrap {
+				margin: 0 auto;
+				height: 90%!important;
+				width: 100%!important;
+			}
+			.boxwrap{
+				width: 60%;
+				height: 98%;
+				float: left;
+				text-align: center;
+				
+				font-size: 32px;
+				color: #FFFFFF;
+				letter-spacing: 10px;
+			}
+			.smallbox{
+				width: 38%;
+				float: right;
+				display: flex;
+			    flex-wrap: wrap;
+				margin-top: 20px;
+				margin-right: 20px;
+				justify-content:space-between;
+				
+			}
+			.smallimg{
+				border: 2px solid #00E9FF;
+				border-radius: 20px;
+				margin-bottom: 20px;
+			  width: 48%;
+			
+			}
+			.activeBox{
+				border: 2px solid #3c920c;
+			}
+			.smallimg img{
+				width: 100%;
+				border-radius: 20px;
+				display: block;
+				  height: 230px;
+			}
+			.bt{
+				font-size: 32px;
+				color: #FFFFFF;
+				letter-spacing: 10px;
+			}
 		</style>
 	</head>
 
@@ -78,29 +124,13 @@
 		<div id="nav" class="clearfix">
 			<div class="nav_left"><img src="img/nav_l.png" alt="" /></div>
 			<div class="nav_middle">
-				<ul class="clearfix">
-					<li>
-						<a href="./sourceChannel.html"><img src="img/lyqd_0.png" alt="" /></a>
-					</li>
-					<li>
-						<a href="./receiptDepartment.html"><img src="img/jdbm_1.png" alt="" /></a>
-					</li>
-					<li>
-						<a href="./index.html"><img src="img/title.png" alt="" /></a>
-					</li>
-					<li>
-						<a href="./TelephoneDetails.html"><img src="img/hwsl_0.png" alt="" /></a>
-					</li>
-					<li>
-						<a href="./complaintsReport.html"><img src="img/tsjb_0.png" alt="" /></a>
-					</li>
-				</ul>
-
+				安阳市12345大数据平台
 			</div>
 			<div class="nav_right"><img src="img/nav_r.png" alt="" /></div>
 		</div>
 		<!--导航栏结束-->
-		<div id="wrap" class="container">
+		<div  class="boxwrap">
+			<p class="bt">来源渠道</p>
 				<div class="phone_top">
 				<div class="legend_bar clearfix">
 					<div class="title_word pull-left">
@@ -281,6 +311,31 @@
 			</div>
 			<!--</div>-->
 		</div>
+		<div class="smallbox">
+			<div class="smallimg index">
+				<img src="./img/background01.png" >
+			</div>
+			<div class="smallimg second">
+				<img src="./img/background02.png" >
+			</div>
+			<div class="smallimg third">
+				<img src="./img/background03.png" >
+			</div>
+			<div class="smallimg fourth">
+				<img src="./img/background04.png" >
+			</div>
+			<div class="smallimg" id="sourceChannel">
+				<img src="./img/background05.png" >
+			</div>
+			<div class="smallimg activeBox">
+				<img src="./img/background06.png" >
+			</div>
+			<div class="smallimg" id="call">
+				<img src="./img/background07.png" >
+			</div>
+			<div class="smallimg" id="complaint">
+				<im
+		</div>
 		<script src="js/receiptDepartment.js"></script>
 		<script src="js/setItervalTime.js"></script>
 	</body>

WebChart/second.html

@@ -0,0 +1,715 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="utf-8" />
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+		<!--优先使用 IE 最新版本和 Chrome-->
+		<meta name="renderer" content="webkit" />
+		<script src="Script/Common/huayi.load.js"></script>
+		<script src="Script/Common/huayi.config.js"></script>
+		<link rel="stylesheet" href="css/swiper.min.css" />
+		<link rel="stylesheet" href="css/animate.min.css" />
+		<link rel="stylesheet" href="plugins/numbergd/globle.css" />
+		<link rel="stylesheet" href="css/index.css" />
+		<title>大数据首页</title>
+		<style>
+		/* 	.slide_right {
+				position: relative;
+			}
+			
+			.slide_right .timeWrap input {
+				width: 195px;
+			}
+			
+			.slide_right .timeWrap {
+				position: absolute;
+				top: 56px;
+				left: -63px;
+			}
+			
+			.timeWrapPosi {
+				top: 160px !important;
+			}
+			
+			.slide_right .twotimeWarp {
+				top: -149px;
+				left: -22px;
+			}
+			
+			.slide_right .lasttimeWrap {
+				right: -2px;
+			}
+			.selects{
+				height: 30px;
+				line-height: 30px !important;
+			}
+			.secondPie{
+				position: absolute;
+				width: 600px;
+				height: 600px;
+				top: 0;
+				left: 0;
+				right: 0;
+				bottom: 0;
+				margin: auto;
+				z-index: 333;
+			}
+			.firstPos{
+				width: 340px;
+				position: absolute;
+				right: 130px;
+				top: 0px;
+			}
+			#time1{
+				width: 220px;
+			}
+			.secondPos{
+				position: absolute;
+				right: 130px;
+				top: 20px;
+			}
+			.fivePos{
+				position: absolute;
+				right: 140px;
+				top: -15px;
+			}
+		
+			.timeLimit-wrapper{
+				text-align: center;
+				margin-top: 40px;
+			}
+			.timeLimit-text{
+				font-size: 20px;
+				color: #fff;
+			}
+			.quanbgBox1{
+				display: none;
+			}
+			#right_ri li{
+				margin-left: 80px;
+			} */
+		.wrap {
+			margin: 0 auto;
+			height: 90%!important;
+			width: 100%!important;
+		}
+		.boxwrap{
+			width: 60%;
+			height: 98%;
+			float: left;
+		}
+		.smallbox{
+			width: 38%;
+			float: right;
+			display: flex;
+		    flex-wrap: wrap;
+			margin-top: 20px;
+			margin-right: 20px;
+			justify-content:space-between;
+			
+		}
+		.smallimg{
+			border: 2px solid #00E9FF;
+			border-radius: 20px;
+			margin-bottom: 20px;
+		  width: 48%;
+		
+		}
+		.activeBox{
+			border: 2px solid #3c920c;
+		}
+		.smallimg img{
+			width: 100%;
+			border-radius: 20px;
+			display: block;
+			  height: 230px;
+		}
+		.slideCon_bg_block{
+			display: block;
+		}
+		</style>
+	</head>
+
+	<body>
+		<!--导航栏开始-->
+		<div id="nav" class="clearfix">
+			<div class="nav_left"><img src="img/nav_l.png" alt="" /></div>
+			<div class="nav_middle">
+				安阳市12345大数据平台
+			</div>
+			<div class="nav_right"><img src="img/nav_r.png" alt="" /></div>
+		</div>
+		<!--导航栏结束-->
+		
+		<div class="wrap">
+			<div class="boxwrap">
+					<!--第一屏  工单统计-->
+						<div class=" orderStatistic slideCon_bg clearfix" >
+							<p class="slide_title slide_title1"></p>
+							<!--<div class="timeWrap twotimeWarp firstPos">
+								<div class="time_box pull-right form-inline">
+									日期<input type="text" id="time1" class="times" />
+								</div>
+							</div>-->
+							<div class="orderCon_left slide_left">
+								<ul id="det_ult">
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>市区</span>
+											<span class="AY_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>文峰区</span>
+											<span class="WFQ_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>北关区</span>
+											<span class="BGQ_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>殷都区</span>
+											<span class="YDQ_num">0</span>
+										</p>
+									</li>
+									
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>龙安区</span>
+											<span class="LAQ_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>安阳县</span>
+											<span class="AYX_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>汤阴县</span>
+											<span class="TYX_num">0</span>
+										</p>
+									</li>
+									
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>内黄县</span>
+											<span class="NHX_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>滑县</span>
+											<span class="HX_num">0</span>
+										</p>
+									</li>
+									
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>林州市</span>
+											<span class="LZS_num">0</span>
+										</p>
+									</li>
+								</ul>
+							</div>
+							
+							<div class="orderCon_middle slide_middle_first">
+								<div class="map_bg" style="display: block;">
+									
+									<div id="radarBox" class="ani" swiper-animate-duration="infinite" swiper-animate-delay="3s">
+										<div class="radar">
+											<div class="radar_inner"></div>
+										</div>
+									</div>
+									
+									<div class="mapDiv1" style="display: none;">
+										<div class="quanbgBox map_SX" index="睢县"></div>
+										<div class="quanbgBox map_MQ" index="民权县"></div>
+										<div class="quanbgBox map_SYQ" index="睢阳区"></div>
+										<div class="quanbgBox map_NL" index="宁陵县"></div>
+										<div class="quanbgBox map_LYQ" index="梁园区"></div>
+										<div class="quanbgBox map_XYX" index="夏邑县"></div>
+										<div class="quanbgBox map_ZC" index="柘城县"></div>
+										<div class="quanbgBox map_YCX" index="虞城县"></div>
+										<div class="quanbgBox map_YCS" index="永城市"></div>
+									</div>
+									
+									
+									<!-- <div class="quanbgBox1 quan_SYQ ani map_click"  data_index='2' index="睢阳区" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_SYQ">睢阳区</br><span class="SYQ_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_MQ ani map_click" data_index='5' index="民权县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_MQ">民权县</br><span class="MQ_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_SX ani map_click" data_index='6' index="睢县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_SX">睢县</br><span class="SX_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_NL ani map_click" data_index='7' index="宁陵县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_NL">宁陵县</br><span class="NL_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_LYQ ani map_click" data_index='3' index="梁园区" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_LYQ">梁园区</br><span class="LYQ_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_KFQ ani map_click" data_index='11' index="城乡一体化示范区" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_KFQ">示范区</br><span class="KFQ_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_ZC ani map_click" data_index='8' index="柘城县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_ZC">柘城县</br><span class="ZC_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_YCX ani map_click" data_index='9' index="虞城县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_YCX">虞城县</br><span class="YCX_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_XYX ani map_click" data_index='10' index="夏邑县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_XYX">夏邑县</br><span class="XYX_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_YCS ani map_click"  data_index='4' index="永城市" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_XYX">永城市</br><span class="YCS_num"></span></span>
+									</div> -->
+								</div>
+							
+								<div id="mapSj" style="width:710px;margin-left: 170px; margin-top: 50px; display: none;">
+					                <div id="myMap" style="width:100%;height:400px;"></div>
+					                <input type="hidden" class="store_Lng" value="115.659773"/>
+	        						<input type="hidden" class="store_Lat" value="34.395449" />
+					            </div>
+							</div>
+						
+							<div class="orderCon_right slide_right">
+								<div class="timeWrap">
+									<div class="time_box pull-right form-inline">
+										日期<input type="text" id="time1" class="times" />
+										<img src="img/rili.png" class="data-input-icon1" />
+									</div>
+								</div>
+								<!-- <ul id="right_ri">
+									
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>安阳县</span>
+											<span class="AYX_num">0</span>
+										</p>
+									</li>
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>汤阴县</span>
+											<span class="TYX_num">0</span>
+										</p>
+									</li>
+									
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>内黄县</span>
+											<span class="NHX_num">0</span>
+										</p>
+									</li>
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>滑县</span>
+											<span class="HX_num">0</span>
+										</p>
+									</li>
+									
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>林州市</span>
+											<span class="LZS_num">0</span>
+										</p>
+									</li>
+									
+								</ul> -->
+							</div>
+						</div>
+				
+
+					<!--第二屏  工单渠道来源-->
+						<div class="slideCon_bg_block orderSource slideCon_bg clearfix" >
+							<div class="secondPos" style="float: right;margin-right: 176px;">
+								<div class="time_box pull-right form-inline">
+									<!--地区选择：
+									<select class="areaTwo selects" style="height: 30px;"></select>-->
+									日期
+									<input type="text" id="time2" class="times" />
+								</div>
+							</div>
+							<div class="secondPie" style="padding-top: 0;">
+								<div id="phoneTimeCount" style="width: 600px; height: 600px;"></div>
+							</div>
+							<p class="slide_title slide_title2"></p>
+							<div class="source_left slide_left">
+								<ul>
+									<li class="clearfix">
+										<div class="line_wrap one_line line oneLeft_line"></div>
+									</li>
+									<li class="clearfix">
+										<div class="line_wrap line two_line twoLeft_line"></div>
+									</li>
+									<li class="clearfix">
+										<div class="line_wrap line three_line threeLeft_line"></div>
+									</li>
+									<li class="clearfix">
+										<div class="line_wrap line four_line fourLeft_line"></div>
+									</li>
+									
+								</ul>
+							</div>
+							<div class="source_middle slide_middle">
+								<div class="map_bg" style="width: 95%; background-size: 76%; margin:-62px -116px;">
+								</div>
+							</div>
+							<div class="source_right slide_right">
+								<ul>
+									<li class="clearfix">
+										<div class="line_wrap one_line line oneRight_line"></div>
+									</li>
+									<li class="clearfix">
+										<div class="line_wrap line two_line twoRight_line"></div>
+					
+									</li>
+									<li class="clearfix">
+										<div class="line_wrap line three_line threeRight_line"></div>
+									</li>
+									<li class="clearfix">
+										<div class="line_wrap line four_line fourRight_line">
+										</div>
+									</li>
+									
+								</ul>
+							</div>
+						</div>
+
+					<!--第三屏  工单类型-->
+						<div class="slideCon_bg orderType clearfix">
+							<p class="slide_title slide_title3"></p>
+							<div class="timeWrap twotimeWarp" style="float: right; margin-right: 140px; margin-top: 20px;">
+								<div class="time_box pull-right form-inline time_box_four">
+									
+								</div>
+								<div class="time_box pull-right form-inline time_box_three">
+									<!--地区选择：
+									<select class="areaThree selects" style="height: 30px;"></select>-->
+									日期<input type="text" id="time3" class="times" />
+								</div>
+							</div>
+							<div class="orderTtype_Con">
+								<ul class="clearfix">
+									<li class="active">
+										<div class="typeWord">咨询</div>
+										<img src="img/order_ZX.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日咨询量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月咨询量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">咨询总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+									<li>
+										<div class="typeWord">求助</div>
+										<img src="img/order_QZ.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日求助量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月求助量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">求助总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+									<li>
+										<div class="typeWord">投诉</div>
+										<img src="img/order_TS.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日投诉量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月投诉量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">投诉总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+									<li>
+										<div class="typeWord">建议</div>
+										<img src="img/order_JY.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日建议量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月建议量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">建议总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+									<li>
+										<div class="typeWord">表扬</div>
+										<img src="img/order_BY.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日表扬量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月表扬量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">表扬总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+									<li>
+										<div class="typeWord">其他</div>
+										<img src="img/order_QT.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日其他量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月其他量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">其他总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+								</ul>
+
+							</div>
+						</div>
+
+					<!--第四屏  话务量统计-->
+						<div class="slideCon_bg trafficVolume clearfix" >
+							<p class="slide_title slide_title5"></p>
+							<div class="fivePos" style="width: 100% !important;">
+								<div class="time_box pull-right form-inline">
+									<!--地区选择：
+									<select class="areaFive selects" style="height: 30px; margin-right: 20px;"></select>-->
+									部门
+									<select class="depart selects" style="height: 20px;"></select>
+									日期
+									<input type="text" id="test6" class="times lasttime" style="margin-right: 0px;" /> 
+								</div>
+							</div>
+							<div class="orderCon_left slide_left">
+								<div class="keyW_t">
+									投诉关键字
+								</div>
+								<div class="tagBox">
+									<div class="tagcloud">
+									</div>
+								</div>
+							</div>
+							<div class="orderCon_right slide_right">
+								
+								<div class="keyBottom_left pull-left">
+									<div class="table_box table_box_key">
+										<table class="table">
+											<colgroup>
+												<col style="width: 120px;" />
+												<col/>
+											</colgroup>
+											<thead class="thead">
+												<tr>
+													<td>部门名称</td>
+													<td>数量</td>
+													<td>占比</td>
+												</tr>
+											</thead>
+										</table>
+										<div class="scroll_table" style="width: 100%;height: 460px; overflow: hidden;">
+											<table class="table">
+												<colgroup>
+													<col style="width: 120px;" />
+													<col/>
+												</colgroup>
+												<tbody>
+												</tbody>
+											</table>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+						</div>
+			</div>
+			
+		<div class="smallbox">
+			<div class="smallimg ">
+				<img src="./img/background01.png" >
+			</div>
+			<div class="smallimg activeBox">
+				<img src="./img/background02.png" >
+			</div>
+			<div class="smallimg">
+				<img src="./img/background03.png" >
+			</div>
+			<div class="smallimg">
+				<img src="./img/background04.png" >
+			</div>
+			<div class="smallimg" id="sourceChannel">
+				<img src="./img/background05.png" >
+			</div>
+			<div class="smallimg" id="department">
+				<img src="./img/background06.png" >
+			</div>
+			<div class="smallimg" id="call">
+				<img src="./img/background07.png" >
+			</div>
+			<div class="smallimg" id="complaint">
+				<img src="./img/background08.png" >
+			</div>
+		</div>
+		</div>
+		<div class="timeLimit-wrapper" style="display: none;">
+			<span class="timeLimit-text">授权过期，请联系系统厂家。</span>
+		</div>
+		<script src="js/swiper.min.js"></script>
+		<script src="js/swiper.animate1.0.3.min.js"></script>
+		<script src="js/countUp.js"></script>
+		<script src="plugins/numbergd/index.js"></script>
+		<script src="js/tagcloud.js"></script>
+		<script src="js/ScrollDiv.js"></script>
+		<script src="js/index.js"></script>
+			<!-- <script src="js/complaintsReport.js"></script>
+		<script src="js/TelephoneDetails.js" type="text/javascript" charset="utf-8"></script>
+		<script src="js/receiptDepartment.js" type="text/javascript" charset="utf-8"></script>
+		<script src="js/sourceChannel.js" type="text/javascript" charset="utf-8"></script> -->
+		<script src="js/setItervalTime.js"></script>
+		<script src="js/pieChat.js"></script>
+		<script src="https://api.map.baidu.com/api?v=2.0&ak=ZG4gLQZUD6Eq1K11cqlYAR4by8CKgLyu&callback=mapinit"></script>
+		<script src="js/map1.js"></script>
+		<script src="js/layer/layer.js"></script>
+	</body>
+
+</html>

WebChart/sourceChannel.html

@@ -150,6 +150,45 @@
 			    right: 20px;
 			    
 			}
+			.boxwrap{
+				width: 60%;
+				height: 98%;
+				float: left;
+				text-align: center;
+				
+			
+			}
+			.smallbox{
+				width: 38%;
+				float: right;
+				display: flex;
+			    flex-wrap: wrap;
+				margin-top: 20px;
+				margin-right: 20px;
+				justify-content:space-between;
+				
+			}
+			.smallimg{
+				border: 2px solid #00E9FF;
+				border-radius: 20px;
+				margin-bottom: 20px;
+			  width: 48%;
+			
+			}
+			.activeBox{
+				border: 2px solid #3c920c;
+			}
+			.smallimg img{
+				width: 100%;
+				border-radius: 20px;
+				display: block;
+				  height: 230px;
+			}
+			.bt{
+				font-size: 32px;
+				color: #FFFFFF;
+				letter-spacing: 10px;
+			}
 		</style>
 	</head>
 
@@ -158,29 +197,14 @@
 		<div id="nav" class="clearfix">
 			<div class="nav_left"><img src="img/nav_l.png" alt="" /></div>
 			<div class="nav_middle">
-				<ul class="clearfix">
-					<li>
-						<a href="./sourceChannel.html"><img src="img/lyqd_1.png" alt="" /></a>
-					</li>
-					<li>
-						<a href="./receiptDepartment.html"><img src="img/jdbm_0.png" alt="" /></a>
-					</li>
-					<li>
-						<a href="./index.html"><img src="img/title.png" alt="" /></a>
-					</li>
-					<li>
-						<a href="./TelephoneDetails.html"><img src="img/hwsl_0.png" alt="" /></a>
-					</li>
-					<li>
-						<a href="./complaintsReport.html"><img src="img/tsjb_0.png" alt="" /></a>
-					</li>
-				</ul>
-
+				安阳市12345大数据平台
 			</div>
 			<div class="nav_right"><img src="img/nav_r.png" alt="" /></div>
 		</div>
 		<!--导航栏结束-->
-		<div id="wrap" class="container">
+		<!--导航栏结束-->
+		<div  class="boxwrap">
+			<p class="bt">接单部门</p>
 			<div class="phone_top">
 				<div class="legend_bar clearfix">
 					<div class="title_word pull-left">
@@ -254,6 +278,32 @@
 			</div>
 			<!--</div>-->
 		</div>
+		<div class="smallbox">
+			<div class="smallimg index">
+				<img src="./img/background01.png" >
+			</div>
+			<div class="smallimg second">
+				<img src="./img/background02.png" >
+			</div>
+			<div class="smallimg third">
+				<img src="./img/background03.png" >
+			</div>
+			<div class="smallimg fourth">
+				<img src="./img/background04.png" >
+			</div>
+			<div class="smallimg activeBox">
+				<img src="./img/background05.png" >
+			</div>
+			<div class="smallimg" id="department">
+				<img src="./img/background06.png" >
+			</div>
+			<div class="smallimg" id="call">
+				<img src="./img/background07.png" >
+			</div>
+			<div class="smallimg" id="complaint">
+				<img src="./img/background08.png" >
+			</div>
+		</div>
 		<script src="js/sourceChannel.js"></script>
 		<script src="js/setItervalTime.js"></script>
 	</body>

WebChart/third.html

@@ -0,0 +1,712 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="utf-8" />
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+		<!--优先使用 IE 最新版本和 Chrome-->
+		<meta name="renderer" content="webkit" />
+		<script src="Script/Common/huayi.load.js"></script>
+		<script src="Script/Common/huayi.config.js"></script>
+		<link rel="stylesheet" href="css/swiper.min.css" />
+		<link rel="stylesheet" href="css/animate.min.css" />
+		<link rel="stylesheet" href="plugins/numbergd/globle.css" />
+		<link rel="stylesheet" href="css/index.css" />
+		<title>大数据首页</title>
+		<style>
+		/* 	.slide_right {
+				position: relative;
+			}
+			
+			.slide_right .timeWrap input {
+				width: 195px;
+			}
+			
+			.slide_right .timeWrap {
+				position: absolute;
+				top: 56px;
+				left: -63px;
+			}
+			
+			.timeWrapPosi {
+				top: 160px !important;
+			}
+			
+			.slide_right .twotimeWarp {
+				top: -149px;
+				left: -22px;
+			}
+			
+			.slide_right .lasttimeWrap {
+				right: -2px;
+			}
+			.selects{
+				height: 30px;
+				line-height: 30px !important;
+			}
+			.secondPie{
+				position: absolute;
+				width: 600px;
+				height: 600px;
+				top: 0;
+				left: 0;
+				right: 0;
+				bottom: 0;
+				margin: auto;
+				z-index: 333;
+			}
+			.firstPos{
+				width: 340px;
+				position: absolute;
+				right: 130px;
+				top: 0px;
+			}
+			#time1{
+				width: 220px;
+			}
+			.secondPos{
+				position: absolute;
+				right: 130px;
+				top: 20px;
+			}
+			.fivePos{
+				position: absolute;
+				right: 140px;
+				top: -15px;
+			}
+		
+			.timeLimit-wrapper{
+				text-align: center;
+				margin-top: 40px;
+			}
+			.timeLimit-text{
+				font-size: 20px;
+				color: #fff;
+			}
+			.quanbgBox1{
+				display: none;
+			}
+			#right_ri li{
+				margin-left: 80px;
+			} */
+		.wrap {
+			margin: 0 auto;
+			height: 90%!important;
+			width: 100%!important;
+		}
+		.boxwrap{
+			width: 60%;
+			height: 98%;
+			float: left;
+		}
+		.smallbox{
+			width: 38%;
+			float: right;
+			display: flex;
+		    flex-wrap: wrap;
+			margin-top: 20px;
+			margin-right: 20px;
+			justify-content:space-between;
+			
+		}
+		.smallimg{
+			border: 2px solid #00E9FF;
+			border-radius: 20px;
+			margin-bottom: 20px;
+		  width: 48%;
+		
+		}
+		.activeBox{
+			border: 2px solid #3c920c;
+		}
+		.smallimg img{
+			width: 100%;
+			border-radius: 20px;
+			display: block;
+			  height: 230px;
+		}
+		</style>
+	</head>
+
+	<body>
+		<!--导航栏开始-->
+		<div id="nav" class="clearfix">
+			<div class="nav_left"><img src="img/nav_l.png" alt="" /></div>
+			<div class="nav_middle">
+				安阳市12345大数据平台
+			</div>
+			<div class="nav_right"><img src="img/nav_r.png" alt="" /></div>
+		</div>
+		<!--导航栏结束-->
+		
+		<div class="wrap">
+			<div class="boxwrap">
+					<!--第一屏  工单统计-->
+						<div class=" orderStatistic slideCon_bg clearfix" >
+							<p class="slide_title slide_title1"></p>
+							<!--<div class="timeWrap twotimeWarp firstPos">
+								<div class="time_box pull-right form-inline">
+									日期<input type="text" id="time1" class="times" />
+								</div>
+							</div>-->
+							<div class="orderCon_left slide_left">
+								<ul id="det_ult">
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>市区</span>
+											<span class="AY_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>文峰区</span>
+											<span class="WFQ_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>北关区</span>
+											<span class="BGQ_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>殷都区</span>
+											<span class="YDQ_num">0</span>
+										</p>
+									</li>
+									
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>龙安区</span>
+											<span class="LAQ_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>安阳县</span>
+											<span class="AYX_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>汤阴县</span>
+											<span class="TYX_num">0</span>
+										</p>
+									</li>
+									
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>内黄县</span>
+											<span class="NHX_num">0</span>
+										</p>
+									</li>
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>滑县</span>
+											<span class="HX_num">0</span>
+										</p>
+									</li>
+									
+									<li class="orderli">
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>林州市</span>
+											<span class="LZS_num">0</span>
+										</p>
+									</li>
+								</ul>
+							</div>
+							
+							<div class="orderCon_middle slide_middle_first">
+								<div class="map_bg" style="display: block;">
+									
+									<div id="radarBox" class="ani" swiper-animate-duration="infinite" swiper-animate-delay="3s">
+										<div class="radar">
+											<div class="radar_inner"></div>
+										</div>
+									</div>
+									
+									<div class="mapDiv1" style="display: none;">
+										<div class="quanbgBox map_SX" index="睢县"></div>
+										<div class="quanbgBox map_MQ" index="民权县"></div>
+										<div class="quanbgBox map_SYQ" index="睢阳区"></div>
+										<div class="quanbgBox map_NL" index="宁陵县"></div>
+										<div class="quanbgBox map_LYQ" index="梁园区"></div>
+										<div class="quanbgBox map_XYX" index="夏邑县"></div>
+										<div class="quanbgBox map_ZC" index="柘城县"></div>
+										<div class="quanbgBox map_YCX" index="虞城县"></div>
+										<div class="quanbgBox map_YCS" index="永城市"></div>
+									</div>
+									
+									
+									<!-- <div class="quanbgBox1 quan_SYQ ani map_click"  data_index='2' index="睢阳区" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_SYQ">睢阳区</br><span class="SYQ_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_MQ ani map_click" data_index='5' index="民权县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_MQ">民权县</br><span class="MQ_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_SX ani map_click" data_index='6' index="睢县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_SX">睢县</br><span class="SX_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_NL ani map_click" data_index='7' index="宁陵县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_NL">宁陵县</br><span class="NL_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_LYQ ani map_click" data_index='3' index="梁园区" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_LYQ">梁园区</br><span class="LYQ_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_KFQ ani map_click" data_index='11' index="城乡一体化示范区" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_KFQ">示范区</br><span class="KFQ_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_ZC ani map_click" data_index='8' index="柘城县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_ZC">柘城县</br><span class="ZC_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_YCX ani map_click" data_index='9' index="虞城县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_YCX">虞城县</br><span class="YCX_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_XYX ani map_click" data_index='10' index="夏邑县" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_XYX">夏邑县</br><span class="XYX_num"></span></span>
+									</div>
+									
+									<div class="quanbgBox1 quan_YCS ani map_click"  data_index='4' index="永城市" swiper-animate-effect="showTxt" swiper-animate-duration=".5s" swiper-animate-delay="3.5s">
+										<div class="quanbg">
+											<span class="quan quan1 quan1a "></span>
+											<span class="quan quan2 quan2a "></span>
+											<span class="quan quan3 quan3a "></span>
+											<span class="quan quan4"></span>
+											<span class="quan quan1 quan1b "></span>
+											<span class="quan quan2 quan2b "></span>
+											<span class="quan quan3 quan3b "></span>
+										</div>
+										<span class="txt txt_XYX">永城市</br><span class="YCS_num"></span></span>
+									</div> -->
+								</div>
+							
+								<div id="mapSj" style="width:710px;margin-left: 170px; margin-top: 50px; display: none;">
+					                <div id="myMap" style="width:100%;height:400px;"></div>
+					                <input type="hidden" class="store_Lng" value="115.659773"/>
+	        						<input type="hidden" class="store_Lat" value="34.395449" />
+					            </div>
+							</div>
+						
+							<div class="orderCon_right slide_right">
+								<div class="timeWrap">
+									<div class="time_box pull-right form-inline">
+										日期<input type="text" id="time1" class="times" />
+										<img src="img/rili.png" class="data-input-icon1" />
+									</div>
+								</div>
+								<!-- <ul id="right_ri">
+									
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>安阳县</span>
+											<span class="AYX_num">0</span>
+										</p>
+									</li>
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>汤阴县</span>
+											<span class="TYX_num">0</span>
+										</p>
+									</li>
+									
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>内黄县</span>
+											<span class="NHX_num">0</span>
+										</p>
+									</li>
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>滑县</span>
+											<span class="HX_num">0</span>
+										</p>
+									</li>
+									
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>林州市</span>
+											<span class="LZS_num">0</span>
+										</p>
+									</li>
+									
+								</ul> -->
+							</div>
+						</div>
+				
+
+			<!--第二屏  工单渠道来源-->
+				<div class="orderSource slideCon_bg clearfix" >
+					<div class="secondPos" style="float: right;margin-right: 176px;">
+						<div class="time_box pull-right form-inline">
+							<!--地区选择：
+							<select class="areaTwo selects" style="height: 30px;"></select>-->
+							日期
+							<input type="text" id="time2" class="times" />
+						</div>
+					</div>
+					<div class="secondPie" style="padding-top: 0;">
+						<div id="phoneTimeCount" style="width: 600px; height: 600px;"></div>
+					</div>
+					<p class="slide_title slide_title2"></p>
+					<div class="source_left slide_left">
+						<ul>
+							<li class="clearfix">
+								<div class="line_wrap one_line line oneLeft_line"></div>
+							</li>
+							<li class="clearfix">
+								<div class="line_wrap line two_line twoLeft_line"></div>
+							</li>
+							<li class="clearfix">
+								<div class="line_wrap line three_line threeLeft_line"></div>
+							</li>
+							<li class="clearfix">
+								<div class="line_wrap line four_line fourLeft_line"></div>
+							</li>
+							
+						</ul>
+					</div>
+					<div class="source_middle slide_middle">
+						<div class="map_bg" style="width: 95%; background-size: 76%; margin:-62px -116px;">
+						</div>
+					</div>
+					<div class="source_right slide_right">
+						<ul>
+							<li class="clearfix">
+								<div class="line_wrap one_line line oneRight_line"></div>
+							</li>
+							<li class="clearfix">
+								<div class="line_wrap line two_line twoRight_line"></div>
+			
+							</li>
+							<li class="clearfix">
+								<div class="line_wrap line three_line threeRight_line"></div>
+							</li>
+							<li class="clearfix">
+								<div class="line_wrap line four_line fourRight_line">
+								</div>
+							</li>
+							
+						</ul>
+					</div>
+				</div>
+
+					<!--第三屏  工单类型-->
+						<div class="slideCon_bg_block slideCon_bg orderType clearfix">
+							<p class="slide_title slide_title3"></p>
+							<div class="timeWrap twotimeWarp" style="float: right; margin-right: 140px; margin-top: 20px;">
+								<div class="time_box pull-right form-inline time_box_four">
+									
+								</div>
+								<div class="time_box pull-right form-inline time_box_three">
+									<!--地区选择：
+									<select class="areaThree selects" style="height: 30px;"></select>-->
+									日期<input type="text" id="time3" class="times" />
+								</div>
+							</div>
+							<div class="orderTtype_Con">
+								<ul class="clearfix">
+									<li class="active">
+										<div class="typeWord">咨询</div>
+										<img src="img/order_ZX.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日咨询量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月咨询量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">咨询总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+									<li>
+										<div class="typeWord">求助</div>
+										<img src="img/order_QZ.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日求助量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月求助量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">求助总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+									<li>
+										<div class="typeWord">投诉</div>
+										<img src="img/order_TS.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日投诉量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月投诉量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">投诉总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+									<li>
+										<div class="typeWord">建议</div>
+										<img src="img/order_JY.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日建议量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月建议量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">建议总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+									<li>
+										<div class="typeWord">表扬</div>
+										<img src="img/order_BY.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日表扬量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月表扬量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">表扬总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+									<li>
+										<div class="typeWord">其他</div>
+										<img src="img/order_QT.png" alt="" />
+										<p class="typeWord_line">数据展示</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">今日其他量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">本月其他量</p>
+										<p class="order_count">0</p>
+										<p class="typeWord_line">其他总量</p>
+										<div class="persent_box">
+											<div class="persent_kuang">0</div>
+										</div>
+										<p class="persent_word">总计类型占比</p>
+									</li>
+								</ul>
+
+							</div>
+						</div>
+
+					<!--第四屏  话务量统计-->
+						<div class="slideCon_bg trafficVolume clearfix" >
+							<p class="slide_title slide_title5"></p>
+							<div class="fivePos" style="width: 100% !important;">
+								<div class="time_box pull-right form-inline">
+									<!--地区选择：
+									<select class="areaFive selects" style="height: 30px; margin-right: 20px;"></select>-->
+									部门
+									<select class="depart selects" style="height: 20px;"></select>
+									日期
+									<input type="text" id="test6" class="times lasttime" style="margin-right: 0px;" /> 
+								</div>
+							</div>
+							<div class="orderCon_left slide_left">
+								<div class="keyW_t">
+									投诉关键字
+								</div>
+								<div class="tagBox">
+									<div class="tagcloud">
+									</div>
+								</div>
+							</div>
+							<div class="orderCon_right slide_right">
+								
+								<div class="keyBottom_left pull-left">
+									<div class="table_box table_box_key">
+										<table class="table">
+											<colgroup>
+												<col style="width: 120px;" />
+												<col/>
+											</colgroup>
+											<thead class="thead">
+												<tr>
+													<td>部门名称</td>
+													<td>数量</td>
+													<td>占比</td>
+												</tr>
+											</thead>
+										</table>
+										<div class="scroll_table" style="width: 100%;height: 460px; overflow: hidden;">
+											<table class="table">
+												<colgroup>
+													<col style="width: 120px;" />
+													<col/>
+												</colgroup>
+												<tbody>
+												</tbody>
+											</table>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+						</div>
+			</div>
+			
+		<div class="smallbox">
+			<div class="smallimg ">
+				<img src="./img/background01.png" >
+			</div>
+			<div class="smallimg ">
+				<img src="./img/background02.png" >
+			</div>
+			<div class="smallimg activeBox">
+				<img src="./img/background03.png" >
+			</div>
+			<div class="smallimg">
+				<img src="./img/background04.png" >
+			</div>
+			<div class="smallimg" id="sourceChannel">
+				<img src="./img/background05.png" >
+			</div>
+			<div class="smallimg" id="department">
+				<img src="./img/background06.png" >
+			</div>
+			<div class="smallimg" id="call">
+				<img src="./img/background07.png" >
+			</div>
+			<div class="smallimg" id="complaint">
+				<img src="./img/background08.png" >
+			</div>
+		</div>
+		</div>
+		<div class="timeLimit-wrapper" style="display: none;">
+			<span class="timeLimit-text">授权过期，请联系系统厂家。</span>
+		</div>
+		<script src="js/swiper.min.js"></script>
+		<script src="js/swiper.animate1.0.3.min.js"></script>
+		<script src="js/countUp.js"></script>
+		<script src="plugins/numbergd/index.js"></script>
+		<script src="js/tagcloud.js"></script>
+		<script src="js/ScrollDiv.js"></script>
+		<script src="js/index.js"></script>
+			<!-- <script src="js/complaintsReport.js"></script>
+		<script src="js/TelephoneDetails.js" type="text/javascript" charset="utf-8"></script>
+		<script src="js/receiptDepartment.js" type="text/javascript" charset="utf-8"></script>
+		<script src="js/sourceChannel.js" type="text/javascript" charset="utf-8"></script> -->
+		<script src="js/setItervalTime.js"></script>
+		<script src="js/pieChat.js"></script>
+		<script src="https://api.map.baidu.com/api?v=2.0&ak=ZG4gLQZUD6Eq1K11cqlYAR4by8CKgLyu&callback=mapinit"></script>
+		<script src="js/map1.js"></script>
+		<script src="js/layer/layer.js"></script>
+	</body>
+
+</html>