<!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">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap-select.css">
    <link rel="stylesheet" href="../css/kshgl.css">
    <title>可视化管理</title>
</head>
<body>
<div class="main">
    <div class="main-top">
        <span>可视化展示</span>
    </div>
    <div class="left-div" id="leftid">
        <div class="left-top">
            <div class="title">图片数量</div>
            <div class="zj-div" v-text="tpzsl"></div>
            <div class="ycsl-div"><span>6000</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>580</span></div>
            <div id="tpslid">

            </div>
        </div>
        <div class="left-center">
            <div class="title">人员信息</div>
            <div class="left-content">
                <table class="table table-hover ydcbsl">
                    <thead>
                        <tr>
                            <th>管理人员</th>
                            <th>超级管理员</th>
                            <th>普通用户</th>
                        </tr>
                    </thead>
                    <tbody class="ryxx-table">
                        <tr>
                            <td>Tanmay</td>
                            <td>Bangalore</td>
                            <td>560001</td>
                        </tr>
                         <tr>
                            <td>Sachin</td>
                            <td>Mumbai</td>
                            <td>400003</td>
                         </tr>
                        <tr>
                            <td>Uma</td>
                            <td>Pune</td>
                            <td>411027</td>
                        </tr>
                        <tr>
                            <td>Uma</td>
                            <td>Pune</td>
                            <td>411027</td>
                        </tr>
                        <tr>
                            <td>Uma</td>
                            <td>Pune</td>
                            <td>411027</td>
                        </tr>
                        <tr>
                            <td>Uma</td>
                            <td>Pune</td>
                            <td>411027</td>
                        </tr>
                        <tr>
                            <td>Uma</td>
                            <td>Pune</td>
                            <td>411027</td>
                        </tr>
                        <tr>
                            <td>Uma</td>
                            <td>Pune</td>
                            <td>411027</td>
                        </tr>
                        <tr>
                            <td>Uma</td>
                            <td>Pune</td>
                            <td>411027</td>
                        </tr>
                        <tr>
                            <td>Uma</td>
                            <td>Pune</td>
                            <td>411027</td>
                        </tr>
                        <tr>
                            <td>Uma</td>
                            <td>Pune</td>
                            <td>411027</td>
                        </tr>
                        <tr>
                            <td>Uma</td>
                            <td>Pune</td>
                            <td>411027</td>
                        </tr>
                        <tr>
                            <td>Uma</td>
                            <td>Pune</td>
                            <td>411027</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="left-bottom">
            <div class="title">高危排行</div>
            <div id="gwphid">

            </div>
        </div>
    </div>
    <div class="right-div" id="rightid">
        <div class="right-top">
            <span id="time"></span>
        </div>
        <div class="right-center">
            <div class="title">数据统计</div>
            <div id="sjtjid">

            </div>
        </div>
        <div class="right-map">

        </div>
        <div class="right-bottom">
            <ul class="nav nav-tabs sj_time">
                <li><a href="#profile" data-toggle="tab">近三天</a></li>
                <li><a href="#messages" data-toggle="tab">近一周</a></li>
                <li><a href="#settings" data-toggle="tab">近一月</a></li>
            </ul>
            <div id="gyfsjid">

            </div>
        </div>
    </div>
    <div class="center-div" id="centerid">
        <div id="glkid"></div>
    </div>
    <div class="jrgk-div">
        <div class="jrgk-title">今日概况</div>
        <div class="jrgk-main">
            <div class="tscg-div">
                <span class="ts_span">推送成功</span>
                <div>846</div>
            </div>
            <div class="tssb-div">
                <span class="ts_span">推送失败</span>
                <div>120</div>
            </div>
        </div>
    </div>
</div>

</body>
<script src="../js/jquery-3.1.1.min.js"></script>
<script src="../bootstrap/js/bootstrap.js"></script>
<script src="../bootstrap/js/bootstrap-paginator.js"></script>
<script src="../bootstrap/js/bootstrap-treeview.js"></script>
<script src="../bootstrap/js/bootstrap-select.js"></script>
<script src="../js/echarts.min.js"></script>
<script src="../js/vue.js"></script>
<script src="../js/util/http_util.js"></script>
<script src="../js/kshgl/kshgl.js"></script>
</html>