<!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="${environmentalReview.residentialName}"></span>
                            </div>
                            <label class="layui-form-label">评审人：</label>
                            <div class="layui-input-inline">
                                <span th:text="${environmentalReview.createName}"></span>
                            </div>
                            <label class="layui-form-label">物业对接人：</label>
                            <div class="layui-input-inline">
                                <span th:text="${position.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="${environmentalReview.pillar==null?0:environmentalReview.pillar}"></span>
                            </div>
                            <label class="layui-form-label">评审时间：</label>
                            <div class="layui-input-inline">
                                <span th:text="${#dates.format(environmentalReview.createDate, 'yyyy-MM-dd HH:mm:ss')}"></span>
                            </div>
                            <label class="layui-form-label">电话：</label>
                            <div class="layui-input-inline">
                                <span th:text="${position.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="${environmentalReview.wallHung==null?0:environmentalReview.wallHung}"></span>
                            </div>
                            <label class="layui-form-label">审核状态：</label>
                            <div class="layui-input-inline">
                                <span th:if="${environmentalReview.checkState == 0}">待审核</span>
                                <span th:if="${environmentalReview.checkState == 1}">审核通过</span>
                                <span th:if="${environmentalReview.checkState == 2}">审核不通过</span>
                            </div>
                            <label class="layui-form-label">门禁租赁/买：</label>
                            <div class="layui-input-inline">
                                <span th:if="${position.accessType == 0}">租赁</span>
                                <span th:if="${position.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="${environmentalReview.rainCover}"></span>
                            </div>
                            <label class="layui-form-label">审核人：</label>
                            <div class="layui-input-inline">
                                <span th:text="${environmentalReview.checkName}"></span>
                            </div>
                            <label class="layui-form-label">维护外包/自营：</label>
                            <div class="layui-input-inline">
                                <span th:if="${position.maintainMethod == 0}">外包</span>
                                <span th:if="${position.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="${(environmentalReview.pillar==null?0:environmentalReview.pillar)+(environmentalReview.wallHung==null?0:environmentalReview.wallHung)+(environmentalReview.rainCover==null?0:environmentalReview.rainCover)}"></span>
                            </div>
                            <label class="layui-form-label">审核日期：</label>
                            <div class="layui-input-inline">
                                <span th:text="${#dates.format(environmentalReview.checkDate, 'yyyy-MM-dd HH:mm:ss')}"></span>
                            </div>
                            <label class="layui-form-label">小区管线时间：</label>
                            <div class="layui-input-inline">
                                <span th:text="${position.pipelineYear}"></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="${environmentalReview.checkOpinion}"></span>
                            </div>
                            <label class="layui-form-label">门禁卡种类：</label>
                            <div class="layui-input-inline">
                                <span th:if="${position.accessKind == 0}">ID卡</span>
                                <span th:if="${position.accessKind == 1}">IC卡</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 width="120">
                            <col >
                        </colgroup>
                        <thead>
                        <tr>
                            <th></th>
                            <th>说明</th>
                            <th>结果</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>确认物业知晓施工要求</td>
                            <td>设备安装位置、门锁状态、电源安装位置、设备电源线、门锁控制线、设备布线（门禁电源施工备用方案）、壁挂选配雨罩（安装施工备用方案）、系统对接（备选）、数据录入对接</td>
                            <td>
                                <i th:if="${environmentalReview.isConfirm==1}" class="layui-icon layui-icon-ok"></i>
                                <i th:if="${environmentalReview.isConfirm==0}" class="layui-icon layui-icon-close"></i>
                            </td>
                        </tr>
                        <tr>
                            <td>确认物业已接收文件</td>
                            <td>《小区单元和房间信息明细表》
                                《小区业主档案记录表》
                                《小区门禁卡信息记录表》
                            </td>
                            <td>
                                <i th:if="${environmentalReview.isDocking==1}" class="layui-icon layui-icon-ok"></i>
                                <i th:if="${environmentalReview.isDocking==0}" class="layui-icon layui-icon-close"></i>
                            </td>
                        </tr>
                        <tr>
                            <td>人员要求</td>
                            <td>物业协助板块是否符合</td>
                            <td>
                                <i th:if="${environmentalReview.isStaffing==1}" class="layui-icon layui-icon-ok"></i>
                                <i th:if="${environmentalReview.isStaffing==0}" class="layui-icon layui-icon-close"></i>
                            </td>
                        </tr>
                        <tr>
                            <td>宣传要求</td>
                            <td>物业协助板块是否符合</td>
                            <td>
                                <i th:if="${environmentalReview.isPromotional==1}" class="layui-icon layui-icon-ok"></i>
                                <i th:if="${environmentalReview.isPromotional==0}" class="layui-icon layui-icon-close"></i>
                            </td>
                        </tr>
                        <tr>
                            <td>设备存放</td>
                            <td>物业协助板块是否符合</td>
                            <td>
                                <i th:if="${environmentalReview.isStorage==1}" class="layui-icon layui-icon-ok"></i>
                                <i th:if="${environmentalReview.isStorage==0}" class="layui-icon layui-icon-close"></i>
                            </td>
                        </tr>
                        <tr>
                            <td>工具要求</td>
                            <td>物业协助板块是否符合</td>
                            <td>
                                <i th:if="${environmentalReview.isTool==1}" class="layui-icon layui-icon-ok"></i>
                                <i th:if="${environmentalReview.isTool==0}" class="layui-icon layui-icon-close"></i>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </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: 80%;">
                        <thead>
                        <tr>
                            <th>设备位置</th>
                            <th>门锁控制线</th>
                            <th>设备电源线</th>
                            <th>原门禁电源线</th>
                            <th>安装位置整改</th>
                            <th>4G信号</th>
                            <th>门/锁状态</th>
                            <th>细节照片</th>
                            <th>整体照片</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr th:each="installationReview:${installationReviewList}">
                            <td th:text="${(installationReview.unitName==null?'':installationReview.unitName)+(installationReview.installPath==null?'':installationReview.installPath)}">  </td>
                            <td><i th:if="${installationReview.isLockCable==1}" class="layui-icon layui-icon-ok"></i>
                                <i th:if="${installationReview.isLockCable==0}" class="layui-icon layui-icon-close"></i>
                            </td>
                            <td><i th:if="${installationReview.isDeviceCable==1}" class="layui-icon layui-icon-ok"></i>
                                <i th:if="${installationReview.isDeviceCable==0}" class="layui-icon layui-icon-close"></i>
                            </td>
                            <td><i th:if="${installationReview.isDoorCable==1}" class="layui-icon layui-icon-ok"></i>
                                <i th:if="${installationReview.isDoorCable==0}" class="layui-icon layui-icon-close"></i>
                            </td>
                            <td><i th:if="${installationReview.isRectify==1}" class="layui-icon layui-icon-ok"></i>
                                <i th:if="${installationReview.isRectify==0}" class="layui-icon layui-icon-close"></i>
                            </td>
                            <td><i th:if="${installationReview.isSignal==1}" class="layui-icon layui-icon-ok"></i>
                                <i th:if="${installationReview.isSignal==0}" class="layui-icon layui-icon-close"></i>
                            </td>
                            <td><i th:if="${installationReview.isLockStatus==1}" class="layui-icon layui-icon-ok"></i>
                                <i th:if="${installationReview.isLockStatus==0}" class="layui-icon layui-icon-close"></i>
                            </td>
                            <td>
                                <a th:if="!${#strings.isEmpty(installationReview.detailImgUri)}" class="img-select" style="color: #1E9FFF;cursor: pointer;">查看<img style="display: none; width: 16%; height: 100%;" th:src="${fastDfsServer}+${installationReview.detailImgUri}"></a>
                            </td>
                            <td>
                                <a th:if="!${#strings.isEmpty(installationReview.panoramaImgUri)}" class="img-select" style="color: #1E9FFF;cursor: pointer;">查看<img style="display: none; width: 16%; height: 100%;" th:src="${fastDfsServer}+${installationReview.panoramaImgUri}"></a>
                            </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/environmental-review--detail.js'}" charset="utf-8"></script>
</html>