<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <script th:replace="common/head"></script>
        <link xmlns:th="http://www.thymeleaf.org" rel="stylesheet" th:href="${'/css/estate/access.css'}" media="all">
    </head>
        <body>
            <div class="layui-fluid">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <button type="button" lay-submit="" lay-filter="refresh" class="layui-btn layui-btn-primary layui-btn-sm"
                                    style="display:block;margin:0 auto">
                                <i class="layui-icon layui-icon-refresh" style="font-size: 20px"></i>
                            </button>
                            <div class="layui-card-header">人脸详情</div>
                            <div class="layui-card-body" pad15>
                                <div class="layui-form">
                                    <input type="hidden" name="id" id="user_id" th:value="${user.id}" />
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">住户姓名：</label>
                                        <div class="layui-input-inline">
                                            <span class="detail-info"  th:text="${user.name}"></span>
                                        </div>
                                        <label class="layui-form-label">手机号：</label>
                                        <div class="layui-input-inline">
                                            <span class="detail-info"  th:text="${user.tel}"></span>
                                        </div>
                                        <label class="layui-form-label">住户类型：</label>
                                        <div class="layui-input-inline">
                                            <span class="layui-badge layui-bg-blue" style="margin-top: 10px;"
                                                  th:each="item : ${userTypeDict}" th:if="${user.type} == ${item.dictKey}"
                                                  th:text="${item.dictValue}" ></span>
                                            <!--<span th:if="${user.type == 0}" class="detail-info">业主</span>
                                            <span th:if="${user.type == 1}" class="detail-info">家属</span>
                                            <span th:if="${user.type == 2}" class="detail-info">租客</span>-->
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">房间信息：</label>
                                        <div class="layui-input-inline">
                                            <span class="detail-info"  th:text="${user.roomName}" ></span>
                                        </div>
                                        <label class="layui-form-label">单元信息：</label>
                                        <div class="layui-input-inline">
                                            <span class="detail-info" th:text="${user.unitName}" ></span>
                                        </div>
                                        <label class="layui-form-label">小区信息：</label>
                                        <div class="layui-input-inline">
                                            <span class="detail-info" th:text="${user.residentialName}" ></span>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">住户性别：</label>
                                        <div class="layui-input-inline">
                                            <span class="layui-badge layui-bg-green" style="margin-top: 10px;"
                                                  th:each="item : ${sexDict}" th:if="${user.sex} == ${item.dictKey}"
                                                  th:text="${item.dictValue}" ></span>
                                            <!--<span th:if="${user.sex == 0}" class="detail-info">未定义</span>
                                            <span th:if="${user.sex == 1}" class="detail-info">男</span>
                                            <span th:if="${user.sex == 2}" class="detail-info">女</span>-->
                                        </div>
                                        <!--<label class="layui-form-label">国籍：</label>
                                        <div class="layui-input-inline">
                                            <span class="layui-badge layui-bg-cyan" style="margin-top: 10px;"
                                                  th:each="item : ${nationalityDict}" th:if="${user.nationality} == ${item.dictKey}"
                                                  th:text="${item.dictValue}" ></span>
                                        </div>-->
                                        <label class="layui-form-label">证件类型：</label>
                                        <div class="layui-input-inline">
                                            <span class="detail-info" th:if="${user.nationality == 0 || user.nationality == null}" >身份证</span>
                                            <span class="detail-info" th:if="${user.nationality == 1}" >港澳居民往来内地通行证</span>
                                            <span class="detail-info" th:if="${user.nationality == 2}" >台湾居民往来大陆通行证</span>
                                            <span class="detail-info" th:if="${user.nationality == 3}" >护照</span>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">证件号码：</label>
                                        <div class="layui-input-inline">
                                            <span class="detail-info" th:text="${user.idCard}"></span>
                                        </div>
                                        <label class="layui-form-label" th:if="${user.nationality == 1 || user.nationality == null}">籍贯：</label>
                                        <div class="layui-input-inline" th:if="${user.nationality == 1 || user.nationality == null}">
                                            <span class="detail-info" th:text="${user.birthPlace}" ></span>
                                        </div>
                                        <label class="layui-form-label">是否激活APP：</label>
                                        <div class="layui-input-inline">
                                            <span class="detail-info" th:if="${user.isMember == 0 || user.isMember == null}" >未激活</span>
                                            <span class="detail-info" th:if="${user.isMember == 1}" >已激活</span>
                                        </div>
                                        <label class="layui-form-label">备注：</label>
                                        <div class="layui-input-inline">
                                            <span class="detail-info" th:text="${user.remark}"></span>
                                        </div>
                                    </div>
                                    <div class="layui-input-inline">
                                        <label class="layui-form-label">住户头像：</label>
                                        <div th:if=" ${user.imageUri != null && user.imageUri != ''}" style="width:182px;margin-right:5px;float:left"  class="avatar">
                                            <img th:src="${fastDfsServer + user.imageUri}" >
                                        </div>
                                    </div>
                                    <div class="layui-input-inline" th:if="${user.nationality == 3}">
                                        <label class="layui-form-label">护照图片：</label>
                                        <div th:if=" ${user.passportImgUri != null && user.passportImgUri != ''}" style="width:182px;margin-right:5px;float:left" class="avatar">
                                            <img th:src="${fastDfsServer + user.passportImgUri}" >
                                        </div>
                                    </div>
                                    <div class="layui-input-inline" th:if="${user.nationality == 3}">
                                        <label class="layui-form-label" >入境证明：</label>
                                        <div th:if=" ${user.entryImgUri != null && user.entryImgUri != ''}" style="width:182px;margin-right:10px;float:left"  class="avatar">
                                            <img th:src="${fastDfsServer + user.entryImgUri}" >
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- javascript -->
            <script th:src="@{'/layui/layui.js'}"></script>
            <script>
                layui.config({
                    base: '/' //静态资源所在路径
                });
            </script>
            <script type="text/javascript" th:src="@{'/js/estate/detail-refresh.js'}" charset="utf-8"></script>
        </body>
</html>
