duhongyu
/
AnYang_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!--优先使用 IE 最新版本和 Chrome-->
		<meta name="renderer" content="webkit" />
		<script src="Script/Common/huayi.load.js" 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" type="text/css" href="css/main.css" />
		<title>大数据首页</title>
		<style>

			.wrap {
			margin: 0 auto;
			height: 90%!important;
			width: 100%!important;
		}
		
		.smallbox{
			width: 98%;
			float: right;
			display: flex;
		    flex-wrap: wrap;
			margin-top: 20px;
			margin-right: 20px;
			justify-content:space-between;
		}
		.smallimg{
			/* border: 2px solid #00E9FF; */
			border-radius: 20px;
			margin-bottom: 5px;
		  width: 24%;
		  background: url(./img/slide_bg1.png) no-repeat;
		  height: 420px;
		
		  background-size: 106% 109%;
		
		}
		.activeBox{
			border: 2px solid #3c920c;
		}
		.imm{
			width: 100%;
			height: 400px;
		}
	
		</style>
	</head>

	<body>
		<!--导航栏开始-->
		<div id="nav" class="clearfix">
			<div class="nav_left"><img src="img/nav_l.png" alt="" /></div>
			<div class="nav_middle">
				安阳市12345大数据平台
			</div>
			<div class="nav_right"><img src="img/nav_r.png" alt="" /></div>
		</div>

		<div class="smallbox">
			<!-- 安阳市各区县工单统计 -->
			<div class="smallimg ">
				<p class="top_title" style="padding-top: 6px;margin-left: 180px;">安阳市各区县工单统计</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 orderSource">
				<p class="top_title" style="margin-left: 180px;padding-top: 6px;">多媒体全渠道来源统计</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 sr_bm">
					<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">
				<p class="top_title" style="margin-left: 205px;padding-top: 6px;">工单类型统计</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">
				<p class="top_title" style="margin-left: 205px;padding-top: 6px;">诉求关键字</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: 80px;">部门名称</td>
										<td style="font-size: 12px;">数量</td>
										<td style="font-size: 12px;">占比</td>
									</tr>
								</thead>
							</table>
							<div class="scroll_table" style="width: 150px;height: 220px; overflow: hidden;">
								<table class="table">
									<colgroup>
										<col style="width: 150px;" />
										<col />
									</colgroup>
									<tbody>
									</tbody>
								</table>
							</div>
						</div>
					</div>
			
			</div>0
		</div>
		<!-- 渠道来源 -->
		<div class="smallimg">
			<p class="top_title" style="margin-left: 215px;padding-top: 6px;">渠道来源</p>
		<div  id="part3" style=" width: 90%;height: 320px;margin: 5px 45px;"></div>
		</div>
		<!-- 接单部门 -->
		<div class="smallimg">
			<p class="top_title" style="margin-left: 215px;padding-top: 6px;">接单部门</p>
	<div class="table_box" style="width: 85%;height: 270px; margin: 20px 48px;">
		<table class="table">
			<colgroup>
	            <col style="width: 79px;"/>
	            <col/>
		    </colgroup>
		    <thead class="thead_six">
				<tr>
					<td>部门名称</td>
					<td>咨询</td>
					<td>求助</td>
					<td>建议</td>
					<td>表扬</td>
					<td>其他</td>
					<td>合计</td>
					<td>占比</td>
				</tr>
			</thead>
		</table>
		<div id="scroll_table"  style="width: 100%;height: 270px; overflow: hidden;">
			<table class="table tabsix" style="width: 100%;">
			<colgroup>
		                <col style="width: 79px;"/>
		                <col/>
		    </colgroup>
			<tbody>
				<tr>
					<td>市公安局</td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color2">120</span></td>
					<td><span class="text_color3">20%</span></td>
				</tr>
				<tr>
					<td>市公安局</td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color2">120</span></td>
					<td><span class="text_color3">20%</span></td>
				</tr>
				<tr>
					<td>市公安局</td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color2">120</span></td>
					<td><span class="text_color3">20%</span></td>
				</tr>
				<tr>
					<td>市公安局</td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color2">120</span></td>
					<td><span class="text_color3">20%</span></td>
				</tr>
				<tr>
					<td>市公安局</td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color2">120</span></td>
					<td><span class="text_color3">20%</span></td>
				</tr>
				<tr>
					<td>市公安局</td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color2">120</span></td>
					<td><span class="text_color3">20%</span></td>
				</tr>
				<tr>
					<td>市公安局</td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color2">120</span></td>
					<td><span class="text_color3">20%</span></td>
				</tr>
				<tr>
					<td>市公安局</td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color2">120</span></td>
					<td><span class="text_color3">20%</span></td>
				</tr>
				<tr>
					<td>市公安局</td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color1">20</span></td>
					<td><span class="text_color2">120</span></td>
					<td><span class="text_color3">20%</span></td>
				</tr>
				
			</tbody>
			
		</table>
		
		</div>
		
	</div>
		</div>
		<!-- 话务数量 -->
		<div class="smallimg">
			<p class="top_title" style="margin-left: 215px;padding-top: 6px;">话务数量</p>
		<div id="todyPhoneCount" style="width: 90%;height: 330px;margin: 15px 35px;"></div>
		</div>
		<!--  投诉举报  -->
		<div class="smallimg">
				<p class="top_title" style="margin-left: 215px;padding-top: 6px;">投诉举报</p>
			<div class="pull-right" id="partcom" style=" width: 85%;height: 340px;margin: 7px 17px;"></div>
		</div>
		</div>
		</div>
		<div class="timeLimit-wrapper" style="display: none;">
			<span class="timeLimit-text">授权过期，请联系系统厂家。</span>
		</div>
		<script src="js/swiper.min.js"></script>
		<script src="js/swiper.animate1.0.3.min.js"></script>
		<script src="js/countUp.js"></script>
		<script src="plugins/numbergd/index.js"></script>
		<script src="js/tagcloud.js"></script>
		<script src="js/ScrollDiv.js"></script>
		<script src="js/index.js"></script>
<!-- 	   <script src="js/sourceChannel.js" type="text/javascript" charset="utf-8"></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/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");
				console.log(index)
			if(index==0){
				window.open('detail.html', '_self')
			}else if(index==1){
				window.open('second.html', '_self')
			}else if(index==2){
				window.open('third.html', '_self')
			}else if(index==3){
				window.open('fourth.html', '_self')
			}else if(index==4){
				window.open('sourceChannel.html', '_self')
			}else if(index==5){
				window.open('receiptDepartment.html', '_self')
			}else if(index==6){
				window.open('TelephoneDetails.html', '_self')
			}else if(index==7){
				window.open('complaintsReport.html', '_self')
			}
		});
		$(".nav_middle").click(function() {
			window.open('index.html', '_self')
		})
		
		
	</script>
</html>