大屏修改

WebChart/TelephoneDetails.html

@@ -25,22 +25,25 @@
 				 background-size: 100% 100%;
 				width: 59%;
 			}
+			.wrap {
+				margin: 0 auto;
+				height: 900px!important;
+				width: 100%!important;
+			}
 			.boxwrap{
-				width: 60%;
-				height: 98%;
+			    width: 64%;
+			    height: 900px!important;
 				float: left;
 				text-align: center;
-				
-				font-size: 32px;
-				color: #FFFFFF;
-				letter-spacing: 10px;
+				margin-left: 20px;
+					
 			}
 			.smallbox{
-				width: 38%;
+				width: 30%;
 				float: right;
 				display: flex;
 			    flex-wrap: wrap;
-				margin-top: 20px;
+				margin-top: 65px;
 				margin-right: 20px;
 				justify-content:space-between;
 				
@@ -59,7 +62,7 @@
 				width: 100%;
 				border-radius: 20px;
 				display: block;
-				  height: 230px;
+				height: 160px;
 			}
 			.bt{
 				font-size: 32px;
@@ -86,7 +89,7 @@
 					<div class="title_word pull-left">
 						<span class="col-line"></span> 坐席闲忙比例
 					</div>
-					<div class="time_box pull-right form-inline">
+					<div class="time_box pull-right form-inline"">
 						<!--地区选择：
 						<select class="areaOne selects" style="height: 30px;"></select>-->
 						日期<input type="text" id="time1" class="times" />
@@ -101,7 +104,7 @@
 					<div class="title_word pull-left">
 						<span class="col-line"></span> 话务量实时统计数据
 					</div>
-					<div class="time_box pull-right form-inline">
+					<div class="time_box pull-right form-inline" style="top:40px">
 						日期<input type="text" id="time2" class="times" />
 					</div>
 

WebChart/complaintsReport.html

@@ -11,8 +11,8 @@
 		<link rel="stylesheet" href="css/index.css" />
 		<title>投诉举报</title>
 		<style>
-			
-			
+
+
 			#time1{
 				width: 155px;
 			}
@@ -122,20 +122,25 @@
 				height: 30px;
 				margin-right: 15px;
 			}
+			.wrap {
+				margin: 0 auto;
+				height: 900px!important;
+				width: 100%!important;
+			}
 			.boxwrap{
-				width: 60%;
-				height: 98%;
+				width: 64%;
+			    height: 900px!important;
 				float: left;
 				text-align: center;
-				
-			
+				margin-left: 20px;
+			    /* transform: scale(0.4); */
 			}
 			.smallbox{
-				width: 38%;
+				width: 30%;
 				float: right;
 				display: flex;
 			    flex-wrap: wrap;
-				margin-top: 20px;
+				margin-top: 65px;
 				margin-right: 20px;
 				justify-content:space-between;
 				
@@ -144,8 +149,7 @@
 				border: 2px solid #00E9FF;
 				border-radius: 20px;
 				margin-bottom: 20px;
-			  width: 48%;
-			
+			    width: 48%;
 			}
 			.activeBox{
 				border: 2px solid #3c920c;
@@ -154,7 +158,7 @@
 				width: 100%;
 				border-radius: 20px;
 				display: block;
-				  height: 230px;
+				height: 160px;
 			}
 			.bt{
 				font-size: 32px;
@@ -173,9 +177,9 @@
 			</div>
 			<div class="nav_right"><img src="img/nav_r.png" alt="" /></div>
 		</div>
-	<!--导航栏结束-->
-	<div  class="boxwrap">
-		<p class="bt">投诉举报</p>
+		<!--导航栏结束-->
+		<div class="boxwrap">
+			<p class="bt">投诉举报</p>
 			<div class="phone_top">
 				<div class="legend_bar clearfix">
 					<div class="title_word pull-left">
@@ -198,7 +202,7 @@
 						</div>
 						<div class="time_box pull-right form-inline">
 							关键字
-							<select class="keys selects" style="width: 200px;"></select>
+							<select class="keys selects" style="width: 180px;"></select>
 							日期<input type="text" id="time2" class="times" />
 						</div>
 					</div>
@@ -207,7 +211,7 @@
 						<table class="table">
 							<colgroup>
 								<col style="width: 120px;" />
-								<col/>
+								<col />
 							</colgroup>
 							<thead>
 								<tr>
@@ -227,7 +231,7 @@
 							<table class="table">
 								<colgroup>
 									<col style="width: 120px;" />
-									<col/>
+									<col />
 								</colgroup>
 								<tbody>
 									<tr>
@@ -373,32 +377,32 @@
 		</div>
 		<div class="smallbox">
 			<div class="smallimg index">
-				<img src="./img/background01.png" >
+				<img src="./img/background01.png">
 			</div>
 			<div class="smallimg second">
-				<img src="./img/background02.png" >
+				<img src="./img/background02.png">
 			</div>
 			<div class="smallimg third">
-				<img src="./img/background03.png" >
+				<img src="./img/background03.png">
 			</div>
 			<div class="smallimg fourth">
-				<img src="./img/background04.png" >
+				<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="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" >
+				<img src="./img/background08.png">
 			</div>
 		</div>
 		<script src="js/complaintsReport.js"></script>
 		<script src="js/setItervalTime.js"></script>
 	</body>
 
-</html>
+</html>

WebChart/css/index.css

@@ -71,7 +71,7 @@ a {
 #nav .nav_left,
 .nav_right {
 	width: 25%;
-	height: 110px;
+	height: 100px;
 	/*background: -webkit-linear-gradient(left, transparent, #104d9a);
     background: -o-linear-gradient(left, transparent, #104d9a);
     background: -moz-linear-gradient(left, transparent, #104d9a);
@@ -98,8 +98,8 @@ a {
 	width: 50%;
 	margin: 0 auto;
 	text-align: center;
-	height: 10%;
-	line-height: 110px;
+	height: 100px;
+	line-height: 100px;
 	font-size: 64px;
 	color: #FFFFFF;
 	letter-spacing: 10px;
@@ -109,7 +109,7 @@ a {
 #nav>div>img {
 	display: block;
 	width: 100%;
-	height: 110px;
+	height: 100px;
 }
 
 
@@ -198,8 +198,8 @@ a {
 
 .slideCon_bg {
 	background: url(../img/slide_bg1.png) no-repeat;
-	height: 950px;
-	width: 100%;
+	height: 95%;
+	width: 70%;
 	background-size: 100% 100%;
 	position: absolute;
 	display: none;
@@ -211,7 +211,7 @@ a {
     position: absolute;
     height: 2.8rem;
     width: 26rem;
-    left: 44%;
+    left: 40%;
     top: 7.8%;
 	background-size: 100%;
 }
@@ -269,8 +269,8 @@ a {
 
 .orderStatistic>.orderCon_left {
 	box-sizing: border-box;
-	padding-left: 167px;
-	margin-top: 30px;
+	padding-left: 120px;
+	margin-top: 20px;
 }
 
 .orderStatistic>div>ul li {
@@ -291,7 +291,7 @@ a {
 
 .orderli:nth-child(n+6) {
 	position: absolute !important;
-	right: 165px !important;
+	right: 125px !important;
 }
 
 .orderli:nth-child(6) {
@@ -341,8 +341,8 @@ a {
 	;
 	/*background: radial-gradient(center, rgba(32, 255, 77, 0.3) 0%, rgba(32, 255, 77, 0) 75%), repeating-radial-gradient(rgba(32, 255, 77, 0) 5.8%, rgba(32, 255, 77, 0) 18%, #20ff4d 18.6%, rgba(32, 255, 77, 0) 18.9%), linear-gradient(90deg, rgba(32, 255, 77, 0) 49.5%, #20ff4d 50%, #20ff4d 50%, rgba(32, 255, 77, 0) 50.2%), linear-gradient(0deg, rgba(32, 255, 77, 0) 49.5%, #20ff4d 50%, #20ff4d 50%, rgba(32, 255, 77, 0) 50.2%);*/
 	background: radial-gradient(center, rgba(3, 248, 255, 0.5) 0%, rgba(32, 255, 77, 0) 5%), repeating-radial-gradient(rgba(32, 255, 77, 0) 5.8%, rgba(32, 255, 77, 0) 23%, #20ff4d 23.6%, rgba(32, 255, 77, 0) 23.9%), linear-gradient(90deg, rgba(32, 255, 77, 0) 49.5%, #20ff4d 50%, #20ff4d 50%, rgba(32, 255, 77, 0) 50.2%), linear-gradient(0deg, rgba(32, 255, 77, 0) 49.5%, #20ff4d 50%, #20ff4d 50%, rgba(32, 255, 77, 0) 50.2%);
-	width: 500px;
-	height: 500px;
+	width: 460px;
+	height: 460px;
 	max-height: 500px;
 	max-width: 500px;
 	position: relative;
@@ -460,13 +460,14 @@ a {
 
 #radarBox {
 	position: absolute;
-	width: 550px;
-	height: 550px;
+	width: 470px;
+	height: 470px;
 	border-radius: 50%;
 	background: url(../img/waihuan.png) no-repeat;
 	background-size: contain;
 	left: 50%;
-	margin-left: -275px;
+	margin-left: -245px;
+	top: -45px;
 	z-index: 3;
 }
 
@@ -474,12 +475,14 @@ a {
 /*雷达样式结束*/
 
 .map_bg {
-	width: 70%;
-	height: 730px;
-	margin: 0 5% 0 25%;
-	background: url(../img/map.png) no-repeat center top;
-	background-size: 100%;
+	width: 90%;
+	height: 415px;
+	margin: 160px 5% 0 16%;
+	background: url(../img/map.png) no-repeat  top;
+	background-size: contain;
+	/* background-size: 100%; */
 	position: relative;
+	display: none;
 }
 
 @keyframes OutOpcity {
@@ -860,6 +863,7 @@ a {
 .quanbgBox {
 	position: absolute;
 	z-index: 0;
+	height: 73px;
 }
 
 .quanbgBox1 {
@@ -869,9 +873,9 @@ a {
 }
 
 .quan_SYQ {
-	/* 睢阳区*/
-	top: 30%;
-	left: 41%;
+	/* 汤阴县*/
+	top: 34%;
+	left: 54%;
 }
 
 .map_SYQ {
@@ -884,9 +888,9 @@ a {
 }
 
 .quan_MQ {
-	/* 民权*/
+	/* 北关县*/
 	top: 5%;
-	left: 26%;
+	left: 45%;
 }
 
 .map_MQ {
@@ -899,9 +903,9 @@ a {
 }
 
 .quan_SX {
-	/* 睢县*/
-	top: 22%;
-	left: 21%;
+	/* 林州*/
+    top: 20%;
+    left: 20%;
 }
 
 .map_SX {
@@ -914,9 +918,9 @@ a {
 }
 
 .quan_NL {
-	/* 宁陵*/
-	top: 17%;
-	left: 32%;
+	/* 殷都区*/
+	top: 22%;
+	left: 39%;
 }
 
 .map_NL {
@@ -929,9 +933,9 @@ a {
 }
 
 .quan_LYQ {
-	/* 梁园区*/
-	top: 17%;
-	left: 40%;
+	/* 龙安区*/
+	top: 12%;
+	left: 38%;
 }
 
 .map_LYQ {
@@ -944,15 +948,15 @@ a {
 }
 
 .quan_KFQ {
-	/* 开发区*/
-	top: 26%;
-	left: 46%;
+	/* 文峰区*/
+	top: 24%;
+	left: 47%;
 }
 
 .quan_ZC {
-	/* 柘城*/
-	top: 40%;
-	left: 30%;
+	/* 高新区*/
+	top: 14%;
+	left: 45%;
 }
 
 .map_ZC {
@@ -965,9 +969,9 @@ a {
 }
 
 .quan_YCX {
-	/* 虞城*/
-	top: 19%;
-	left: 52%;
+	/* 安阳县*/
+	top: 15%;
+	left: 60%;
 }
 
 .map_YCX {
@@ -980,9 +984,9 @@ a {
 }
 
 .quan_XYX {
-	/*夏邑县*/
+	/*内黄县*/
 	top: 33%;
-	left: 60%;
+	left: 70%;
 }
 
 .map_XYX {
@@ -995,9 +999,9 @@ a {
 }
 
 .quan_YCS {
-	/*永城市*/
-	top: 51%;
-	left: 67%;
+	/*滑县*/
+	top: 70%;
+	left: 58%;
 }
 
 .map_YCS {
@@ -1012,7 +1016,7 @@ a {
 .txt {
 	color: #FFF;
 	font-size: 16px;
-	width: 100px;
+	width: 55px;
 	display: inline-block;
 	text-align: right;
 	position: absolute;
@@ -1101,19 +1105,20 @@ a {
 }
 
 .orderSource>.source_left {
-	    padding-left: 193px;
-		top: 2px;
-	    position: absolute;
+	          padding-left: 105px;
+	          top: -24px;
+	          position: absolute;
 }
 .secondPie{
 	position: relative;
-	left: 637px;
-	top: 62px;
+	left: 360px;
+	top: 92px;
 	}
 .orderSource>.source_right {
 	    float: right;
 	    position: relative;
-	    top: -760px;; */
+	    top: -755px;
+		right: 38px;
 }
 
 .source_right ul li,
@@ -1171,7 +1176,9 @@ a {
 	width: 100%;
 	background-color: transparent;
 }
-
+.sr_two{
+	top: -360px!important;
+}
 .one_line {
 	width: 173px;
 	height: 66px;
@@ -1402,10 +1409,10 @@ a {
 	height: 536px;
 	width: 12%;
 	background-size: 100% 100%;
-	padding-left: 39px;
+	padding-left: 25px;
 	box-sizing: border-box;
 	padding-top: 40px;
-	margin-left: 20px;
+	margin-left: 25px;
 }
 
 .orderTtype_Con ul li.active {
@@ -1426,6 +1433,8 @@ a {
 }
 
 .typeWord {
+	/* text-align: center; */
+	padding-left: 20px;
 	position: relative;
 }
 
@@ -1510,6 +1519,8 @@ a {
 	font-size: 14px;
 	color: #c9d3ff;
 	margin-top: 3px;
+	text-align: center;
+	margin-left: -25px;
 }
 
 
@@ -1685,7 +1696,7 @@ a {
 	height: 600px;
 	margin: 0 auto;
 	padding-left: 12%;
-	margin-top: -60px;
+	margin-top: -50px;
 }
 
 .tagcloud {
@@ -1700,9 +1711,9 @@ a {
 	color: #333;
 	font-size: 16px;
 	text-decoration: none;
-	width: 136px;
-	height: 176px;
-	margin: 10px;
+	width: 130px;
+	height: 135px;
+	/* margin: 10px; */
 }
 
 .tagcloud_bj {
@@ -1721,8 +1732,8 @@ a {
 }
 
 .keyBottom_left {
-	margin-left: 130px;
-	margin-top: 50px;
+	margin-left: 85px;
+	margin-top: -135px;
 }
 
 .table_box_key {
@@ -1772,8 +1783,8 @@ a {
 }
 
 .tagcloud>div .imgs {
-	width: 76px;
-	height: 76px;
+	width: 75px;
+	height: 75px;
 	/* line-height: 250px; */
 	background: url(../img/center_circle.png) no-repeat;
 	overflow: hidden;
@@ -1782,7 +1793,7 @@ a {
 	font-weight: bold;
 	text-align: center;
 	line-height: 76px;
-	margin: 20px auto 8px;
+	margin: 5px auto 8px;
 	z-index: -1;
 }
 
@@ -1840,7 +1851,7 @@ a {
 .legend_bar {
 	position: relative;
 	position: relative;
-	top: 23px;
+	top: 15px;
 	margin-left: 15px;
 }
 
@@ -1896,7 +1907,8 @@ a {
 	color: #00e9ff;
 	font-size: 14px;
 	position: relative;
-	margin-right: 30px;
+    margin-right: 10px;
+    /* margin-top: -15px; */
 }
 
 .time_box:before {
@@ -1918,6 +1930,6 @@ a {
 }
 
 .phone_bottom>div {
-	height: 400px;
+	height: 416px;
 	padding: 0;
 }

WebChart/css/main.css

@@ -0,0 +1,247 @@
+/*
+ 公共初始化样式
+ * */
+
+body {
+	margin: 0;
+	width: 100%!important;
+	height: 100%;
+	padding: 0;
+	font-size: 16px;
+	-webkit-text-size-adjust: none;
+	/*overflow-x: hidden;*/
+	background: -webkit-radial-gradient(circle, #12266a, #000221);
+	/* Safari 5.1 - 6.0 */
+	background: -o-radial-gradient(circle, #12266a, #000221);
+	/* Opera 11.6 - 12.0 */
+	background: -moz-radial-gradient(circle, #12266a, #000221);
+	/* Firefox 3.6 - 15 */
+	background: radial-gradient(circle, #12266a, #000221);
+	/* 标准的语法（必须放在最后） */
+	font-family: "微软雅黑";
+}
+
+ul,
+li {
+	margin: 0;
+	padding: 0;
+}
+
+li {
+	list-style-type: none;
+}
+
+img {
+	border: 0;
+}
+
+p {
+	margin: 0;
+	padding: 0;
+}
+/* 第一屏 */
+.top_title{
+	    width: 161px;
+	    font-size: 12px;
+	    color: #FFFFFF;
+	    margin: 32px 163px 0;
+	    text-shadow: 1px 1px #4acae2;
+}
+.orderCon_left {
+	box-sizing: border-box;
+	    margin-top: 35px;
+	    margin-left: 36px;
+}
+.orderli{
+	width: 100px;
+	height: 55px;
+	background: url(../img/num_frame.png) no-repeat center;
+	background-size: 100%;
+}
+.orderli img{
+	width: 30px!important;
+	height: 30px!important;
+	margin-top: 11px;
+}
+.orderli:nth-child(n+6) {
+	position: absolute !important;
+	right: -290px !important;
+}
+
+.orderli:nth-child(6) {
+	top:0px !important;
+}
+
+.orderli:nth-child(7) {
+	top: 55px !important;
+}
+
+.orderli:nth-child(8) {
+	top: 110px !important;
+}
+
+.orderli:nth-child(9) {
+	top: 165px !important;
+}
+
+.orderli:nth-child(10) {
+	top: 220px !important;
+}
+.num_word {
+	display: inline-block;
+	vertical-align: middle;
+	font-size: 12px;
+	color: #02d0ee;
+	margin-top: 20px;
+}
+
+ .num_word span:nth-of-type(2) {
+	color: #fff;
+	margin-right: 10px;
+}
+
+ .num_word span:nth-of-type(3) {
+	color: #fdcf2f;
+	font-size: 12px;
+}
+.map_bg{
+	    margin: -215px 0px 0px 170px;
+}
+#radarBox{
+	width: 170px!important;
+	height: 170px!important;
+	    margin-left: -86px;
+	    top: 4px;
+}
+.radar{
+	width: 150px!important;
+	height: 150px!important;
+}
+/* 第二个 */
+.sl_more{
+	width: 150px;
+}
+/* 第三个 */
+.orderTtype_Con ul{
+	margin-left: 31px;
+	margin-top:9px;
+	width: 447px;
+}
+.orderTtype_Con ul li{
+	width: 52px!important;
+	height: 320px;
+	padding-left: 0px;
+	margin-left: 6px;
+	padding-top: 24px;
+}
+.typeWord{
+	font-size: 12px;
+	padding-left: 14px;
+	 margin-bottom: 10px!important;
+}
+.typeWord_line{
+	font-size: 12px;
+	margin-bottom: 14px;
+	
+}
+.typeWord_line ::before{
+	bottom: -4px;
+}
+.typeWord_line:nth-of-type(1){
+	display: none!important;
+}
+.orderTtype_Con ul li img{
+	width: 40px!important;
+	height:40px!important;
+	display: none;
+}
+.orderTtype_Con ul li p{
+	width: 50px!important;
+	
+}
+.orderTtype_Con ul li.active{
+	height: 320px!important;
+	padding-top: 24px;
+}
+.order_count{
+	font-size: 12px
+}
+.persent_kuang{
+	width: 45px;
+	height: 45px;
+	font-size: 12px;
+	line-height: 45px;
+}
+.persent_word{
+	width: 30px!important;
+	height: 20px;
+	font-size: 12px;
+	text-align: center;
+	margin-left: 0!important;
+}
+/* 第四屏 */
+.sl{
+	margin-left: 39px;
+	height: 250px;
+}
+.keyW_t{
+	width: 74px;
+	font-size: 12px;
+	left: 1px;
+	top:-7px;
+	
+}
+.tagBox{
+	width: 180px;
+	padding-left: 0;
+    margin-left: -60px;
+	margin-top: -44px;
+}
+.tagcloud{
+	width: 100%;
+	height:240px;
+	overflow:hidden;
+}
+.tagcloud>div{
+	width: 70px;
+	height: 60px;
+	font-size: 12px;
+	float: left;
+	margin-right: -12px;
+}
+.tagcloud>div .imgs{
+	width: 50px;
+	height: 20px;
+	background: none;
+	overflow: initial;
+	font-size: 13px;
+	text-align: center;
+	line-height: 0px;
+	margin-top: 15px;
+}
+.table_box_key{
+	width: 196px;
+	height: 285px;
+}
+.tag_title{
+	margin-top: 5px;
+	overflow: hidden;
+}
+.sr_four{
+	/* width: 500px; */
+	height: 290px;
+	position: relative;
+	left: 135px;
+	top: -210px;
+	font-size: 12px;
+}
+.keyBottom_left {
+	margin-top: -60px;
+}
+.table_box_key table tbody tr td{
+	line-height: 15px;
+/* 	text-overflow:ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
+	font-size: 12px; */
+}

WebChart/detail.html

@@ -12,7 +12,7 @@
 		<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>
+		<title>大数据详情页</title>
 		<style>
 		/* 	.slide_right {
 				position: relative;
@@ -91,20 +91,20 @@
 			} */
 		.wrap {
 			margin: 0 auto;
-			height: 90%!important;
+			height: 900px!important;
 			width: 100%!important;
 		}
 		.boxwrap{
 			width: 60%;
-			height: 98%;
+		height: 900px!important;
 			float: left;
 		}
 		.smallbox{
-			width: 38%;
+			width: 30%;
 			float: right;
 			display: flex;
 		    flex-wrap: wrap;
-			margin-top: 20px;
+			margin-top: 65px;
 			margin-right: 20px;
 			justify-content:space-between;
 			
@@ -123,7 +123,7 @@
 			width: 100%;
 			border-radius: 20px;
 			display: block;
-			  height: 230px;
+			height: 170px;
 		}
 		</style>
 	</head>
@@ -236,20 +236,9 @@
 										</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="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>
@@ -259,10 +248,10 @@
 											<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>
+										<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="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>
@@ -272,10 +261,10 @@
 											<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>
+										<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="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>
@@ -285,10 +274,10 @@
 											<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>
+										<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="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>
@@ -298,10 +287,10 @@
 											<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>
+										<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="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>
@@ -311,10 +300,10 @@
 											<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>
+										<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="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>
@@ -324,10 +313,10 @@
 											<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>
+										<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="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>
@@ -337,10 +326,10 @@
 											<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>
+										<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="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>
@@ -350,10 +339,10 @@
 											<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>
+										<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="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>
@@ -363,10 +352,10 @@
 											<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>
+										<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="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>
@@ -376,11 +365,12 @@
 											<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> -->
+										<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="mapSj" style="width:585px;margin-left: 105px; margin-top: 60px; 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" />
@@ -389,9 +379,9 @@
 						
 							<div class="orderCon_right slide_right">
 								<div class="timeWrap">
-									<div class="time_box pull-right form-inline">
+									<div class="time_box pull-right form-inline"style="margin:0px 60px 0 0;">
 										日期<input type="text" id="time1" class="times" />
-										<img src="img/rili.png" class="data-input-icon1" />
+										<!-- <img src="img/rili.png" class="data-input-icon1" /> -->
 									</div>
 								</div>
 								<!-- <ul id="right_ri">
@@ -471,10 +461,10 @@
 								</ul>
 							</div>
 							<div class="source_middle slide_middle">
-								<div class="map_bg" style="width: 95%; background-size: 76%; margin:-62px -116px;">
+								<div class="map_bg" style="width: 95%; background-size: 76%; margin:-78px -255px;">
 								</div>
 							</div>
-							<div class="source_right slide_right">
+							<div class="source_right slide_right sr_two">
 								<ul>
 									<li class="clearfix">
 										<div class="line_wrap one_line line oneRight_line"></div>
@@ -524,7 +514,7 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<p class="persent_word">总量占比</p>
 									</li>
 									<li>
 										<div class="typeWord">求助</div>
@@ -539,7 +529,7 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<p class="persent_word">总量占比</p>
 									</li>
 									<li>
 										<div class="typeWord">投诉</div>
@@ -554,7 +544,7 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<p class="persent_word">总量占比</p>
 									</li>
 									<li>
 										<div class="typeWord">建议</div>
@@ -569,7 +559,7 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<p class="persent_word">总量占比</p>
 									</li>
 									<li>
 										<div class="typeWord">表扬</div>
@@ -584,7 +574,7 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<p class="persent_word">总量占比</p>
 									</li>
 									<li>
 										<div class="typeWord">其他</div>
@@ -599,7 +589,22 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<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>
 
@@ -610,11 +615,11 @@
 						<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">
+								<div class="time_box pull-right form-inline" style="margin-right:122px;margin-top:-5px">
 									<!--地区选择：
 									<select class="areaFive selects" style="height: 30px; margin-right: 20px;"></select>-->
 									部门
-									<select class="depart selects" style="height: 20px;"> </select>
+									<select class="depart selects" style="height: 28px;"> </select>
 									日期
 									<input type="text" id="test6" class="times lasttime" style="margin-right: 0px;" /> 
 								</div>

WebChart/fourth.html

@@ -91,20 +91,20 @@
 			} */
 		.wrap {
 			margin: 0 auto;
-			height: 90%!important;
+			height: 900px!important;
 			width: 100%!important;
 		}
 		.boxwrap{
 			width: 60%;
-			height: 98%;
+		height: 900px!important;
 			float: left;
 		}
 		.smallbox{
-			width: 38%;
+			width: 30%;
 			float: right;
 			display: flex;
 		    flex-wrap: wrap;
-			margin-top: 20px;
+			margin-top: 65px;
 			margin-right: 20px;
 			justify-content:space-between;
 			
@@ -123,7 +123,7 @@
 			width: 100%;
 			border-radius: 20px;
 			display: block;
-			  height: 230px;
+			height: 160px;
 		}
 		</style>
 	</head>
@@ -144,11 +144,7 @@
 					<!--第一屏  工单统计-->
 						<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">
@@ -236,20 +232,7 @@
 										</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="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>
@@ -259,10 +242,10 @@
 											<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>
+										<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="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>
@@ -272,10 +255,10 @@
 											<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>
+										<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="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>
@@ -285,10 +268,10 @@
 											<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>
+										<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="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>
@@ -298,10 +281,10 @@
 											<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>
+										<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="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>
@@ -311,10 +294,10 @@
 											<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>
+										<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="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>
@@ -324,10 +307,10 @@
 											<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>
+										<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="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>
@@ -337,10 +320,10 @@
 											<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>
+										<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="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>
@@ -350,10 +333,10 @@
 											<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>
+										<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="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>
@@ -363,10 +346,10 @@
 											<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>
+										<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="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>
@@ -376,23 +359,25 @@
 											<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>
+										<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 id="mapSj" style="width:585px;margin-left: 105px; margin-top: 60px; 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 class="time_box pull-right form-inline"style="margin:0px 60px 0 0;">
+									日期<input type="text" id="time1" class="times" />
+									<!-- <img src="img/rili.png" class="data-input-icon1" /> -->
+								</div>
 								</div>
 								<!-- <ul id="right_ri">
 									
@@ -435,7 +420,7 @@
 									</li>
 									
 								</ul> -->
-							</div>
+							<!-- </div> -->
 						</div>
 					</div>
 
@@ -472,17 +457,17 @@
 						</ul>
 					</div>
 					<div class="source_middle slide_middle">
-						<div class="map_bg" style="width: 95%; background-size: 76%; margin:-62px -116px;">
+						<div class="map_bg" style="width: 95%; background-size: 76%; margin:-78px -255px;">
 						</div>
 					</div>
-					<div class="source_right slide_right">
+					<div class="source_right slide_right sr_two">
 						<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>
@@ -524,7 +509,7 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<p class="persent_word">总量占比</p>
 									</li>
 									<li>
 										<div class="typeWord">求助</div>
@@ -539,7 +524,7 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<p class="persent_word">总量占比</p>
 									</li>
 									<li>
 										<div class="typeWord">投诉</div>
@@ -554,7 +539,7 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<p class="persent_word">总量占比</p>
 									</li>
 									<li>
 										<div class="typeWord">建议</div>
@@ -569,7 +554,7 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<p class="persent_word">总量占比</p>
 									</li>
 									<li>
 										<div class="typeWord">表扬</div>
@@ -584,7 +569,7 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<p class="persent_word">总量占比</p>
 									</li>
 									<li>
 										<div class="typeWord">其他</div>
@@ -599,7 +584,22 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<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>
 
@@ -610,16 +610,16 @@
 						<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">
+								<div class="time_box pull-right form-inline" style="margin-right:122px;margin-top:-5px">
 									<!--地区选择：
 									<select class="areaFive selects" style="height: 30px; margin-right: 20px;"></select>-->
 									部门
-									<select class="depart selects" style="height: 20px;"></select>
+									<select class="depart selects" style="height: 28px;"> </select>
 									日期
 									<input type="text" id="test6" class="times lasttime" style="margin-right: 0px;" /> 
 								</div>
 							</div>
-							<div class="orderCon_left slide_left">
+							<div class="orderCon_left slide_left sl">
 								<div class="keyW_t">
 									投诉关键字
 								</div>
@@ -659,7 +659,6 @@
 								</div>
 							</div>
 						</div>
-						</div>
 			</div>
 			
 		<div class="smallbox">

WebChart/index.html

@@ -8,90 +8,14 @@
 		<meta name="renderer" content="webkit" />
 		<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/index.css" />
-<!-- 		<link rel="stylesheet" type="text/css" href="css/sourceChannel.css"/>
-		<link rel="stylesheet" type="text/css" href="css/receiveDepartment.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" type="text/css" href="css/main.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 {
+
+			.wrap {
 			margin: 0 auto;
 			height: 90%!important;
 			width: 100%!important;
@@ -105,24 +29,26 @@
 			margin-top: 20px;
 			margin-right: 20px;
 			justify-content:space-between;
-			
 		}
 		.smallimg{
-			border: 2px solid #00E9FF;
+			/* border: 2px solid #00E9FF; */
 			border-radius: 20px;
-			margin-bottom: 20px;
+			margin-bottom: 5px;
 		  width: 24%;
+		  background: url(./img/slide_bg1.png) no-repeat;
+		  height: 420px;
+		
+		  background-size: 106% 100%;
 		
 		}
 		.activeBox{
 			border: 2px solid #3c920c;
 		}
-		.smallimg img{
+		.imm{
 			width: 100%;
-			border-radius: 20px;
-			display: block;
-			  height: 370px;
+			height: 400px;
 		}
+	
 		</style>
 	</head>
 
@@ -135,68 +61,503 @@
 			</div>
 			<div class="nav_right"><img src="img/nav_r.png" alt="" /></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">
-				<img src="./img/background05.png" >
+			<!-- 安阳市各区县工单统计 -->
+			<div class="smallimg ">
+				<p class="top_title">安阳市各区县工单统计</p>
+				<div class="orderCon_left slide_left">
+					<ul id="det_ult" style="position: relative;">
+						<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>
+
+					<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>
+			<!-- 多媒体全渠道来源统计 -->
 			<div class="smallimg">
-				<img src="./img/background06.png" >
+				<p class="top_title" style="margin-left: 156px;">多媒体全渠道来源统计</p>
+		
+				<!-- <div class="source_left slide_left sl_more">
+					<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:-78px -255px;">
+					</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="smallimg">
-				<img src="./img/background07.png" >
+				<p class="top_title" style="margin-left: 190px;">工单类型统计</p>
+				<div class="orderTtype_Con">
+					<ul>
+						<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>
+						<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="smallimg">
-				<img src="./img/background08.png" >
+				<p class="top_title" style="margin-left: 190px;">话务量统计</p>
+				<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 sr_four">
+
+					<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 style="font-size: 12px;width: 60px;">部门名称</td>
+										<td style="font-size: 12px;">数量</td>
+										<td style="font-size: 12px;">占比</td>
+									</tr>
+								</thead>
+							</table>
+							<div class="scroll_table" style="width: 200px;height: 230px; overflow: hidden;">
+								<table class="table">
+									<colgroup>
+										<col style="width: 230px;" />
+										<col />
+									</colgroup>
+									<tbody>
+									</tbody>
+								</table>
+							</div>
+						</div>
+					</div>
+			
 			</div>
 		</div>
+		<!-- 渠道来源 -->
+		<div class="smallimg">
+			<p class="top_title" style="margin-left: 190px;">渠道来源</p>
+		<div class="pull-left" id="part3" style=" width: 90%;height: 320px;margin: 5px 45px;"></div>
+		</div>
+		<div class="smallimg">
+		<img class="imm" src="img/background06.png" >
+		</div>
+		<div class="smallimg">
+		<img class="imm" src="img/background07.png" >
+		</div>
+		<div class="smallimg">
+				<img class="imm" 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/complaintsReport.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> -->
+		<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>
+	<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')
+		})
+		// 渠道来源
+		var part3 = echarts.init(document.getElementById('part3'));
+		part3.setOption({
+			color: ['#6ce7ac', '#6a91e0', '#ceba5f', '#cb5f79', '#ae765a', '#569d4e', '#7d55ba', '#ce5aba', '#355cdd', '#44c1c6', '#ceba5e', '#c64444'],
+			title: {
+				text: '各区县占比',
+				x: 'center',
+				y: '45%',
+				textStyle: {
+					fontWeight: 'normal',
+					fontSize: 16,
+					color: '#fff'
+		
+				}
+			},
+			tooltip: {
+				trigger: 'item',
+				formatter: "{a} <br/>{b} : {c} ({d}%)",
+				axisPointer: {
+					crossStyle: {
+						color: '#fff'
+					}
+				}
+			},
+						legend: {
+							//      orient: 'vertical',
+							bottom: 'bottom',
+							data: ['安阳县','北关区','林州市','龙安区','内黄县','市区','汤阴县','安阳县','文峰区','殷都区'],
+							textStyle: {
+								color: '#fff'
+							}
+						},
+			series: [{
+				name: '数据',
+				type: 'pie',
+				radius: ['30%', '60%'],
+				center: ['50%', '50%'],
+				data: [],
+				itemStyle: {
+					emphasis: {
+						shadowBlur: 10,
+						shadowOffsetX: 0,
+						shadowColor: 'rgba(0, 0, 0, 0.5)'
+					},
+					normal: {
+						label: {
+							show: true,
+							//                                 formatter: '{b} : {c} ({d}%)' 
+							formatter: '{d}%'
+						},
+						labelLine: {
+							show: true
+						}
+					}
+				},
+				label: {
+					normal: {
+						textStyle: {
+							color: '#fff'
+						}
+					}
+				}
+			}]
+		});
+		
+		function partThree(start, end,areaOneVal) {
+			//		var index = layer.load(1, {
+			//			shade: [0.5, '#030303'] //0.1透明度的白色背景
+			//		});
+			$.ajax({
+				type: "get",
+				url: huayi.config.callcenter_url + "info/GetAreaCountByDate",
+				async: true,
+				dataType: 'json',
+				data: {
+					start: start,
+					end: end,
+					branchcode:areaOneVal
+				},
+				success: function(data) {
+					if(data.state.toLowerCase() == 'success') {
+						//						layer.close(index);
+						$('.complaint_typeL').html('');
+						$('.complaint_typeR').html('');
+						var con = data.data;
+						var part_1_legend = [];
+						var part_1_ser = [];
+						$(con).each(function(i, n) {
+							part_1_legend.push(n.AreaName)
+							var part_1_obj = {};
+							part_1_obj.value = n.Count;
+							part_1_obj.name = n.AreaName;
+							part_1_ser.push(part_1_obj)
+							if(n.AreaName.indexOf('城乡一体') != -1) {
+								n.AreaName = "城乡示范"
+							}
+							var str = '<li>' +
+								'<span class="type_name">' + n.AreaName + '</span>   <span class="type_count">' + n.Count + '</span>' +
+								'</li>'
+							if(i <= 5) {
+								$(str).appendTo('.complaint_typeL');
+							} else if(i <= 11&&i >5){
+								$(str).appendTo('.complaint_typeR');
+							}
+						})
+						part3.setOption({
+							//									legend: {
+							//										selected: {
+							//										'当即办理': false
+							//									}
+							//									},
+							series: [{
+								data: part_1_ser
+							}]
+						})
+		
+					}
+				}
+			});
+		}
+		
+		function Ajax() {
+			var areaOneVal = helper.cookies.get("areaOneVal");
+			var areaOneText = helper.cookies.get("areaOneText");
+			// partOne($('#time1').val(),areaOneVal)
+			// partTwo($('#time2').val() && $('#time2').val().split(' ~ ')[0], $('#time2').val() && $('#time2').val().split(' ~ ')[1],areaOneVal);
+			partThree($('#time3').val() && $('#time3').val().split(' ~ ')[0], $('#time3').val() && $('#time3').val().split(' ~ ')[1],areaOneVal)
+		}
+	</script>
+</html>

WebChart/js/index.js

@@ -1,6 +1,16 @@
 
 var newData=[]  //数据倒序
 var floag=true
+
+var areaOneVal = helper.cookies.get("areaOneVal");
+var areaOneText = helper.cookies.get("areaOneText");
+if (areaOneVal) {
+	var areaOneVal = helper.cookies.get("areaOneVal");
+	
+} else{
+	var areaOneVal="sqs12345"
+	
+}
 $(function() {
 	
 	loginTimeLimit(); //登录
@@ -315,7 +325,8 @@ function turn(aa) {
 				if(data.state.toLowerCase() == 'success') {
 					$('.orderTtype_Con ul').html('');
 					// 	   			layer.close(index);
-					var con = data.data;
+					var newDatas =data.data ;
+					var con =newDatas.sort(compare("TotalCount")) 
 					var img_name = '';
 					$(con).each(function(i, n) {
 						if(n.TypeName.indexOf('咨询') != -1) {
@@ -349,7 +360,7 @@ function turn(aa) {
 							'<div class="persent_box">' +
 							'<div class="persent_kuang">' + n.Percent + '</div>' +
 							'</div>' +
-							'<p class="persent_word">总计类型占比</p>' +
+							'<p class="persent_word">总量占比</p>' +
 							'</li>').appendTo('.orderTtype_Con ul');
 
 					})
@@ -449,12 +460,12 @@ function keyWord(sd, ed,areaTwoVal) {
 			},
 			success: function(data) {
 				if(data.state.toLowerCase() == 'success') {
-					var con = data.data;
+					var con = data.data.reverse();
 					if (con.length>0) {
 //						$(".keyW_t").text(con[0].TypeName)
 						$('.tagcloud').html('');
 						$(con).each(function(k, j) {
-							if(k < 12) {
+							if(k < 19) {
 								var strs = '<div index="'+j.Id+'" class="tagcloud_bj">' +
 									'<p class="tag_title">' + j.TypeName + '</p>' +
 									'<p class="imgs">' + j.Count + '</p>' +
@@ -546,3 +557,5 @@ function loginTimeLimit(){
 		}
 	});
 }
+
+

WebChart/js/map.js

@@ -17,7 +17,7 @@ window.onload = function() {
 			});
 			return;
 		}
-		var address = '河南省商丘市' + $('#sourcearea').find("option:selected").text() + $("#sourceaddress").val();
+		var address = '河南省安阳市' + $('#sourcearea').find("option:selected").text() + $("#sourceaddress").val();
 		setPlace(address);
 	});
 	
@@ -53,7 +53,7 @@ window.onload = function() {
 		}
 		map.setMapStyle({style:'bluish'});
 		//map.addControl(new BMap.MapTypeControl()); //不同类型的百度地图
-		map.setCurrentCity("商丘"); // 仅当设置城市信息时，MapTypeControl的切换功能才能可用
+		map.setCurrentCity("安阳"); // 仅当设置城市信息时，MapTypeControl的切换功能才能可用
 		//地图加载完成后加载数据
 		callback();
 	}
@@ -61,11 +61,11 @@ window.onload = function() {
 	function earth() {
 		$(".map_bg").hide();
 	    $("#mapSj").fadeIn();
-		var address = '河南省商丘市' + mapAdree;;
+		var address = '河南省安阳市' + mapAdree;;
 		//alert(address)
-		//var address = '河南省商丘市睢阳区'
+		//var address = '河南省安阳市睢阳区'
 		if(address != "") {
-			var city = '商丘市';
+			var city = '安阳市';
 			// 创建地址解析器实例
 			//  var myGeo = new BMap.Geocoder();
 			myGeo.getPoint(address, function(point) {

WebChart/js/map1.js

@@ -19,7 +19,7 @@ window.onload = function() {
 			});
 			return;
 		}
-		var address = '河南省商丘市' + $('#sourcearea').find("option:selected").text() + $("#sourceaddress").val();
+		var address = '河南省安阳市' + $('#sourcearea').find("option:selected").text() + $("#sourceaddress").val();
 		setPlace(address);
 	});
 	
@@ -37,9 +37,9 @@ window.onload = function() {
 	});
 	//数据为空加载地图
 	function mapLoad(){
-		var city = '商丘市';
+		var city = '安阳市';
 		// 创建地址解析器实例
-		var address = '河南省商丘'+mapAdree;
+		var address = '河南省安阳'+mapAdree;
 		var myGeo = new BMap.Geocoder();
 		myGeo.getPoint(address, function(point) {
 			if(point) {
@@ -105,9 +105,9 @@ window.onload = function() {
 		if($(".store_Lng").val()!=115.659773){
 			createMarker(point);
 		}
-		map.setMapStyle({style:'bluish'});
+		map.setMapStyle({style:'googlelite'});
 		//map.addControl(new BMap.MapTypeControl()); //不同类型的百度地图
-		map.setCurrentCity("商丘"); // 仅当设置城市信息时，MapTypeControl的切换功能才能可用
+		map.setCurrentCity("安阳"); // 仅当设置城市信息时，MapTypeControl的切换功能才能可用
 		//地图加载完成后加载数据
 		callback();
 	}
@@ -116,11 +116,11 @@ window.onload = function() {
 	function earth() {
 		$(".map_bg").hide();
 	    $("#mapSj").fadeIn();
-		var address = '河南省商丘市' + mapAdree;
+		var address = '河南省安阳市' + mapAdree;
 		//alert(address)
-		//var address = '河南省商丘市睢阳区'
+		//var address = '河南省安阳市睢阳区'
 		if(address != "") {
-			var city = '商丘市';
+			var city = '安阳市';
 			// 创建地址解析器实例
 			//  var myGeo = new BMap.Geocoder();
 			myGeo.getPoint(address, function(point) {
@@ -248,30 +248,30 @@ window.onload = function() {
 				map.setZoom(18);
 			}
 			//解析地址
-			var rsaddress = rs.address;
-			console.log(rs);
-			console.log(rs.addressComponents.district)
-			if (rs.addressComponents.district=="睢阳区") {
-				$('#sourcearea').val("2");
-			}else if (rs.addressComponents.district=="梁园区"){
-				$('#sourcearea').val("3");
-			}else if (rs.addressComponents.district=="永城市"){
-				$('#sourcearea').val("4");
-			}else if (rs.addressComponents.district=="民权县"){
-				$('#sourcearea').val("5");
-			}else if (rs.addressComponents.district=="睢县"){
-				$('#sourcearea').val("6");
-			}else if (rs.addressComponents.district=="宁陵县"){
-				$('#sourcearea').val("7");
-			}else if (rs.addressComponents.district=="柘城县"){
-				$('#sourcearea').val("8");
-			}else if (rs.addressComponents.district=="虞城县"){
-				$('#sourcearea').val("9");
-			}else if (rs.addressComponents.district=="夏邑县"){
-				$('#sourcearea').val("10");
-			}else if (rs.addressComponents.district=="城乡一体化示范区"){
-				$('#sourcearea').val("11");
-			}
+			// var rsaddress = rs.address;
+			// console.log(rs);
+			// console.log(rs.addressComponents.district)
+			// if (rs.addressComponents.district=="睢阳区") {
+			// 	$('#sourcearea').val("2");
+			// }else if (rs.addressComponents.district=="梁园区"){
+			// 	$('#sourcearea').val("3");
+			// }else if (rs.addressComponents.district=="永城市"){
+			// 	$('#sourcearea').val("4");
+			// }else if (rs.addressComponents.district=="民权县"){
+			// 	$('#sourcearea').val("5");
+			// }else if (rs.addressComponents.district=="林州市"){
+			// 	$('#sourcearea').val("6");
+			// }else if (rs.addressComponents.district=="宁陵县"){
+			// 	$('#sourcearea').val("7");
+			// }else if (rs.addressComponents.district=="柘城县"){
+			// 	$('#sourcearea').val("8");
+			// }else if (rs.addressComponents.district=="虞城县"){
+			// 	$('#sourcearea').val("9");
+			// }else if (rs.addressComponents.district=="夏邑县"){
+			// 	$('#sourcearea').val("10");
+			// }else if (rs.addressComponents.district=="城乡一体化示范区"){
+			// 	$('#sourcearea').val("11");
+			// }
 			$('#sourcearea').find("option:selected").text(rs.addressComponents.district);
 			//$('#sourcearea').find("option:selected").val(rs.addressComponents.district);
 			if (rs.surroundingPois.length>0) {

WebChart/js/sourceChannel.js

@@ -353,14 +353,14 @@ part3.setOption({
 			}
 		}
 	},
-	//			legend: {
-	//				//      orient: 'vertical',
-	//				bottom: 'bottom',
-	//				data: [],
-	//				textStyle: {
-	//					color: '#fff'
-	//				}
-	//			},
+				legend: {
+					//      orient: 'vertical',
+					bottom: 'bottom',
+					data: ['安阳县','北关区','林州市','龙安区','内黄县','市区','汤阴县','安阳县','文峰区','殷都区'],
+					textStyle: {
+						color: '#fff'
+					}
+				},
 	series: [{
 		name: '数据',
 		type: 'pie',

WebChart/receiptDepartment.html

@@ -72,25 +72,23 @@
 			}
 			.wrap {
 				margin: 0 auto;
-				height: 90%!important;
+				height: 900px!important;
 				width: 100%!important;
 			}
 			.boxwrap{
-				width: 60%;
-				height: 98%;
+				width: 64%;
+			    height: 900px!important;
 				float: left;
 				text-align: center;
-				
-				font-size: 32px;
-				color: #FFFFFF;
-				letter-spacing: 10px;
+				margin-left: 20px;
+					
 			}
 			.smallbox{
-				width: 38%;
+				width: 30%;
 				float: right;
 				display: flex;
 			    flex-wrap: wrap;
-				margin-top: 20px;
+				margin-top: 65px;
 				margin-right: 20px;
 				justify-content:space-between;
 				
@@ -109,7 +107,7 @@
 				width: 100%;
 				border-radius: 20px;
 				display: block;
-				  height: 230px;
+				height: 160px;
 			}
 			.bt{
 				font-size: 32px;
@@ -130,7 +128,7 @@
 		</div>
 		<!--导航栏结束-->
 		<div  class="boxwrap">
-			<p class="bt">来源渠道</p>
+			<p class="bt">接单部门</p>
 				<div class="phone_top">
 				<div class="legend_bar clearfix">
 					<div class="title_word pull-left">
@@ -299,7 +297,7 @@
 						<span class="col-line"></span> 工单处理时间分布
 					</div>
 					
-					<div class="time_box pull-right form-inline">
+					<div class="time_box pull-right form-inline" style="top: 40px;">
 						日期<input type="text" id="tody_time" class="times"/>
 					</div>
 

WebChart/second.html

@@ -91,20 +91,20 @@
 			} */
 		.wrap {
 			margin: 0 auto;
-			height: 90%!important;
+			height: 900px!important;
 			width: 100%!important;
 		}
 		.boxwrap{
 			width: 60%;
-			height: 98%;
+		height: 900px!important;
 			float: left;
 		}
 		.smallbox{
-			width: 38%;
+			width: 30%;
 			float: right;
 			display: flex;
 		    flex-wrap: wrap;
-			margin-top: 20px;
+			margin-top: 65px;
 			margin-right: 20px;
 			justify-content:space-between;
 			
@@ -123,10 +123,7 @@
 			width: 100%;
 			border-radius: 20px;
 			display: block;
-			  height: 230px;
-		}
-		.slideCon_bg_block{
-			display: block;
+			height: 160px;
 		}
 		</style>
 	</head>
@@ -239,162 +236,151 @@
 										</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 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>
-										<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 id="mapSj" style="width:585px;margin-left: 105px; margin-top: 60px; 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="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">
+									<div class="time_box pull-right form-inline"style="margin:0px 60px 0 0;">
 										日期<input type="text" id="time1" class="times" />
-										<img src="img/rili.png" class="data-input-icon1" />
+										<!-- <img src="img/rili.png" class="data-input-icon1" /> -->
 									</div>
 								</div>
 								<!-- <ul id="right_ri">
@@ -474,17 +460,17 @@
 								</ul>
 							</div>
 							<div class="source_middle slide_middle">
-								<div class="map_bg" style="width: 95%; background-size: 76%; margin:-62px -116px;">
+								<div class="map_bg" style="width: 95%; background-size: 76%; margin:-78px -255px;">
 								</div>
 							</div>
-							<div class="source_right slide_right">
+							<div class="source_right slide_right sr_two">
 								<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>
@@ -526,7 +512,7 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<p class="persent_word">总量占比</p>
 									</li>
 									<li>
 										<div class="typeWord">求助</div>
@@ -541,7 +527,7 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<p class="persent_word">总量占比</p>
 									</li>
 									<li>
 										<div class="typeWord">投诉</div>
@@ -556,7 +542,7 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<p class="persent_word">总量占比</p>
 									</li>
 									<li>
 										<div class="typeWord">建议</div>
@@ -571,7 +557,7 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<p class="persent_word">总量占比</p>
 									</li>
 									<li>
 										<div class="typeWord">表扬</div>
@@ -586,7 +572,7 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<p class="persent_word">总量占比</p>
 									</li>
 									<li>
 										<div class="typeWord">其他</div>
@@ -601,7 +587,22 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<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>
 
@@ -612,16 +613,16 @@
 						<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">
+								<div class="time_box pull-right form-inline" style="margin-right:122px;margin-top:-5px">
 									<!--地区选择：
 									<select class="areaFive selects" style="height: 30px; margin-right: 20px;"></select>-->
 									部门
-									<select class="depart selects" style="height: 20px;"></select>
+									<select class="depart selects" style="height: 28px;"> </select>
 									日期
 									<input type="text" id="test6" class="times lasttime" style="margin-right: 0px;" /> 
 								</div>
 							</div>
-							<div class="orderCon_left slide_left">
+							<div class="orderCon_left slide_left sl">
 								<div class="keyW_t">
 									投诉关键字
 								</div>
@@ -661,7 +662,6 @@
 								</div>
 							</div>
 						</div>
-						</div>
 			</div>
 			
 		<div class="smallbox">

WebChart/sourceChannel.html

@@ -151,19 +151,19 @@
 			    
 			}
 			.boxwrap{
-				width: 60%;
-				height: 98%;
+				width: 64%;
+			    height: 900px!important;
 				float: left;
 				text-align: center;
-				
-			
+				margin-left: 20px;
+					
 			}
 			.smallbox{
-				width: 38%;
+				width: 30%;
 				float: right;
 				display: flex;
 			    flex-wrap: wrap;
-				margin-top: 20px;
+				margin-top: 65px;
 				margin-right: 20px;
 				justify-content:space-between;
 				
@@ -182,7 +182,7 @@
 				width: 100%;
 				border-radius: 20px;
 				display: block;
-				  height: 230px;
+				height: 160px;
 			}
 			.bt{
 				font-size: 32px;
@@ -245,7 +245,7 @@
 
 					</div>
 					<div class="clearfix">
-						<ul class="pull-left complaint_typeL" style=" width:25%;">
+						<!-- <ul class="pull-left complaint_typeL" style=" width:25%;">
 							<li>
 								<span class="type_name">咨询</span> <span class="type_count">956</span>
 							</li>
@@ -256,11 +256,11 @@
 							<li> <span class="type_name">咨询</span> <span class="type_count">956</span></li>
 							<li> <span class="type_name">咨询</span> <span class="type_count">956</span></li>
 							<li> <span class="type_name">咨询</span> <span class="type_count">956</span></li>
-						</ul>
+						</ul> -->
 						<!--投诉分类统计-->
-						<div class="pull-left" id="part3" style=" width: 50%;height: 340px;"></div>
+						<div class="pull-left" id="part3" style=" width: 95%;height: 350px;margin: 15px;"></div>
 						
-						<ul class="pull-left complaint_typeR" style=" width:25%;">
+						<!-- <ul class="pull-left complaint_typeR" style=" width:25%;">
 							<li>
 								<span class="type_name">咨询</span> <span class="type_count">956</span>
 							</li>
@@ -271,7 +271,7 @@
 							<li> <span class="type_name">咨询</span> <span class="type_count">956</span></li>
 							<li> <span class="type_name">咨询</span> <span class="type_count">956</span></li>
 							<li> <span class="type_name">咨询</span> <span class="type_count">956</span></li>
-						</ul>
+						</ul> -->
 					</div>
 				</div>
 

WebChart/third.html

@@ -91,20 +91,20 @@
 			} */
 		.wrap {
 			margin: 0 auto;
-			height: 90%!important;
+			height: 900px!important;
 			width: 100%!important;
 		}
 		.boxwrap{
 			width: 60%;
-			height: 98%;
+		height: 900px!important;
 			float: left;
 		}
 		.smallbox{
-			width: 38%;
+			width: 30%;
 			float: right;
 			display: flex;
 		    flex-wrap: wrap;
-			margin-top: 20px;
+			margin-top: 65px;
 			margin-right: 20px;
 			justify-content:space-between;
 			
@@ -123,7 +123,7 @@
 			width: 100%;
 			border-radius: 20px;
 			display: block;
-			  height: 230px;
+			height: 160px;
 		}
 		</style>
 	</head>
@@ -236,163 +236,152 @@
 										</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 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>
-									
-									
-									<!-- <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>
+									<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>
-									
-									<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>
+									<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>
-									
-									<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>
+									<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>
-									
-									<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>
+									<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>
-									
-									<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>
+									<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>
-									
-									<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>
+									<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>
-									
-									<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>
+									<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>
-									
-									<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>
+									<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>
-									
-									<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>
+									<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>
-									
-									<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> -->
+									<span class="txt txt_XYX">滑县</br><span class="YCS_num"></span></span>
 								</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 id="mapSj" style="width:585px;margin-left: 105px; margin-top: 60px; 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">
+									<div class="time_box pull-right form-inline"style="margin:0px 60px 0 0;">
 										日期<input type="text" id="time1" class="times" />
-										<img src="img/rili.png" class="data-input-icon1" />
-									</div>
+										<!-- <img src="img/rili.png" class="data-input-icon1" /> -->
+									</div> 
 								</div>
 								<!-- <ul id="right_ri">
 									
@@ -471,17 +460,17 @@
 						</ul>
 					</div>
 					<div class="source_middle slide_middle">
-						<div class="map_bg" style="width: 95%; background-size: 76%; margin:-62px -116px;">
+						<div class="map_bg" style="width: 95%; background-size: 76%; margin:-78px -255px;">
 						</div>
 					</div>
-					<div class="source_right slide_right">
+					<div class="source_right slide_right sr_two">
 						<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>
@@ -523,7 +512,7 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<p class="persent_word">总量占比</p>
 									</li>
 									<li>
 										<div class="typeWord">求助</div>
@@ -538,7 +527,7 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<p class="persent_word">总量占比</p>
 									</li>
 									<li>
 										<div class="typeWord">投诉</div>
@@ -553,7 +542,7 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<p class="persent_word">总量占比</p>
 									</li>
 									<li>
 										<div class="typeWord">建议</div>
@@ -568,7 +557,7 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<p class="persent_word">总量占比</p>
 									</li>
 									<li>
 										<div class="typeWord">表扬</div>
@@ -583,7 +572,7 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<p class="persent_word">总量占比</p>
 									</li>
 									<li>
 										<div class="typeWord">其他</div>
@@ -598,7 +587,22 @@
 										<div class="persent_box">
 											<div class="persent_kuang">0</div>
 										</div>
-										<p class="persent_word">总计类型占比</p>
+										<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>
 
@@ -609,16 +613,16 @@
 						<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">
+								<div class="time_box pull-right form-inline" style="margin-right:122px;margin-top:-5px">
 									<!--地区选择：
 									<select class="areaFive selects" style="height: 30px; margin-right: 20px;"></select>-->
 									部门
-									<select class="depart selects" style="height: 20px;"></select>
+									<select class="depart selects" style="height: 28px;"> </select>
 									日期
 									<input type="text" id="test6" class="times lasttime" style="margin-right: 0px;" /> 
 								</div>
 							</div>
-							<div class="orderCon_left slide_left">
+							<div class="orderCon_left slide_left sl">
 								<div class="keyW_t">
 									投诉关键字
 								</div>
@@ -658,7 +662,6 @@
 								</div>
 							</div>
 						</div>
-						</div>
 			</div>
 			
 		<div class="smallbox">

WebUI/CallCenterWeb.UI/CommonHtml/PrintPreview-1.html

@@ -292,7 +292,7 @@
 						</td>
 						<td class="printdd" colspan="7">
 							<img class="img yzimg" src="../img/yinzhang.png">
-							<span class="jbyj"></span>
+							<span class="jbyj">&nbsp;&nbsp;请于1小时内与来电人取得联系（匿名除外），于5个工作日内将办理情况反馈来电人，并将办理结果报市长便民公开电话受理中心，同时做好匿名来电的信息保密工作。（若超期将进行通报；若无故不回复，将转交市委政府督查局。</span>
 						</td>
 					</tr>
 					<tr style="height: 130px;">