<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>小区智能管理系统</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="format-detection" content="telephone=no">
        <link xmlns:th="http://www.thymeleaf.org" rel="stylesheet" th:href="@{'/layui/css/layui.css'}" media="all">
        <link xmlns:th="http://www.thymeleaf.org" rel="stylesheet" th:href="${'/css/admin.css'}" media="all">
        <!-- 样式 -->
        <link rel="stylesheet" th:href="@{'/css/home/estate.css'}" media="all">
    </head>
    <body>
    <div class="">
        <div class="title-article list-card ">
            <div class="list-pic"><img th:src="${fastDfsServer + onLineUser.userPortraitUri}"src="../../static/images/user.jpg" alt="Happy birthday ! " class="img-full"></div>
            <h1 th:text="'欢迎回来，'+ ${onLineUser.userName} +'，祝你开心每一天！' "></h1>
            <p><span th:each="role:${onLineUser.roleList}" th:text="${role.name}"></span> | <span th:text="${onLineUser.orgName}"></span></p>
        </div>

    </div>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">

                <div class="layui-col-md8">
                    <div class="layui-card">
                        <div class="layui-card-header font18">
                            数据概览
                        </div>
                        <div class="layui-card-body">
                            <div class="layui-row layui-col-space10">
                                <div class="layui-col-xs12 layui-col-sm4 bd-bottom" lay-href="/estate/residential/index"  lay-text="小区管理">
                                    <div class="layuiadmin-card-text bd-right">
                                        <div class="layui-text-top">
                                            <div class="layui-text-right">
                                                <p>区域</p>
                                                <p id="residential_account" class="lay-big-font">0</p>
                                            </div>
                                        </div>

                                        <p class="layui-text-bot">本月新增<span id="residential_month_account" class="num">0</span></p>
                                    </div>
                                </div>
                                <div class="layui-col-xs12 layui-col-sm4 bd-bottom" lay-href="/estate/unit/index"  lay-text="单元管理">
                                    <div class="layuiadmin-card-text bd-right">
                                        <div class="layui-text-top">
                                            <div class="layui-text-right">
                                                <p>单元</p>
                                                <p id="unit_account" class="lay-big-font">0</p>
                                            </div>
                                        </div>

                                        <p class="layui-text-bot">本月新增<span id="unit_month_account" class="num">0</span></p>
                                    </div>
                                </div>
                                <div class="layui-col-xs12 layui-col-sm4 bd-bottom" lay-href="/estate/user/index"  lay-text="住户管理">
                                    <div class="layuiadmin-card-text">
                                        <div class="layui-text-top">
                                            <div class="layui-text-right">
                                                <p>住户</p>
                                                <p id="user_account" class="lay-big-font">0</p>
                                            </div>
                                        </div>

                                        <p class="layui-text-bot">本月新增<span id="user_month_account" class="num">124</span></p>
                                    </div>
                                </div>
                                <div class="layui-col-xs12 layui-col-sm4"  lay-href="/estate/guestAuthorize/index"  lay-text="访客授权管理">
                                    <div class="layuiadmin-card-text bd-right">
                                        <div class="layui-text-top">
                                            <div class="layui-text-right">
                                                <p>访客</p>
                                                <p id="guest_count" class="lay-big-font">0</p>
                                            </div>
                                        </div>

                                        <p class="layui-text-bot">本月新增<span id="current_month_guest_count" class="num">0</span></p>
                                    </div>
                                </div>
                                <div class="layui-col-xs12 layui-col-sm4" lay-href="/device/manage/index"  lay-text="设备管理">
                                    <div class="layuiadmin-card-text bd-right">
                                        <div class="layui-text-top">
                                            <div class="layui-text-right">
                                                <p>设备</p>
                                                <p id="device_account" class="lay-big-font">0</p>
                                            </div>
                                        </div>

                                        <p class="layui-text-bot">本月新增<span id="device_month_account" class="num">0</span></p>
                                    </div>
                                </div>
                                <div class="layui-col-xs12 layui-col-sm4" lay-href="/estate/accessRecords/index"  lay-text="出入记录管理">
                                    <div class="layuiadmin-card-text">
                                        <div class="layui-text-top">
                                            <div class="layui-text-right">
                                                <p>开门</p>
                                                <p id="access_records_count" class="lay-big-font">0</p>
                                            </div>
                                        </div>

                                        <p class="layui-text-bot">本月新增<span id="current_month_access_records_count" class="num">0</span></p>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>


                </div>
                <div class="layui-col-md4">
                <div class="layui-card" style="padding-bottom: 117px;">
                    <div class="layui-card-header font18">快速开始 / 便捷导航</div>
                    <div class="layui-card-body">
                        <div class="layuiadmin-card-link">
                            <a lay-href="/apply/user/index" href="javascript: void(0);" lay-text="住户认证管理" ><i class="layui-icon1 defined1-icon">&#xe61b;</i>待审核住户（<span id="uncheck-apply-user-count-id">0</span>）</a>
                            <a lay-href="/estate/access/index" href="javascript: void(0);" lay-text="出入管理"><i class="layui-icon1 defined1-icon">&#xe6df;</i>出入管理</a>
                            <a lay-href="/estate/notice/index" href="javascript: void(0);" lay-text="公告管理"><i class="layui-icon1 defined1-icon">&#xe7e0;</i>添加公告</a>
                            <a lay-href="/estate/noticePush/index" href="javascript: void(0);" lay-text="公告发布管理"><i class="layui-icon1 defined1-icon">&#xe602;</i>发布公告</a>
                            <a lay-href="/estate/serverUser/index" href="javascript: void(0);" lay-text="服务人员管理"><i class="layui-icon1 defined1-icon">&#xe609;</i>添加服务人员</a>
                            <a lay-href="/device/manage/index" href="javascript: void(0);" lay-text="设备信息管理"><i class="layui-icon1 defined1-icon">&#xe617;</i>一键开门</a>
                        </div>
                    </div>
                </div>
                </div>
                <div class="layui-col-md12">

                    <div class="layui-col-md8" style="padding-right: 7.5px;">
                        <div class="layui-card-header hei"style="  padding: 0 15px;border-bottom: 1px solid #e8e8e8 ;background: #fff;">

                            <div class="layui-btn-group layuiadmin-btn-groupLeft">
                                <a href="javascript:;" class="layui-btn layui-btn-primary layui-btn-sm layui-this" data-type="0">今日</a>
                                <a href="javascript:;" class="layui-btn layui-btn-primary layui-btn-sm" data-type="1">本周</a>
                                <a href="javascript:;" class="layui-btn layui-btn-primary layui-btn-sm" data-type="2">本月</a>
                                <a href="javascript:;" class="layui-btn layui-btn-primary layui-btn-sm" data-type="3">全年</a>
                            </div>
                            <div id= "year_div" class="layui-inline"style="width:250px;">
                                <label class="layui-form-label line40" style="width:auto;">年份</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" id="year" placeholder="请选择查询日期">
                                </div>
                            </div>
                        </div>
                        <div class="layui-card">
                            <div class="layui-tab layui-tab-brief layadmin-latestData" lay-filter="select-data-tab">
                                <ul class="layui-tab-title" id="select-data-chart-id">
                                    <li class="layui-this">开门次数</li>
                                    <li class="">访客人数</li>
                                </ul>
                                <div class="layui-tab-content">
                                    <div class="layui-tab-item layui-show">
                                        <div id="data-view" style="width:100%;height: 400px;"></div>
                                    </div>
                                    <div class="layui-tab-item">
                                        <div id="xse" style="width:100%;height: 400px;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md4" style="padding-left: 7.5px;height: 487px;">
                        <div class="layui-card">
                            <div class="layui-card-header font18">工作动态</div>
                            <div class="layui-card-body">
                                <dl id="work-state-content-id" class="layuiadmin-card-status">
                                    <!--<dd>
                                        <div class="layui-status-img1"><img src="../../static/images/user.jpg" alt=""></div>
                                        <div>
                                            <p>胡歌 在 <a lay-href="http://fly.layui.com/vipclub/list/layuiadmin/">layuiadmin专区</a>
                                                回答问题</p>
                                            <span>几秒前</span>
                                        </div>
                                    </dd>-->
                                </dl>
                            </div>
                        </div>
                    </div>
            </div>
            <div class="layui-col-md8">
                <div class="layui-card">
                    <div class="layui-card-header font18">开门方式</div>
                    <div class="layui-card-body">
                        <div id="open-way" style="width:100%;height: 360px;margin-top: 20px;"></div>
                    </div>
                </div>
            </div>
        </div>

        <!-- javascript -->
        <script th:src="@{'/layui/layui.js'}"></script>
        <script th:src="@{'/lib/echarts.common.min.js'}"></script>
        <script th:src="@{'/lib/echartsTheme.js'}"></script>
        <script>
            layui.config({
                //  静态资源所在路径
                base: '/'
            });
        </script>
        <script th:src="@{'/js/home/estate.js'}"></script>
        <script th:src="@{'/lib/index.js'}"></script>
    </body>
</html>
