<!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;
        }
        .layui-table table{width: 80%;text-align: center;}
        .layui-card-header{color: #999999;font-size: 12px;}
        .layui-card-body{padding: 0 15px !important;}
        .layui-table th, .layui-table td{text-align: center;}
        .layui-table td .layui-icon{ font-size: 14px;color: #1E9FFF;border: 2px solid #1E9FFF;border-radius: 50%;padding: 2px;font-weight: 700;}
        .layui-table td .layui-icon-close{ color: #da2b14;border: 2px solid #da2b14;}
    </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.propertyContact}"></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.pillar==null?0:bean.pillar}"></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:text="${bean.propertyTel}"></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.wallHung==null?0:bean.wallHung}"></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:if="${bean.accessType == 0}">租赁</span>
                                <span th:if="${bean.accessType == 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.rainCover}"></span>
                            </div>
                            <label class="layui-form-label">审核人：</label>
                            <div class="layui-input-inline">
                                <span th:text="${bean.accessType}"></span>
                            </div>
                            <label class="layui-form-label">维护外包/自营：</label>
                            <div class="layui-input-inline">
                                <span th:if="${bean.maintainMethod == 0}">外包</span>
                                <span th:if="${bean.maintainMethod == 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.pillar==null?0:bean.pillar)+(bean.wallHung==null?0:bean.wallHung)+(bean.rainCover==null?0:bean.rainCover)}"></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>
                            <label class="layui-form-label">小区管线时间：</label>
                            <div class="layui-input-inline">
                                <span th:text="${bean.pipelineYear}"></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.accessKind == 0}">ID卡</span>
                                <span th:if="${bean.accessKind == 1}">IC卡</span>
                            </div>
                            <label class="layui-form-label">原门禁品牌：</label>
                            <div class="layui-input-inline">
                                <span th:text="${bean.accessBrand}"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">设备定位</div>
                <div class="layui-card-body" pad15>
                    <table class="layui-table" lay-size="sm"style="width: 70%;">
                        <colgroup>
                            <col width="120">
                            <col width="120">
                            <col width="120">
                            <col width="120">
                            <col >
                        </colgroup>
                        <thead>
                        <tr>
                            <th>设备位置</th>
                            <th>设备类型</th>
                            <th>门锁类型</th>
                            <th>安装位置照片</th>
                            <th>电源安装位置点</th>
                            <th>备注</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr th:each="positionRecord:${positionRecordList}">
                            <td th:text="${positionRecord.installPath}"></td>
                            <td><span th:if="${positionRecord.deviceType==0}">立柱机</span><span th:if="${positionRecord.deviceType==1}">壁挂机</span></td>
                            <td th:text="${positionRecord.lockName}"></td>
                            <td>
                                <a th:if="!${#strings.isEmpty(positionRecord.locationImgUri)}" class="img-select" style="color: #1E9FFF;cursor: pointer;">查看<img style="display: none; width: 16%; height: 100%;" th:src="${fastDfsServer}+${positionRecord.locationImgUri}"></a>
                            </td>
                            <td>
                                <a th:if="!${#strings.isEmpty(positionRecord.powerImgUri)}" class="img-select" style="color: #1E9FFF;cursor: pointer;">查看<img style="display: none; width: 16%; height: 100%;" th:src="${fastDfsServer}+${positionRecord.powerImgUri}"></a>
                            </td>
                            <td th:text="${positionRecord.remark}"></td>
                        </tr>
                        </tbody>
                    </table>
                </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>