<!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">
    <style>
        .layui-elem-field .layui-field-title legend {
            text-align: center;
        }
    </style>
</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-body" pad15>
                    <fieldset class="layui-elem-field">
                        <legend>反馈详细信息</legend>
                        <div class="layui-field-box">
                            <fieldset class="layui-elem-field layui-field-title">
                                <legend style="font-size: 18px">反馈信息</legend>
                            </fieldset>
                            <div class="layui-form">
                                <div class="layui-form-item">
                                    <label class="layui-form-label"><span>反馈类型：</span></label>
                                    <div class="layui-input-inline">
                                        <span class="layui-form-text" th:if="${userFeedback.type == 1}">功能异常</span>
                                        <span class="layui-form-text" th:if="${userFeedback.type == 2}">产品建议</span>
                                        <span class="layui-form-text" th:if="${userFeedback.type == 3}">安全问题</span>
                                        <span class="layui-form-text" th:if="${userFeedback.type == 4}">商品终端异常</span>
                                        <span class="layui-form-text" th:if="${userFeedback.type == 5}">其他问题</span>
                                    </div>
                                    <label class="layui-form-label"><span>反馈时间：</span></label>
                                    <div class="layui-input-inline">
                                        <span class="layui-form-text" th:text="${#dates.format(userFeedback.createDate,'yyyy-MM-dd HH:mm:ss')}"></span>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label"><span>详细问题和意见：</span></label>
                                    <div class="layui-input-inline" style="width: auto">
                                        <span class="layui-form-text" th:text="${userFeedback.question == null?'无':userFeedback.question}"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-field-box">
                            <fieldset class="layui-elem-field layui-field-title">
                                <legend style="font-size: 17px">反馈用户信息</legend>
                            </fieldset>
                            <div class="layui-form">
                                <div class="layui-form-item">
                                    <label class="layui-form-label"><span>名称：</span></label>
                                    <div class="layui-input-inline">
                                        <span class="layui-form-text" th:text="${member.name}"></span>
                                    </div>
                                    <label class="layui-form-label"><span>性别：</span></label>
                                    <div class="layui-input-inline">
                                        <span class="layui-form-text" th:if="${member.sex == 0}">未定义</span>
                                        <span class="layui-form-text" th:if="${member.sex == 1}">男</span>
                                        <span class="layui-form-text" th:if="${member.sex == 2}">女</span>
                                    </div>
                                    <label class="layui-form-label"><span>手机：</span></label>
                                    <div class="layui-input-inline">
                                        <span class="layui-form-text" th:text="${member.tel}"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-field-box">
                            <fieldset class="layui-elem-field layui-field-title">
                                <legend style="font-size: 17px">截图或照片</legend>
                            </fieldset>
                            <div class="layui-form">
                                <div class="layui-form-item">
                                    <div class="layui-input-inline" style="width: auto">
                                        <div  th:each="img : ${imageUrls}" style="width:182px;margin-right:5px;float:left" class="avatar">
                                            <img th:src="${fastDfsServer + img}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </fieldset>
                </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>