<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <script th:replace="common/head"></script>
    <style>
        .layui-form-item .layui-input-inline{
            padding: 7px 15px;
        }
        .upload-content{
            display: block;
            width: 100%;
            float: left;
            margin-left: 24px;
            color: #999;
        }
        .upload-content .content-list {
            width: 150px;
            text-align: center;
            float: left;
            margin-right: 20px;
            margin-top: 20px;
            line-height: 40px;
        }
        .upload-content .content-list img{
            width: 150px;
            height: 150px;
            border: 1px solid #CCCCCC;
        }
        .upload-content .content-list video{
            width: 150px;
            height: 150px;
            border: 1px solid #CCCCCC;
        }
    </style>
</head>
<body>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-body" pad15>
                    <div class="layui-form" lay-filter="entity_form">
                        <div class="layui-form-item layui-form">
                            <label class="layui-form-label">安装楼盘：</label>
                            <div class="layui-input-inline">
                                <span th:text="${bean.residentialName}"></span>
                            </div>
                            <label class="layui-form-label">安装人：</label>
                            <div class="layui-input-inline">
                                <span th:text="${bean.createName}"></span>
                            </div>
                            <label class="layui-form-label">门锁类型：</label>
                            <div class="layui-input-inline">
                                <span th:text="${bean.lockName}"></span>
                            </div>
                        </div>
                        <div class="layui-form-item layui-form">
                            <label class="layui-form-label">具体位置：</label>
                            <div class="layui-input-inline">
                                <span th:text="${(bean.unitName==null?'':bean.unitName)+(bean.installPath==null?'':bean.installPath)}"></span>
                            </div>
                            <label class="layui-form-label">安装时间：</label>
                            <div class="layui-input-inline">
                                <span th:text="${#dates.format(bean.createDate, 'yyyy-MM-dd HH:mm:ss')}"></span>
                            </div>
                            <label class="layui-form-label">开门方式：</label>
                            <div class="layui-input-inline">
                                <span th:if="${bean.openingMethod == 0}">断电</span>
                                <span th:if="${bean.openingMethod == 1}">通电</span>
                            </div>
                        </div>
                        <div class="layui-form-item layui-form">
                            <label class="layui-form-label">设备编号：</label>
                            <div class="layui-input-inline">
                                <span th:text="${bean.serialNumber}"></span>
                            </div>
                            <label class="layui-form-label">审核状态：</label>
                            <div class="layui-input-inline">
                                <span th:if="${bean.checkState == 0}">待审核</span>
                                <span th:if="${bean.checkState == 1}">审核通过</span>
                                <span th:if="${bean.checkState == 2}">审核不通过</span>
                            </div>
                            <label class="layui-form-label">门禁控制方式：</label>
                            <div class="layui-input-inline">
                                <span th:text="${bean.controlMethod}"></span>
                            </div>
                        </div>
                        <div class="layui-form-item layui-form">
                            <label class="layui-form-label">设备类型：</label>
                            <div class="layui-input-inline">
                                <span th:if="${bean.deviceType==0}">立柱机</span>
                                <span th:if="${bean.deviceType==1}">壁挂机</span>
                                <span th:if="${bean.deviceType==2}">雨罩壁挂机</span>
                            </div>
                            <label class="layui-form-label">审核人：</label>
                            <div class="layui-input-inline">
                                <span th:text="${bean.checkName}"></span>
                            </div>
                        </div>
                        <div class="layui-form-item layui-form">
                            <label class="layui-form-label"></label>
                            <div class="layui-input-inline">
                                <span></span>
                            </div>
                            <label class="layui-form-label">审核日期：</label>
                            <div class="layui-input-inline">
                                <span th:text="${#dates.format(bean.checkDate, 'yyyy-MM-dd HH:mm:ss')}"></span>
                            </div>
                        </div>
                        <div class="layui-form-item layui-form">
                            <label class="layui-form-label"></label>
                            <div class="layui-input-inline">
                                <span></span>
                            </div>
                            <label class="layui-form-label">审核意见：</label>
                            <div class="layui-input-inline">
                                <span th:text="${bean.checkOpinion}"></span>
                            </div>
                        </div>
                        <div class="layui-form-item layui-form">
                            <label class="layui-form-label">安装详情照片：</label>
                            <div class="upload-content" style="display:block;">
                                <div class="content-list">
                                    <p>设备端子端</p>
                                    <p><img th:src="${fastDfsServer}+${bean.startPointImgUri}" alt="" ></p>
                                </div>
                                <div class="content-list">
                                    <p>控制接线端</p>
                                    <p><img  th:src="${fastDfsServer}+${bean.endPointImgUri}" alt=""></p>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item layui-form">
                            <label class="layui-form-label">安装照片：</label>
                            <div class="upload-content" style="display:block;">
                                <div class="content-list">
                                    <p>设备安装好后面板</p>
                                    <p><img th:src="${fastDfsServer}+${bean.panelImgUri}" alt="" ></p>
                                </div>
                                <div class="content-list">
                                    <p>设备安装好后场景</p>
                                    <p><img  th:src="${fastDfsServer}+${bean.panoramicImgUri}" alt=""></p>
                                </div>
                                <div class="content-list">
                                    <p>设备安装好后侧面</p>
                                    <p><img th:src="${fastDfsServer}+${bean.sideImgUri}"  alt=""></p>
                                </div>
                                <div class="content-list">
                                    <p>开门小视频</p>
                                    <p>
                                        <img th:if="${#strings.isEmpty(bean.openingVideoUri)}" th:src="${fastDfsServer}+${bean.sideImgUri}"  alt="">
                                        <video th:if="!${#strings.isEmpty(bean.openingVideoUri)}"  id="showVideoUri" th:src="${fastDfsServer}+${bean.openingVideoUri}"  controls="controls">您的浏览器不支持HTML5</video>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
</body>
<!-- javascript -->
<script type="text/javascript" th:src="@{'/layui/layui.js'}" charset="utf-8"></script>
<script type="text/javascript">
    layui.config({
        base: '/' //静态资源所在路径
    });
</script>
<script type="text/javascript" th:src="@{'/js/implement/position-detail.js'}" charset="utf-8"></script>
</html>