<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:sptg="http://www.thymeleaf.org">
    <head>
        <script th:replace="common/head"></script>
    </head>
    <body>
        <input type="hidden" id="org_id" th:value="${onLineUser.orgId}" />
        <div class="layui-fluid">
            <!-- 下拉树 -->
            <div th:replace="common/org-tree"></div>
            <div class="x-body per-table">
                <div class="layui-card">
                    <div class="layui-form layui-card-header layuiadmin-card-header-auto" style="padding:0;">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">审核状态</label>
                                <div class="layui-input-block">
                                    <select  name="checkState" >
                                        <option value="">请选择</option>
                                        <option value="0">待审核</option>
                                        <option value="1">审核通过</option>
                                        <option value="2">审核未通过</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">姓名</label>
                                <div class="layui-input-block">
                                    <input type="text" name="name" placeholder="请输入" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">联系方式</label>
                                <div class="layui-input-block">
                                    <input type="text" name="tel" placeholder="请输入" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">身份证</label>
                                <div class="layui-input-block">
                                    <input type="text" name="idCard" placeholder="请输入" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">
                                        小区名字
                                    </label>
                                    <div class="layui-input-block">
                                        <input type="text" name="residentialName" placeholder="请输入" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-card-body">

                        <!--表格头部按钮-->
                        <script type="text/html" id="table_head_id">
                            <div style="padding-bottom: 10px;">
                                <button class="layui-btn layuiadmin-btn-useradmin" data-type="query" lay-event="query">查询</button>
                            </div>
                        </script>
                        <!--头部-->
                        <table id="table_id" lay-filter="table_event"></table>
                        <script type="text/html" id="table-useradmin-webuser">
                            {{#  if(d.checkState == 0){ }}
                            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="check" sptg:security="apply:user:audit"><i class="layui-icon layui-icon-survey"></i>认证审核</a>
                            {{#  } else{ }}
                            <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="detail"><i class="layui-icon layui-icon-set-fill"></i>详情</a>
                            {{# } }}
                        </script>

                        <!-- 性别 -->
                        <script type="text/html" id="sex">
                            {{#  if(d.sex == 0){ }}
                            <span style="color: red" >未定义</span>
                            {{#  } else if(d.sex == 1){ }}
                            <span style="color: #1f26ff">男</span>
                            {{#  } else if(d.sex == 2){ }}
                            <span style="color: green">女</span>
                            {{#  }  }}
                        </script>

                        <!-- 住户类型 -->
                        <script type="text/html" id="type">
                            {{#  if(d.type == 0){ }}
                            <span style="color: red" >业主</span>
                            {{#  } else if(d.type == 1){ }}
                            <span style="color: #1f26ff">成员</span>
                            {{#  } else if(d.type == 2){ }}
                            <span style="color: green">租户</span>
                            {{#  }  }}
                        </script>

                        <!-- 住户来源 -->
                        <script type="text/html" id="createType">
                            {{#  if(d.createType == 0){ }}
                            <span style="color: red" >小程序</span>
                            {{#  } else if(d.createType == 1){ }}
                            <span style="color: #1f26ff">后台添加</span>
                            {{#  } else if(d.createType == 2){ }}
                            <span style="color: green">后台导入</span>
                            {{#  } else if(d.createType == 3){ }}
                            <span style="color: green">App</span>
                            {{#  }  }}
                        </script>

                        <!-- 人脸审核状态 -->
                        <script type="text/html" id="checkState">
                            {{#  if(d.checkState == 0){ }}
                            <span style="color: red">待审核</span>
                            {{#  }else if(d.checkState == 1){ }}
                            <span style="color: green">审核通过</span>
                            {{# }else { }}
                            <span style="color: blue">审核不通过</span>
                            {{# } }}
                        </script>

                        <!-- 人脸审核状态 -->
                        <script type="text/html" id="roomDetail">
                            <span >{{ d.residentialName + "，"+ d.unitName + "，" + d.roomName}}</span>
                        </script>

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

        <!-- javascript -->
        <script th:src="@{'/layui/layui.js'}"></script>
        <script>
            layui.config({
                base: '/' //静态资源所在路径
            });
        </script>
        <script th:src="@{'/js/implement/test-manage.js'}"></script>
    </body>
</html>