<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:sptg="http://www.thymeleaf.org">
<head>
    <script th:replace="common/head"></script>
    <link xmlns:th="http://www.thymeleaf.org" rel="stylesheet" th:href="${'/css/statistics/statistics-ad-push.css'}" media="all">
    <!-- 省市区样式 -->
    <link rel="stylesheet" th:href="@{'/layui/lay/mymodules/region.css'}">
</head>
<body>
<div class="layui-fluid">
    <div class="larry-container">
        <div class="layui-row layui-col-space15 layui-data-top">
            <div class="layui-col-xs6 layui-col-md3">
                <section class="layui-card">
                    <div class="layui-card-body countup">
                        <div class="left a">
                            <div  class="left-img" style=" background: dodgerblue;">
                                <img src="/images/user.png" alt="">
                            </div>
                        </div>
                        <div class="right">
                            <div class="p">
                                <h3 id="userTotalCount">0</h3>
                                <cite>总住户数（人）</cite>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <div class="layui-col-xs6 layui-col-md3">
                <section class="layui-card">
                    <div class="layui-card-body countup">
                        <div class="left b">
                            <div class="left-img" style=" background: #FA6332;">
                                <img src="/images/user-add.png" alt="">
                            </div>
                        </div>
                        <div class="right">

                            <div class="p">
                                <h3 id="lastMonthNewUserCount">0</h3>
                                <cite>上月新增住户数（人）</cite>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <div class="layui-col-xs6 layui-col-md3">
                <section class="layui-card">
                    <div class="layui-card-body countup">
                        <div class="left c">
                            <div class="left-img" style=" background: #68C381;">
                                <img src="/images/tenant.png" alt="">
                            </div>
                        </div>
                        <div class="right">

                            <div class="p">
                                <h3 id="tenantUserCount">0</h3>
                                <cite>租客数（人）</cite>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <div class="layui-col-xs6 layui-col-md3">
                <section class="layui-card">
                    <div class="layui-card-body countup">
                        <div class="left d">
                            <div class="left-img" style=" background: #FFB800;">
                                <img src="/images/weixin.png" alt="">
                            </div>
                        </div>
                        <div class="right">
                            <div class="p">
                                <h3 id="weiXinUserCount">0</h3>
                                <cite>已认证小程序住户数（人）</cite>
                            </div>
                        </div>
                    </div>
                </section>
            </div>

            <div class="layui-form layui-card-header layuiadmin-card-header-auto" style="padding:0;">
                <div class="layui-inline">
                    <label class="layui-form-label">选择地区</label>
                    <div class="layui-input-inline" id="region_body">
                        <input type="hidden"  name="regionProvince" />
                        <input type="hidden"  name="regionCity" />
                        <input type="hidden"  name="regionArea" />
                        <input type="text" id="region"   readonly="readonly" placeholder="请选择" autocomplete="off" class="layui-input" />
                        <div th:replace="common/region"></div>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">小区</label>
                    <div class="layui-input-inline">
                        <select id="org_id" lay-search="" name="orgId" lay-filter="org_event" >
                        </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">物业</label>
                    <div class="layui-input-inline">
                        <select id="org_pid" lay-search="" name="orgPid" lay-filter="org_pid_event" >
                        </select>
                    </div>
                </div>
                <button class="layui-btn layuiadmin-btn-admin" data-type="query" >查询</button>
                <button class="layui-btn layui-btn-primary" data-type="reset" >重置</button>
                <button class="layui-btn layuiadmin-btn-admin" data-type="export" sptg:security="statistics:statisticsUser:export" >导出</button>
            </div>
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-body">
                        <table id="table-id" lay-filter="table-id"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script th:src="@{'/layui/layui.js '}" charset="utf-8"></script>
<script>
    layui.config({
        base: '/' //静态资源所在路径
    });
</script>
<script th:src="@{'/js/statistics/statistics-user.js'}" charset="utf-8"></script>
</body>
</html>