调整页面、数据，搜索参数未传，

WebChart_2.0/TelephoneDetails.html

@@ -42,6 +42,7 @@
 					</div>
 					<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>
 				<div id="sitProportion" style=" width: 100%;height: 400px;"></div>

WebChart_2.0/complaintsReport.html

@@ -137,6 +137,7 @@
 					</div>
 					<div class="time_box pull-right form-inline">
 						日期<input type="text" id="time2" class="times" />
+						<img src="img/rili.png" class="data-input-icon1"/>
 					</div>
 				</div>
 				<div id="part_1" style="width: 100%;height: 400px;"></div>

WebChart_2.0/css/index.css

@@ -260,7 +260,7 @@ a {
 }
 
 .slide_middle {
-	width: 50%;
+	width: 49%;
 }
 
 .orderStatistic>.orderCon_middle {
@@ -311,8 +311,45 @@ a {
 	right: 30px;
 	top: 30px;
 }
-
-
+#det_ult{
+	width:280px;
+	height:640px;
+	/*overflow: auto;
+	overflow-y:scroll;*/
+	
+	
+	white-space: nowrap;
+    -webkit-overflow-scrolling: touch;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 0 0.1rem;
+    margin-bottom: -.2rem;
+    overflow: -moz-scrollbars-none;
+    overflow: -moz-scrollbars-none;
+
+}
+#det_ult::-webkit-scrollbar{
+	display: none;
+}
+#right_ri{
+	width:280px;
+	height:640px;
+	/*overflow: auto;
+	overflow-y:scroll;*/
+	
+	
+	white-space: nowrap;
+    -webkit-overflow-scrolling: touch;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 0 0.1rem;
+    margin-bottom: -.2rem;
+    overflow: -moz-scrollbars-none;
+    overflow: -moz-scrollbars-none;
+}
+#right_ri::-webkit-scrollbar{
+	display: none;
+}
 
 /*雷达样式开始*/
 
@@ -1733,8 +1770,23 @@ a {
 	position: relative;
 	margin-right: 30px;
 }
-
-.time_box:before {
+.time_box img{
+    width:20px;
+    height:20px;
+	position:absolute;
+	top:3px;
+	right: 10px;
+	z-index: 777777;
+}
+#bor_dere img{
+	 width:20px;
+    height:20px;
+	position:absolute;
+	top:4px;
+	left: 240px;
+	z-index: 777777;
+}
+/*.time_box:before {
 	position: absolute;
 	left: 248px;
 	top: 7px;
@@ -1745,7 +1797,7 @@ a {
 	border-top: 10px solid #00e9ff;
 	border-right: 7px solid transparent;
 	border-left: 7px solid transparent;
-}
+}*/
 .time_box_three:before{
 	left: 192px;
 }

WebChart_2.0/index.html

@@ -32,8 +32,8 @@
 				
 			}
 			.slide_right .twotimeWarp {
-				top: -149px;
-				left: -22px;
+				top: -68px;
+				left: 0px;
 			}
 			
 			.slide_right .lasttimeWrap {
@@ -56,7 +56,7 @@
 						<div class="orderStatistic slideCon_bg clearfix">
 							<p class="slide_title slide_title1"></p>
 							<div class="orderCon_left slide_left">
-								<ul>
+								<ul id="det_ult">
 									<li>
 										<img src="img/num_icon.png" alt="" />
 										<p class="num_word">
@@ -119,6 +119,27 @@
 											<span class="order_count5" id="xdpz_count">0</span>
 										</p>
 									</li>
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>褚庙乡</span>
+											<span class="order_count5" id="xdpz_chumiao">0</span>
+										</p>
+									</li>
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>老颜集乡</span>
+											<span class="order_count5" id="xdpz_laoyanji">0</span>
+										</p>
+									</li>
+									<!--<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>绿洲</span>
+											<span class="order_count5" id="xdpz_lvzhou">0</span>
+										</p>
+									</li>-->
 									<!--<li class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.3s" swiper-animate-delay="6.5s">-->
 									
 									
@@ -151,9 +172,10 @@
 								<div class="timeWrap">
 									<div class="time_box pull-right form-inline">
 										日期<input type="text" id="time1" class="times" />
+										<img src="img/rili.png" class="data-input-icon1"/>
 									</div>
 								</div>
-								<ul>
+								<ul id="right_ri">
 									<!--<li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.3s" swiper-animate-delay="4s">-->
 
 									<!--<li class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.3s" swiper-animate-delay="4.5s">-->
@@ -175,7 +197,7 @@
 									<li>
 										<img src="img/num_icon.png" alt="" />
 										<p class="num_word">
-											<span>王庄镇</span>
+											<span>王庄寨镇</span>
 											<span class="order_count3" id="wxz_count">0</span>
 										</p>
 									</li>
@@ -217,6 +239,20 @@
 											<span class="order_count6" id="saz_count">0</span>
 										</p>
 									</li>
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>南华</span>
+											<span class="order_count6" id="saz_nanhua">0</span>
+										</p>
+									</li>
+									<li>
+										<img src="img/num_icon.png" alt="" />
+										<p class="num_word">
+											<span>庄子镇</span>
+											<span class="order_count6" id="saz_zhuangzi">0</span>
+										</p>
+									</li>
 									<!-- 施庵镇、前高庙乡 -->
 								</ul>
 							</div>
@@ -253,6 +289,7 @@
 								<div class="timeWrap twotimeWarp">
 									<div class="time_box pull-right form-inline">
 										日期<input type="text" id="time2" class="times" />
+										<img src="img/rili.png" class="data-input-icon2"/>
 									</div>
 								</div>
 								<ul>
@@ -280,9 +317,10 @@
 					<div class="swiper-slide">
 						<div class="slideCon_bg orderType clearfix">
 							<p class="slide_title slide_title3"></p>
-							<div class="timeWrap twotimeWarp" style="float: right; margin-right: 200px;">
+							<div class="timeWrap twotimeWarp" style="float: right; margin-right: 200px; margin-top: -85px;">
 								<div class="time_box pull-right form-inline time_box_three">
 									日期<input type="text" id="time3" class="times" />
+									<img src="img/rili.png" class="data-input-icon3"/>
 								</div>
 							</div>
 							<div class="orderTtype_Con">
@@ -445,6 +483,7 @@
 								<div class="timeWrap" style="left: 5px;">
 									<div class="time_box pull-right form-inline">
 										日期<input type="text" id="time4" class="times" />
+										<img src="img/rili.png" class="data-input-icon4"/>
 									</div>
 								</div>
 								<ul class="orderState_ul">
@@ -507,9 +546,10 @@
 							</div>
 							<div class="orderCon_right slide_right">
 								<div class="timeWrap lasttimeWrap timeWrapPosi">
-									<div class="time_box pull-right form-inline">
+									<div class="time_box pull-right form-inline" id="bor_dere">
 										日期
 										<input type="text" id="test6" class="times lasttime" style="margin-right: 50px;"/>
+										<img src="img/rili.png" class="data-input-icon5"/>
 										部门
 										<select class="depart selects"></select>
 									</div>

WebChart_2.0/js/TelephoneDetails.js

@@ -1,6 +1,8 @@
 	$(function(){
 		laydate.render({
 		elem: '#time1',
+		eventElem:'.data-input-icon1',
+		trigger:'click',
 		range: '~',
 		theme: '#114a97',
 		    done: function(value, date) {

WebChart_2.0/js/complaintsReport.js

@@ -1,6 +1,8 @@
 $(function() {
 	laydate.render({
 		elem: '#time2',
+		eventElem:'.data-input-icon1',
+		trigger:'click',
 		range: '~',
 		format: 'yyyy-MM-dd',
 		theme: '#114a97',

WebChart_2.0/js/index.js

@@ -31,6 +31,8 @@
 	deprtment();// 第五屏部门下拉
 	laydate.render({
 					elem: '#time1',
+					eventElem:'.data-input-icon1',
+		            trigger:'click',
 					range: '~',
 					format: 'yyyy-MM-dd',
 					theme: '#114a97',
@@ -40,6 +42,8 @@
 				});
 	laydate.render({
 					elem: '#time2',
+					eventElem:'.data-input-icon2',
+		            trigger:'click',
 					range: '~',
 					format: 'yyyy-MM-dd',
 					theme: '#114a97',
@@ -49,6 +53,8 @@
 				});
 	laydate.render({
 					elem: '#time3',
+					eventElem:'.data-input-icon3',
+		            trigger:'click',
 					format: 'yyyy-MM-dd',
 					theme: '#114a97',
 					done: function(value) {
@@ -57,6 +63,8 @@
 				});
 	laydate.render({
 					elem: '#time4',
+					eventElem:'.data-input-icon4',
+		            trigger:'click',
 					range: '~',
 					format: 'yyyy-MM-dd',
 					theme: '#114a97',
@@ -66,6 +74,8 @@
 				});
 	laydate.render({
 					elem: '#test6',
+					eventElem:'.data-input-icon5',
+		            trigger:'click',
 					range: '~',
 					format: 'yyyy-MM-dd',
 					theme: '#114a97',
@@ -91,7 +101,14 @@ var cityObj = {
 		ele14: "syz_count",
 		ele15: "lhpz_count",
 		ele16: "saz_count",
-		ele17: "djbl_count"
+		ele17: "djbl_count",
+		
+		ele18: "xdpz_chumiao",
+		ele19: "xdpz_laoyanji",
+		ele20: "xdpz_lvzhou",
+		ele21: "saz_nanhua",
+		ele22: "saz_zhuangzi"
+		
 	}
 	var vars = {};
 	getCountUp(cityObj)
@@ -163,52 +180,68 @@ function turn(aa) {
 						if(n.AreaName.indexOf('民权县') != -1) {
 							vars.xyx_count.update(n.Count);
 						}
-						if(n.AreaName.indexOf('城关镇') != -1) {
+						if(n.AreaName.indexOf('城关') != -1) {
 							vars.hc_count.update(n.Count);
 						}
-						if(n.AreaName.indexOf('程庄镇') != -1) {
+						if(n.AreaName.indexOf('程庄') != -1) {
 							vars.hh_count.update(n.Count);
 						}
-						if(n.AreaName.indexOf('孙六镇') != -1) {
+						if(n.AreaName.indexOf('孙六') != -1) {
 							vars.qgmx_count.update(n.Count);
 						}
-						if(n.AreaName.indexOf('龙塘镇') != -1) {
+						if(n.AreaName.indexOf('龙塘') != -1) {
 							vars.wzz_count.update(n.Count);
 						}
-						if(n.AreaName.indexOf('白云寺镇') != -1) {
+						if(n.AreaName.indexOf('白云') != -1) {
 							vars.szx_count.update(n.Count);
 						}
-						if(n.AreaName.indexOf('双塔镇') != -1) {
+						if(n.AreaName.indexOf('双塔') != -1) {
 							vars.sgx_count.update(n.Count);
 						}
-						if(n.AreaName.indexOf('人和镇') != -1) {
+						if(n.AreaName.indexOf('人和') != -1) {
 							vars.wjz_count.update(n.Count);
 						}
-						if(n.AreaName.indexOf('王桥镇') != -1) {
+						if(n.AreaName.indexOf('王桥') != -1) {
 							vars.cjx_count.update(n.Count);
 						}
-						if(n.AreaName.indexOf('北关镇') != -1) {
+						if(n.AreaName.indexOf('北关') != -1) {
 							vars.xdpz_count.update(n.Count);
 						}
-						if(n.AreaName.indexOf('王庄镇') != -1) {
+						if(n.AreaName.indexOf('王庄') != -1) {
 							vars.wxz_count.update(n.Count);
 						}
-						if(n.AreaName.indexOf('野岗乡') != -1) {
+						if(n.AreaName.indexOf('野岗') != -1) {
 							vars.fjx_count.update(n.Count);
 						}
-						if(n.AreaName.indexOf('花园乡') != -1) {
+						if(n.AreaName.indexOf('花园') != -1) {
 							vars.wzz_count1.update(n.Count);
 						}
-						if(n.AreaName.indexOf('伯党乡') != -1) {
+						if(n.AreaName.indexOf('伯党') != -1) {
 							vars.syz_count.update(n.Count);
 						}
-						if(n.AreaName.indexOf('胡集乡') != -1) {
+						if(n.AreaName.indexOf('胡集') != -1) {
 							vars.lhpz_count.update(n.Count);
 						}
-						if(n.AreaName.indexOf('林七乡') != -1) {
+						if(n.AreaName.indexOf('林七') != -1) {
 							vars.saz_count.update(n.Count);
 						}
 						
+						if(n.AreaName.indexOf('南华') != -1) {
+							vars.saz_nanhua.update(n.Count);
+						}
+						if(n.AreaName.indexOf('庄子') != -1) {
+							vars.saz_zhuangzi.update(n.Count);
+						}
+						if(n.AreaName.indexOf('褚庙') != -1) {
+							vars.xdpz_chumiao.update(n.Count);
+						}
+						if(n.AreaName.indexOf('老颜集') != -1) {
+							vars.xdpz_laoyanji.update(n.Count);
+						}
+						if(n.AreaName.indexOf('绿洲') != -1) {
+							vars.xdpz_lvzhou.update(n.Count);
+						}
+						
 					})
 				}
 			}

WebChart_2.0/js/receiptDepartment.js

@@ -1,6 +1,8 @@
 $(function() {
 	laydate.render({
 		elem: '#phone_time',
+		eventElem:'.data-input-icon1',
+		trigger:'click',
 		range: '~',
 		theme: '#114a97',
 		done: function(value, date) {
@@ -271,14 +273,15 @@ sitProportion.setOption({
 
 });
 
-function partThree(dates) {
+function partThree(starts, ends) {
 	$.ajax({
 		type: "get",
-		url: huayi.config.callcenter_url + "info/GetDealCount24ByDate",
+		url: huayi.config.callcenter_url + "info/GetDealDate",
 		dataType: 'json',
 		async: true,
 		data: {
-			date: dates,
+			start: starts,
+			end: ends,
 		},
 		success: function(data) {
 			if(data.state.toLowerCase() == 'success') {

WebChart_2.0/js/sourceChannel.js

@@ -2,6 +2,8 @@ $(function() {
 				
 				laydate.render({
 					elem: '#time2',
+					eventElem:'.data-input-icon1',
+		            trigger:'click',
 					range: '~',
 					format: 'yyyy-MM-dd',
 					theme: '#114a97',
@@ -37,6 +39,7 @@ $(function() {
 				legend: {
 					top: 'top',
 					left: '180px',
+					itemWidth:18,  
 					data: [],
 					textStyle: {
 						color: '#00e9ff'
@@ -80,14 +83,15 @@ $(function() {
 				},
 				series: []
 			});
-			function partOne(dates) {
+			function partOne(start,end) {
 				$.ajax({
 					type: "get",
-					url: huayi.config.callcenter_url + "info/GetAreaCount24ByDate",
+					url: huayi.config.callcenter_url + "info/GetCountByDate",
 					async: true,
 					dataType: "json",
 					data: {
-						date: dates
+						start:start,
+						end:end
 					},
 					success: function(data) {
 						if(data.state.toLowerCase() == "success") {
@@ -346,9 +350,9 @@ $(function() {
 									var str='<li>' +
 									'<span class="type_name">' + n.AreaName + '</span>   <span class="type_count">' + n.Count + '</span>' +
 									'</li>'
-									if(i<=7){
+									if(i<=9){
 										$(str).appendTo('.complaint_typeL');
-									}else if(i<=15){
+									}else if(i<=20){
 											$(str).appendTo('.complaint_typeR');
 									}
 								}

WebChart_2.0/receiptDepartment.html

@@ -79,6 +79,7 @@
 					</div>
 					<div class="time_box pull-right form-inline">
 						日期<input type="text" id="phone_time" class="times"/>
+						<img src="img/rili.png" class="data-input-icon1"/>
 					</div>
 					<!--<div class="time_box pull-right form-inline selects_box">
 						筛选<select name="" class="selects" id="">

WebChart_2.0/sourceChannel.html

@@ -88,7 +88,7 @@
 			}
 			.bottom_right ul.complaint_typeL li{
 				text-align: right;
-					margin-left: 30px;
+			    margin-left: 30px;
 			}
 			.bottom_right ul.complaint_typeR li{
 					text-align: left;
@@ -96,7 +96,7 @@
 			}
 			
 			.bottom_right ul li:nth-of-type(1) {
-				margin-top: 50px;
+				/*margin-top: 50px;*/
 				background: url(img/sbx_line0.png) no-repeat;
 			}
 			
@@ -137,6 +137,15 @@
 			.bottom_right ul li:nth-of-type(8) {
 				background: url(img/sbx_line5.png) no-repeat;
 			}
+			.bottom_right ul li:nth-of-type(9) {
+				background: url(img/sbx_line1.png) no-repeat;
+			}
+			.bottom_right ul li:nth-of-type(10) {
+				background: url(img/sbx_line2.png) no-repeat;
+			}
+			.bottom_right ul li:nth-of-type(11) {
+				background: url(img/sbx_line3.png) no-repeat;
+			}
 			.bottom_right ul.complaint_typeR li:nth-of-type(6) {
 				background: url(img/sbx_liner5.png) no-repeat;
 			}
@@ -146,6 +155,15 @@
 			.bottom_right ul.complaint_typeR li:nth-of-type(8) {
 				background: url(img/sbx_liner5.png) no-repeat;
 			}
+			.bottom_right ul.complaint_typeR li:nth-of-type(9) {
+				background: url(img/sbx_liner1.png) no-repeat;
+			}
+			.bottom_right ul.complaint_typeR li:nth-of-type(10) {
+				background: url(img/sbx_liner2.png) no-repeat;
+			}
+			.bottom_right ul.complaint_typeR li:nth-of-type(11) {
+				background: url(img/sbx_liner3.png) no-repeat;
+			}
 			.type_name {
 				color: #00e9ff;
 			}
@@ -162,6 +180,42 @@
 			.time_box_posi:before{
 				left: 195px;
 			}
+			
+			.complaint_typeL{
+				height:324px;
+				/*background:red;*/
+				white-space: nowrap;
+			    -webkit-overflow-scrolling: touch;
+			    overflow-y: auto;
+			    overflow-x: hidden;
+			    padding: 0 0.1rem;
+			    margin-bottom: -.2rem;
+			    margin-top:28px;
+			    overflow: -moz-scrollbars-none;
+			    overflow: -moz-scrollbars-none;
+			}
+			.complaint_typeL::-webkit-scrollbar{
+				display: none;
+			}
+			
+			.complaint_typeR{
+				height:324px;
+				/*background:red;*/
+				
+				
+				white-space: nowrap;
+			    -webkit-overflow-scrolling: touch;
+			    overflow-y: auto;
+			    overflow-x: hidden;
+			    padding: 0 0.1rem;
+			    margin-bottom: -.2rem;
+			    margin-top:28px;
+			    overflow: -moz-scrollbars-none;
+			    overflow: -moz-scrollbars-none;
+			}
+			.complaint_typeR::-webkit-scrollbar{
+				display: none;
+			}
 		</style>
 	</head>
 
@@ -198,8 +252,9 @@
 					<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="position: absolute;top:30px;right: 0;">
 						日期<input type="text" id="time2" class="times" />
+						<img src="img/rili.png" class="data-input-icon1"/>
 					</div>
 				</div>
 				<div id="part_1" style="width: 100%;height: 400px;"></div>
@@ -224,8 +279,8 @@
 							<span class="col-line"></span> 受理区域统计
 						</div>
 					</div>
-					<div class="clearfix">
-						<ul class="pull-left complaint_typeL" style=" width:25%;">
+					<div class="clearfix" style="position: relative;">
+						<ul class="pull-left complaint_typeL" style=" width:25%;height:335px;margin-top: 30px;">
 							<li>
 								<span class="type_name">咨询</span> <span class="type_count">0</span>
 							</li>
@@ -236,12 +291,12 @@
 							<li> <span class="type_name">咨询</span> <span class="type_count">0</span></li>
 							<li> <span class="type_name">咨询</span> <span class="type_count">0</span></li>
 							<li> <span class="type_name">咨询</span> <span class="type_count">0</span></li>
-							li> <span class="type_name">咨询</span> <span class="type_count">0</span></li>
+							<li> <span class="type_name">咨询</span> <span class="type_count">0</span></li>
 						</ul>
 						<!--投诉分类统计-->
 						<div class="pull-left" id="part3" style=" width: 50%;height: 340px;"></div>
 						
-						<ul class="pull-left complaint_typeR" style=" width:25%;">
+						<ul class="pull-left complaint_typeR" style=" width:25%;position: absolute;right: -18px;top:0;">
 							<li>
 								<span class="type_name">咨询</span> <span class="type_count">0</span>
 							</li>