<!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;}

        .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: 264px;
            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">
                        <input type="hidden" id="projectId" th:value="${bean.projectId}">
                        <input type="hidden" id="residentialId" th:value="${bean.residentialId}">
                        <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>
                        </div>
                        <div class="layui-form-item layui-form">
                            <label class="layui-form-label">立柱机：</label>
                            <div class="layui-input-inline">
                                <span th:text="${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>
                        </div>
                        <div class="layui-form-item layui-form">
                            <label class="layui-form-label">壁挂机：</label>
                            <div class="layui-input-inline">
                                <span th:text="${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>
                        </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.checkName}"></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>
                        </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>
                </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>
                            <col width="120">
                        </colgroup>
                        <thead>
                        <tr>
                            <th>项目</th>
                            <th>说明</th>
                            <th>结果</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>设备安装数量</td>
                            <td>立柱机<span id="pillar" style="color: red">0</span>台，壁挂机<span id="wallHung" style="color: red">0</span>台，雨罩壁挂机<span id="rainCover" style="color: red">0</span>台</td>
                            <td>
                                <i th:if="${bean.isInstallationNumber==0}" class="layui-icon layui-icon-ok"></i>
                                <i th:if="${bean.isInstallationNumber==1}" class="layui-icon layui-icon-close"></i>
                            </td>
                        </tr>
                        <tr>
                            <td>项目安装位置确认表</td>
                            <td>位置数量<span id="positionCount" style="color: red">0</span>，审核通过数量<span id="installationReviewCount" style="color: red">0</span></td>
                            <td>
                                <i th:if="${bean.isPositionNumber==0}" class="layui-icon layui-icon-ok"></i>
                                <i th:if="${bean.isPositionNumber==1}" class="layui-icon layui-icon-close"></i>
                            </td>
                        </tr>
                        <tr>
                            <td><span th:text="|#{platform.name}设备序列号登记表|"></span></td>
                            <td>位置数量<span name="deviceCount" style="color: red">0</span>，审核通过数量<span name="deviceCount" style="color: red">0</span></td>
                            <td>
                                <i th:if="${bean.isSerialNumber==0}" class="layui-icon layui-icon-ok"></i>
                                <i th:if="${bean.isSerialNumber==1}" class="layui-icon layui-icon-close"></i>
                            </td>
                        </tr>
                        <tr>
                            <td>工程验收标准</td>
                            <td>位置数量X<span name="deviceTestCount" style="color: red">0</span>，审核通过数量<span name="deviceTestCount" style="color: red">0</span></td>
                            <td>
                                <i th:if="${bean.isProjectNumber==0}" class="layui-icon layui-icon-ok"></i>
                                <i th:if="${bean.isProjectNumber==1}" class="layui-icon layui-icon-close"></i>
                            </td>
                        </tr>
                        <tr>
                            <td>后台住户信息录入条数</td>
                            <td>单元总数<span id="totalUnitNumber" style="color: red">0</span>，
                                房间总<span id="totalRoomNumber" style="color: red">0</span>，
                                住户总数<span id="totalUserNumber" style="color: red">0</span>，
                                入住率<span id="userRate" style="color: red">0</span>%，
                                已录单元总数<span id="unitNumber" style="color: red">0</span>，
                                已录房间总数<span id="roomNumber" style="color: red">0</span>，
                                已录住户总数<span id="userNumber" style="color: red">0</span>
                            </td>
                            <td>
                                <i th:if="${bean.isUserNumber==0}" class="layui-icon layui-icon-ok"></i>
                                <i th:if="${bean.isUserNumber==1}" class="layui-icon layui-icon-close"></i>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </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.enterImgUri}" alt="" ></p>
                    </div>
                    <div class="content-list">
                        <p>《项目竣工验收单》</p>
                        <p><img  th:src="${fastDfsServer}+${bean.completeImgUri}" alt=""></p>
                    </div>
                    <div class="content-list">
                        <p><span th:text="|《#{platform.name}门禁工程质量竣工验收记录》|"></span></p>
                        <p><img  th:src="${fastDfsServer}+${bean.acceptanceImgUri}" alt=""></p>
                    </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/acceptance-detail.js'}" charset="utf-8"></script>
</html>
