mirror of
https://gitee.com/lvyeyou/DaShuJuZhiDaPingZhanShi.git
synced 2025-08-02 20:45:44 +08:00
341 lines
15 KiB
HTML
341 lines
15 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>某某市某某区办税渠道运行状态大数据监控平台</title>
|
|
<link rel="stylesheet" href="css/index.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="headerLeft">
|
|
<h3>服务数据</h3>
|
|
</div>
|
|
<div class="headerCenter">
|
|
<h1>某某市某某区办税渠道运行状态大数据监控平台</h1>
|
|
</div>
|
|
<div class="headerRight">
|
|
<h3>业务数据</h3>
|
|
</div>
|
|
|
|
</header>
|
|
<section>
|
|
<div class="firstCon">
|
|
<div class="firstCon-left">
|
|
<h4>各业务平均办理时间/分钟</h4>
|
|
<div class="firstLeftsec">
|
|
<div class="contain">
|
|
<div class="firsttab" id="firsttab1"></div>
|
|
<p>综合业务</p>
|
|
</div>
|
|
<div class="contain">
|
|
<div class="firsttab" id="firsttab2"></div>
|
|
<p>综合业务</p>
|
|
</div>
|
|
<div class="contain">
|
|
<div class="firsttab" id="firsttab3"></div>
|
|
<p>综合业务</p>
|
|
</div>
|
|
<div class="contain">
|
|
<div class="firsttab" id="firsttab4"></div>
|
|
<p>综合业务</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="first-center">
|
|
<h3>当前大厅等候人数</h3>
|
|
<div class="firstcenLeft">
|
|
<div class="flag">
|
|
<strong>35</strong>
|
|
<p>综合业务</p>
|
|
</div>
|
|
<div class="flag">
|
|
<strong>35</strong>
|
|
<p>综合业务</p>
|
|
</div>
|
|
<div class="flag">
|
|
<strong>35</strong>
|
|
<p>综合业务</p>
|
|
</div>
|
|
</div>
|
|
<div class="firstcenCen">
|
|
<span>1</span>
|
|
<span>4</span>
|
|
<span>9</span>
|
|
</div>
|
|
<div class="firstcenRight">
|
|
<div class="flag">
|
|
<strong>35</strong>
|
|
<p>综合业务</p>
|
|
</div>
|
|
<div class="flag">
|
|
<strong>35</strong>
|
|
<p>综合业务</p>
|
|
</div>
|
|
<div class="flag">
|
|
<strong>35</strong>
|
|
<p>综合业务</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="firstCon-right">
|
|
<h4>各业务平均办理时间/分钟</h4>
|
|
<div class="firstLeftsec">
|
|
<div class="contain">
|
|
<div class="firsttab" id="firsttab5"></div>
|
|
<p>综合业务</p>
|
|
</div>
|
|
<div class="contain">
|
|
<div class="firsttab" id="firsttab6"></div>
|
|
<p>综合业务</p>
|
|
</div>
|
|
<div class="contain">
|
|
<div class="firsttab" id="firsttab7"></div>
|
|
<p>综合业务</p>
|
|
</div>
|
|
<div class="contain">
|
|
<div class="firsttab" id="firsttab8"></div>
|
|
<p>综合业务</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="line"></div>
|
|
<div class="secondCon">
|
|
<div class="secondLeft">
|
|
<div class="secondLeftCon">
|
|
<div class="secondLeftTab">
|
|
<div class="fig">
|
|
<p>各办税渠道使用情况</p>
|
|
</div>
|
|
<div class="fig">
|
|
<p>各办税渠道使用情况</p>
|
|
<em>80人</em>
|
|
</div>
|
|
<div class="fig">
|
|
<p>各办税渠道使用情况</p>
|
|
<em>120人</em>
|
|
</div>
|
|
<div class="fig">
|
|
<p>各办税渠道使用情况</p>
|
|
<em>70人</em>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="secondLeftTab">
|
|
<div class="fig">
|
|
<p>接待情况</p>
|
|
</div>
|
|
<div class="reception">
|
|
<div class="recetit">
|
|
<strong>40人</strong>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span class="changecolor"></span>
|
|
<span class="changecolor"></span>
|
|
<span class="changecolor"></span>
|
|
<span class="changecolor"></span>
|
|
<p>本月新办户数</p>
|
|
</div>
|
|
<div class="recetit">
|
|
<strong>40人</strong>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span class="changecolor"></span>
|
|
<span class="changecolor"></span>
|
|
<span class="changecolor"></span>
|
|
<span class="changecolor"></span>
|
|
<p>本月新办户数</p>
|
|
</div>
|
|
<div class="recetit">
|
|
<strong>40人</strong>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span class="changecolor"></span>
|
|
<span class="changecolor"></span>
|
|
<span class="changecolor"></span>
|
|
<span class="changecolor"></span>
|
|
<span class="changecolor"></span>
|
|
<span class="changecolor"></span>
|
|
<p>本月新办户数</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="secondCen">
|
|
<div class="secondCenCon">
|
|
<h3>业务办理实时监控</h3>
|
|
<div class="secondContit">
|
|
<div class="secondContitleft">
|
|
<p>今日累计业务办理量</p>
|
|
<img src="image/line.png" alt="">
|
|
<ul class="china">
|
|
<li><a href="">发票代开</a></li>
|
|
<li><a href="">发票发售</a></li>
|
|
<li><a href="">纳税申报</a></li>
|
|
<li><a href="">发票验旧</a></li>
|
|
<li><a href="">发票认证</a></li>
|
|
</ul>
|
|
<img src="image/line.png" alt="">
|
|
<ul class="number">
|
|
<li><a href="">20</a></li>
|
|
<li><a href="">40</a></li>
|
|
<li><a href="">32</a></li>
|
|
<li><a href="">34</a></li>
|
|
<li><a href="">30</a></li>
|
|
</ul>
|
|
<img src="image/line.png" alt="">
|
|
</div>
|
|
<div class="secondContitright" id="secondContitright">
|
|
<div class="charbar" id="charbar"></div>
|
|
</div>
|
|
</div>
|
|
<div class="secondContit">
|
|
<div class="secondContitleft">
|
|
<p>今日累计业务办理量</p>
|
|
<img src="image/line.png" alt="">
|
|
<ul class="china">
|
|
<li><a href="">发票代开</a></li>
|
|
<li><a href="">发票发售</a></li>
|
|
<li><a href="">纳税申报</a></li>
|
|
<li><a href="">发票验旧</a></li>
|
|
<li><a href="">发票认证</a></li>
|
|
</ul>
|
|
<img src="image/line.png" alt="">
|
|
<ul class="number">
|
|
<li><a href="">20</a></li>
|
|
<li><a href="">40</a></li>
|
|
<li><a href="">32</a></li>
|
|
<li><a href="">34</a></li>
|
|
<li><a href="">30</a></li>
|
|
</ul>
|
|
<img src="image/line.png" alt="">
|
|
</div>
|
|
<div class="secondContitright" id="secondContitright2">
|
|
<div class="charbar" id="charbar2"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="secondRight">
|
|
<div class="secondRightCon">
|
|
<div class="secondLeftTab">
|
|
<div class="fig">
|
|
<p>区域收入情况</p>
|
|
</div>
|
|
<div class="secondRighttit">
|
|
<div class="secondRighttext">
|
|
<div class="text">
|
|
<p>省级以上</p>
|
|
<span>442户</span>
|
|
</div>
|
|
<div class="text">
|
|
<p>省级以上</p>
|
|
<span>442户</span>
|
|
</div>
|
|
<h4>重点税源户数</h4>
|
|
</div>
|
|
<div class="secondRighttext">
|
|
<div class="secondRighttextChar" id="secondRighttextChar">
|
|
|
|
</div>
|
|
<h4 class="sec">重点税源户数</h4>
|
|
</div>
|
|
<div class="secondRighttext">
|
|
<div class="secondRighttextChar" id="secondRighttextChar1">
|
|
|
|
</div>
|
|
<h4 class="sec">税收占比</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="secondLeftTab">
|
|
<div class="fig">
|
|
<p>数据统计分析</p>
|
|
</div>
|
|
<div class="secondChar" id="secondChar">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="thirdCon">
|
|
<div class="thirdLeft">
|
|
<div class="thirdLeftCon">
|
|
<div class="secondLeftTab">
|
|
<div class="fig">
|
|
<p>当日纳税人咨询最热问题 TOP5</p>
|
|
</div>
|
|
<ul class="hottop">
|
|
<li><span>1</span><p>如何代开发票？</p><a href="">了解详情</a></li>
|
|
<li><span>2</span><p>如何代开发票？</p><a href="">了解详情</a></li>
|
|
<li><span>3</span><p>如何代开发票？</p><a href="">了解详情</a></li>
|
|
<li><span>4</span><p>如何代开发票？</p><a href="">了解详情</a></li>
|
|
<li><span>5</span><p>如何代开发票？</p><a href="">了解详情</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="thirdCen">
|
|
<div class="thirdCenCon">
|
|
<div class="txt txtleft">
|
|
<div class="content">
|
|
<h4>当日各时段大厅人流量曲线图</h4>
|
|
<div class="contentChar" id="contentChar1"></div>
|
|
</div>
|
|
</div>
|
|
<div class="txt txtright">
|
|
<div class="content">
|
|
<h4>当日各时段大厅人流量曲线图</h4>
|
|
<div class="contentChar" id="contentChar2"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="thirdRight">
|
|
<div class="thirdRightCon">
|
|
<div class="secondLeftTab">
|
|
<div class="fig">
|
|
<p>当日纳税人咨询最热问题 TOP5</p>
|
|
</div>
|
|
<ul class="hottop">
|
|
<li><span>1</span><p>如何代开发票？</p><a href="">了解详情</a></li>
|
|
<li><span>2</span><p>如何代开发票？</p><a href="">了解详情</a></li>
|
|
<li><span>3</span><p>如何代开发票？</p><a href="">了解详情</a></li>
|
|
<li><span>4</span><p>如何代开发票？</p><a href="">了解详情</a></li>
|
|
<li><span>5</span><p>如何代开发票？</p><a href="">了解详情</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<footer>
|
|
<div class="footerleft">
|
|
<img src="image/right.png" alt="" class="rightimg">
|
|
<div class="home">
|
|
<img src="image/home.png" alt="">
|
|
<button id="homebtn" value="首页">首页</button>
|
|
</div>
|
|
<div class="con">
|
|
<p>当前时间</p>
|
|
<h4>2018年1月9日 星期四 15:00</h4>
|
|
</div>
|
|
</div>
|
|
<div class="footercen"></div>
|
|
<div class="footerright"></div>
|
|
</footer>
|
|
</body>
|
|
</html>
|
|
<script src="js/echarts.min.js"></script>
|
|
<script src="js/jquery.1.10.min.js"></script>
|
|
<script src="js/chars.js"></script>
|