CallCenter_Chart/html/zhongxin.html

			
					<div class="containers">
						<div class="mb clearfix">
							<div style="width: 39%; height: 400px;">
								<ul class="gd-tbox clearfix">
									<li class="gd-tit">工单类型各数量</li>
									<li>系统电话量：<span>365</span></li>
									<li>工单类型量：<span>300</span></li>
								</ul>
								<div class="gdmap clearfix">
									
									<div class="gdmap-l">
										<ul>
											<li>
												<div>查询</div>
												<span>100</span>
											</li>
											<li>
												<div>投诉</div>
												<span>200</span>
											</li>
											<li>
												<div>举报</div>
												<span>300</span>
											</li>
											<li>
												<div>建议</div>
												<span>400</span>
											</li>
											<li>
												<div>通话</div>
												<span>500</span>
											</li>
										</ul>
									</div>
									<div class="gdmap-m">
										<img src="../img/midmap_03.png" alt="" />
									</div>
									<div class="gdmap-r">
										<ul>
											<li><i class="xe-z"></i><span>舟山县</span><span>170</span></li>
											<li><i class="xe-l"></i><span>舟山县</span><span>170</span></li>
											<li><i class="xe-a"></i><span>舟山县</span><span>170</span></li>
											<li><i class="xe-t"></i><span>舟山县</span><span>170</span></li>
											<li><i class="xe-y"></i><span>舟山县</span><span>170</span></li>
											<li><i class="xe-g"></i><span>舟山县</span><span>170</span></li>
											<li><i class="xe-w"></i><span>舟山县</span><span>170</span></li>
											<li><i class="xe-b"></i><span>舟山县</span><span>170</span></li>
											<li><i class="xe-1"></i><span>舟山县</span><span>170</span></li>
											<li><i class="xe-2"></i><span>舟山县</span><span>170</span></li>
											<li><i class="xe-3"></i><span>舟山县</span><span>170</span></li>
										</ul>
									</div>
								</div>
							</div>
							<div style="width: 35%;">
								<div id="slhw" style="width:100%;height: 300px;"></div>
								<div class="slqm">
									<div class="sl_title">工单受理排名</div>
									<div class="slqm_content">
										<ul>
											<li>
												<span class="sl_b size-20">1</span>
												<span class="sl_b max-width">市委市市委市市委市</span>
												<span class="sl_blue">受理</span>
												<span class="sl_red">30%</span>
												<span class="sl_blue">占比</span>
												<span class="sl_b">20%</span>
											</li>
											<li>
												<span class="sl_b size-20">2</span>
												<span class="sl_b max-width">公安局</span>
												<span class="sl_blue">受理</span>
												<span class="sl_red">50%</span>
												<span class="sl_blue">占比</span>
												<span class="sl_b">60%</span>

											</li>
											<li>
												<span class="sl_b size-20">3</span>
												<span class="sl_b max-width">民政局</span>
												<span class="sl_blue">受理</span>
												<span class="sl_red">40%</span>
												<span class="sl_blue">占比</span>
												<span class="sl_b">20%</span>
											</li>
											<li>
												<span class="sl_b size-20">4</span>
												<span class="sl_b max-width">财政局</span>
												<span class="sl_blue">受理</span>
												<span class="sl_red">25%</span>
												<span class="sl_blue">占比</span>
												<span class="sl_b">20%</span>
											</li>
											<li>
												<span class="sl_b size-20">5</span>
												<span class="sl_b max-width">税务局</span>
												<span class="sl_blue">受理</span>
												<span class="sl_red">30%</span>
												<span class="sl_blue">占比</span>
												<span class="sl_b">20%</span>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="tspm"style="width: 26%;">
								<div class="sl_title">投诉/举报关键话题排名</div>
								<div class="slqm_content">
									<ul>
										<li>
											<span class="sl_b size-20">1</span>
											<span class="sl_b max-width">落户</span>
											<span class="sl_blue">受理</span>
											<span class="sl_red " >30%</span>
											<span class="sl_blue " >占比</span>
											<span class="sl_b " >20%</span>
											<div class="progress ">
												<div class="progress-bar progress-bar-info " role="progressbar "aria-valuenow="60 " aria-valuemin="0 " aria-valuemax="100 "style="width: 30%; "></div>
											</div>
										</li>
												<li>
													<span class="sl_b size-20 ">2</span>
													<span class="sl_b max-width ">驾照</span>
													<span class="sl_blue ">受理</span>
													<span class="sl_red ">50%</span>
													<span class="sl_blue ">占比</span>
													<span class="sl_b ">60%</span>
													<div class="progress ">
													    <div class="progress-bar progress-bar-info " role="progressbar "
													         aria-valuenow="60 " aria-valuemin="0 " aria-valuemax="100 "
													         style="width: 80%; ">
													    </div>
													</div>
												</li>
												<li>
													<span class="sl_b size-20 ">3</span>
													<span class="sl_b max-width ">号牌上户</span>
													<span class="sl_blue ">受理</span>
													<span class="sl_red ">40%</span>
													<span class="sl_blue ">占比</span>
													<span class="sl_b ">20%</span>
													<div class="progress ">
													    <div class="progress-bar progress-bar-info " role="progressbar "
													         aria-valuenow="60 " aria-valuemin="0 " aria-valuemax="100 "
													         style="width: 60%; ">
													    </div>
													</div>
												</li>
												<li>
													<span class="sl_b size-20 ">4</span>
													<span class="sl_b max-width ">注册登记</span>
													<span class="sl_blue ">受理</span>
													<span class="sl_red ">25%</span>
													<span class="sl_blue ">占比</span>
													<span class="sl_b ">20%</span>
													<div class="progress ">
													    <div class="progress-bar progress-bar-info " role="progressbar "
													         aria-valuenow="60 " aria-valuemin="0 " aria-valuemax="100 "
													         style="width: 70%; ">
													    </div>
													</div>
												</li>
												<li>
													<span class="sl_b size-20 ">5</span>
													<span class="sl_b max-width ">企业备案</span>
													<span class="sl_blue ">受理</span>
													<span class="sl_red ">30%</span>
													<span class="sl_blue ">占比</span>
													<span class="sl_b ">20%</span>
													<div class="progress ">
													    <div class="progress-bar progress-bar-info " role="progressbar "
													         aria-valuenow="60 " aria-valuemin="0 " aria-valuemax="100 "
													         style="width: 60%; ">
													       
													    </div>
													</div>
												</li>
											</ul>
								</div>
							</div>
						</div>
						
						
						
						<div class="conb clearfix" style="margin-top: 20px;">
							<div >
								<div id="th_num" style="height: 400px;" ></div>
							</div>
							<div>
								<div id="jtv_num"  style="height: 400px;" ></div>
							</div>
							<div>
								<div id="th_nums"  style="height: 400px;" ></div>
							</div>
						</div>
					</div>