藍色實用風格的工商辦稅大數據后臺管理源碼下載



12 44 15



模板描述:藍色實用風格 工商辦稅大數據 后臺管理,藍色實用風格的工商辦稅大數據后臺管理源碼下載html模板下載

代碼結構

1. 引入CSS

<link rel="stylesheet" href="css/index.css">

2. 引入JS

<script src="js/echarts.min.js"></script>
<script src="js/jquery.1.10.min.js"></script>
<script src="js/chars.js"></script>

3. HTML代碼

    <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>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 分類 響應式 自適應 設備 風格 顏色 bootstrap bootstrap自適應 bootstrap響應式 藍色 pc+wap 移動+電腦 手機+電腦 后臺系統 后臺 系統 實用通用 實用 通用
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子 福建快3走势图快3开奖走势图一定牛 澳洲幸运10开奖网站 危险但是赚钱的工作 澳洲幸运8彩票 2016年那个行业最赚钱吗 陕西快乐十分预测 新疆十一选五玩法 北京麻将有几种胡法 工作室真的赚钱吗 江西快三购买平台 哈尔滨小旅馆赚钱吗 pk10四码二期必中方法 在线购买广东11选5 淘宝快3玩法技巧 008期曾道人 下载福建快3开奖结果子