master

分支 (1)

管理

管理

master

kfx_echartsShowProject
/
index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>北京XXX数据资源实验平台</title>
    <script type="text/javascript" src="js/jquery.js"></script>
    <link rel="stylesheet" href="css/comon.css">
</head>

<body id="bodyFullPage">
    <script>
        // 页面渐入
        $(window).load(function () {
            $(".loading").fadeOut()
        })
        // 动态调整页面尺寸，适配各种屏幕尺寸
        $(document).ready(function () {
            var whei = $(window).height()
            $("html").css({ fontSize: whei / 20 })
            $(window).resize(function () {
                whei = $(window).height()
                $("html").css({ fontSize: whei / 20 })
            });
        });
        // 动态调整echarts图表中字体
        function fontSizeScale(scale) {
            var whei = $(window).height();
            return whei / 20 * scale;
        }
    </script>
    <div class="loading">
        <div class="loadbox">
            <img src="images/loading.gif"> 页面加载中... </div>
    </div>
    <div class="head">
        <h1>北京XXX应用实战实验平台数据资源服务</h1>
        <div class="systemTime">
            <span id="showTime"></span>
        </div>
    </div>
    <div class="head-title barbox">
        <div class="bar">
            <div class="">
                <ul class="clearfix">
                    <li class="pulll_left">
                        <span>累计数据量:</span>
                        <span id="curCount"></span>
                    </li>
                    <li class="pulll_left">
                        <span>本月新增:</span>
                        <span id="thisMCount"></span>
                    </li>
                    <li class="pulll_left">
                        <span>上月新增:</span>
                        <span id="lastMCount"></span>
                    </li>
                    <li class="pulll_left">
                        <span>本日新增:</span>
                        <span id="ydayIncCount"></span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="mainbox">
        <div class="mainbox_cont">
            <div class="progress_div1">
                <img src="images/progress_img.png" class="progress_img1" alt="">
            </div>
            <ul class="clearfix">
                <li>
                    <div class="boxall" style="height: 8.2rem">
                        <div class="clearfix" style="height:100%; width: 100%;">
                            <div class="sy" id="fb2"></div>
                            <div class="sy" id="fb3"></div>
                        </div>
                        <div class="boxfoot"></div>
                    </div>
                </li>
                <li>
                    <div class="boxall echart2_cont" style="height:8.2rem">
                        <div class="echart2">
                            <div class="allnav" id="echart4"></div>
                        </div>
                        <div class="boxfoot"></div>
                    </div>
                </li>
                <li>
                    <div class="boxall echart2_cont" style="height:8.2rem">
                        <div class="alltitle">各系统数据总量</div>
                        <div class="echart2_table">
                            <table cellspacing="0" cellpadding="1">
                                <thead style="text-align: center!important;">
                                    <tr>
                                        <th>名称</th>
                                        <th>数量</th>
                                        <th style="width:5rem!important">更新时间</th>
                                    </tr>
                                </thead>
                                <tbody id="tableDataId">
                                    <tr>
                                        <td>XXX系统</td>
                                        <td>4,132,231</td>
                                        <td>2020-05-28 12:12:58</td>
                                    </tr>
                                    <tr class="bgClassColor">
                                        <td>XXX系统</td>
                                        <td>2,231,323</td>
                                        <td>2020-05-28 12:12:58</td>
                                    </tr>
                                    <tr>
                                        <td>XXX平台</td>
                                        <td>5,231,323</td>
                                        <td>2020-05-28 12:12:58</td>
                                    </tr>
                                    <tr class="bgClassColor">
                                        <td>XXX系统</td>
                                        <td>23,323</td>
                                        <td>2020-05-28 12:12:58</td>
                                    </tr>
                                    <tr>
                                        <td>XXX系统</td>
                                        <td>36,231,323</td>
                                        <td>2020-05-28 12:12:58</td>
                                    </tr>
                                    <tr class="bgClassColor">
                                        <td>XXX系统</td>
                                        <td>7,271,323</td>
                                        <td>2020-05-28 12:12:58</td>
                                    </tr>
                                    <tr>
                                        <td>XXX活动系统</td>
                                        <td>31,323</td>
                                        <td>2020-05-28 12:12:58</td>
                                    </tr>
                                    <tr class="bgClassColor">
                                        <td>XXX系统</td>
                                        <td>831,323</td>
                                        <td>2020-05-28 12:12:58</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="boxfoot"></div>
                    </div>
                </li>
            </ul>
        </div>

        <div class="mainbox_cont" style="margin-top:0.3rem;">
            <div class="progress_div2">
                <img src="images/progress_img.png" class="progress_img2" alt="">
            </div>
            <ul class="clearfix">
                <li>
                    <div class="boxall" style="height: 7.2rem">
                        <div class="clearfix" style="height:100%; width: 100%;">
                            <div class="allnav" id="fb311"></div>
                        </div>
                        <div class="boxfoot"></div>
                    </div>
                </li>
                <li>
                    <div class="boxall echart2_cont" style="height:7.2rem">
                        <div class="echart2">
                            <div class="allnav" id="echart2"></div>
                        </div>
                        <div class="boxfoot"></div>
                    </div>
                </li>
                <li>
                    <div class="boxall echart2_cont" style="height:7.2rem">
                        <div class="clearfix" style="height:100%; width: 100%;">
                            <div class="sy" id="fb21"></div>
                            <div class="sy" id="fb31"></div>
                        </div>
                        <div class="boxfoot"></div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <script type="text/javascript" src="js/echarts.min.js"></script>
    <script type="text/JavaScript" src="js/jquery.animateNumber.min.js"></script>
    <script language="JavaScript" src="js/index.js"></script>
</body>

</html>