<!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/notice-add.css'}" media="all">
    <!-- 样式 -->
    <link rel="stylesheet" th:href="@{'/css/permission/community-add.css'}" media="all">
    <style>

        .layui-form-label {
            width: 240px
        }
        .layui-form-item .layui-input-inline {
            width: 240px;
        }
        .layui-col-space15{padding:15px;}
        .info-btn{float: right;}
        .info-btn a{font-size: 14px;margin:0 20px;color: #1890FF;}
        .layui-col-md12{border: 1px solid #e9e9e9;margin-bottom:30px;}
        .layui-upload {margin-left: 160px; }
    </style>
</head>
<body>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <!--  基础信息 -->
        <div class="layui-col-md12">
            <form  class="layui-form">
                <div class="layui-card">
                <div class="layui-card-header">基础信息
                    <div class="info-btn">
                        <a href="javascript:;" lay-filter="insertProject" lay-submit>保存</a>
                        <a href="javascript:;" lay-filter="editProject" lay-submit style="display:none;">修改</a>
                    </div>
                </div>
                <div class="layui-card-body" >
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label  class="layui-form-label">
                                    <span class="must">*</span>楼盘名称：</label>
                                <div class="layui-input-inline">
                                    <input id="residentialName" name="residentialName" type="text" lay-verify="required" placeholder="输入小区名称搜索" autocomplete="off" class="layui-input">
                                    <dl class="layui-anim layui-anim-upbit select_content" id="select_residentialName"></dl>
                                    <input id="residentialId" name="residentialId" type="hidden" lay-verify="required">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">区域：</label>
                                <div class="layui-input-inline">
                                    <input type="text" id="region" name="region" class="layui-input layui-disabled" autocomplete="off" disabled="disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">物业方联系人：</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="propertyContact" class="layui-input" autocomplete="off">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">电话：</label>
                                <div class="layui-input-inline">
                                    <input type="tel" name="propertyTel" class="layui-input" autocomplete="off">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">实施项目经理：</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="projectManager" class="layui-input" autocomplete="off">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">电话：</label>
                                <div class="layui-input-inline">
                                    <input type="tel" name="projectTel" class="layui-input" autocomplete="off">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">拓展业务经理：</label>
                                <div class="layui-input-inline">
                                    <input type="tel" name="businessManager"  class="layui-input" autocomplete="off">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">电话：</label>
                                <div class="layui-input-inline">
                                    <input type="tel" name="businessTel" lay-verify="tel" class="layui-input" autocomplete="off">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">安装工程经理：</label>
                                <div class="layui-input-inline">
                                    <input type="tel" name="installationManager"  class="layui-input" autocomplete="off">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">电话：</label>
                                <div class="layui-input-inline">
                                    <input type="tel" name="installationTel" lay-verify="tel" class="layui-input" autocomplete="off">
                                </div>
                            </div>
                        </div>
                   </div>
                </div>
            </form >
        </div>
        <!--  合同信息 -->
        <div class="layui-col-md12">
            <form  class="layui-form" >
                <div class="layui-card">
                <div class="layui-card-header">合同信息
                    <div class="info-btn">
                        <a href="javascript:;" lay-filter="insertContract" lay-submit>保存</a>
                        <a href="javascript:;" lay-filter="editContract" lay-submit style="display:none;">修改</a>
                    </div>
                </div>
                <div class="layui-card-body" >
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label  class="layui-form-label">
                                    <span class="must">*</span>合同编号：</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="contractNo" autocomplete="off" class="layui-input" lay-verify="required">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">
                                    <span class="must">*</span>物业管理方：</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="propertyName" autocomplete="off" class="layui-input" lay-verify="required">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">
                                    <span class="must">*</span>合同签约日期：</label>
                                <div class="layui-input-inline">
                                    <input type="text" id="signingDate" name="signingDate" autocomplete="off" class="layui-input" placeholder="请选择签约日期" lay-verify="required">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">
                                    <span class="must">*</span>综合服务方：</label>
                                <div class="layui-input-inline">
                                    <input id="integratedServiceName" type="text" placeholder="输入综合服务方名称搜索" autocomplete="off" class="layui-input" lay-verify="required">
                                    <dl class="layui-anim layui-anim-upbit select_content" id="select_integratedServiceName"></dl>
                                    <input name="integratedServiceId" type="hidden" lay-verify="required">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">
                                    <span class="must">*</span>合同时效：</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="period" autocomplete="off" class="layui-input" lay-verify="required">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">
                                    <span class="must">*</span>是否扫描存档：</label>
                                <div class="layui-input-inline">
                                    <input type="radio" name="IsScanArchive" value="0" title="否" checked="">
                                    <input type="radio" name="IsScanArchive" value="1" title="是">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">
                                    <span class="must">*</span>印章使用：</label>
                                <div class="layui-input-inline">
                                    <select name="sealUse" lay-verify="required">
                                        <option value="0">合同章</option>
                                        <option value="1">公章</option>
                                        <option value="2">业务章</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">
                                    <span class="must">*</span>留档份数：</label>
                                <div class="layui-input-inline">
                                    <input type="number" name="fileNumber" autocomplete="off" class="layui-input" lay-verify="required">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">备注：</label>
                                <div class="layui-input-inline">
                                    <textarea name="remark" placeholder="请输入内容" class="layui-textarea w500"></textarea>
                                </div>
                            </div>
                        </div>
                        <!--图片服务器的地址，图片回显用到-->
                        <input id="fastDfsServer" type="hidden" th:value="${fastDfsServer}">
                        <div class="layui-form-item">
                            <label class="layui-form-label">合同扫描件：</label>
                            <div class="layui-input-block">
                                <div class="layui-upload ">
                                    <div class="layui-upload-list layui-inline" id="previewImage">
                                        <!--<div class="layer-photos-content">-->
                                            <!--<img class="layui-upload-img" src="http://192.168.0.98:8880/group1/M00/00/02/wKgAYlvtUEyAYJu3AAA_mInbr1g681.jp">-->
                                            <!--<input type="hidden" name="imgUri" value="" />-->
                                            <!--<span class="layui-layer-setwin"><a class="layui-layer-ico layui-layer-close layui-layer-close2" href="javascript:;"></a>'</span>-->
                                            <!--<a href="javascript:;" class="layui-laypage-next"><i class="layui-icon"></i></a>-->
                                            <!--<a href="javascript:;" class="layui-laypage-prev "><i class="layui-icon"></i></a>-->
                                        <!--</div>-->
                                        <!--<div class="layer-photos-content">-->
                                            <!--<img class="layui-upload-img" src="http://192.168.0.98:8880/group1/M00/00/02/wKgAYlvtUEyAYJu3AAA_mInbr1g681.jpg">-->
                                            <!--<span class="layui-layer-setwin"><a class="layui-layer-ico layui-layer-close layui-layer-close2" href="javascript:;"></a>'</span>-->
                                            <!--<a href="javascript:;" class="layui-laypage-next"><i class="layui-icon"></i></a>-->
                                            <!--<a href="javascript:;" class="layui-laypage-prev "><i class="layui-icon"></i></a>-->
                                        <!--</div>-->
                                    </div>
                                    <div class="layui-inline" id="uploadImage">
                                        <div class="upload-btn">
                                            <i class="layui-icon layui-icon-add-1"></i>
                                            <p>上传图片</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </form >
        </div>

        <!--  派工单（设备定位） -->
        <div class="layui-col-md12">
            <form  class="layui-form" >
                <div class="layui-card">
                <div class="layui-card-header">派工单（设备定位）
                    <div class="info-btn">
                        <!--<a href="javascript:;">查看定位详情</a>-->
                    </div>
                </div>
                <div class="layui-card-body" >
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label  class="layui-form-label">派工单号：</label>
                                <div class="layui-input-inline">
                                    <input type="text"  autocomplete="off" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">立柱机：</label>
                                <div class="layui-input-inline">
                                    <input type="text" autocomplete="off" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">申请人：</label>
                                <div class="layui-input-inline">
                                    <input type="text"  autocomplete="off" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">壁挂机：</label>
                                <div class="layui-input-inline">
                                    <input type="text" autocomplete="off" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">申请日期：</label>
                                <div class="layui-input-inline">
                                    <input type="text"  autocomplete="off" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">雨罩壁挂机：</label>
                                <div class="layui-input-inline">
                                    <input type="tel" autocomplete="off" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">总台数：</label>
                                <div class="layui-input-inline">
                                    <input type="text" autocomplete="off" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form >
        </div>

        <!--  立项书项目时间  -->
        <div class="layui-col-md12">
            <form  class="layui-form" >
                <div class="layui-card">
                <div class="layui-card-header">立项书项目时间
                    <div class="info-btn">
                        <a href="javascript:;" lay-filter="insertProjectBook" lay-submit>保存</a>
                        <a href="javascript:;" lay-filter="editProjectBook" lay-submit style="display:none;">修改</a>
                    </div>
                </div>
                <div class="layui-card-body" >
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label  class="layui-form-label">
                                    环境整改时间：</label>
                                <div class="layui-input-inline">
                                    <input type="text" id="rectificationDate" name="rectificationDate" autocomplete="off" class="layui-input" placeholder="请选择项目整改时间" >
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">
                                    设备生产时间：</label>
                                <div class="layui-input-inline">
                                    <input type="text" id="productionDate" name="productionDate" autocomplete="off" class="layui-input" placeholder="请选择设备生产时间" >
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">
                                    进场施工时间：</label>
                                <div class="layui-input-inline">
                                    <input type="text" id="constructionDate" name="constructionDate" autocomplete="off" class="layui-input" placeholder="请选择项目施工时间" >
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">
                                    项目验收和交接时间：</label>
                                <div class="layui-input-inline">
                                    <input type="text" id="acceptanceDate" name="acceptanceDate" autocomplete="off" class="layui-input" placeholder="请选择项目验收和交接日期" >
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">
                                    设备出入库及物流发货时间：</label>
                                <div class="layui-input-inline">
                                    <input type="text" id="deliveryDate" name="deliveryDate" autocomplete="off" class="layui-input" placeholder="请选择设备出入库及物流发货时间" >
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form >
        </div>

        <!--  竣工单  -->
        <div class="layui-col-md12">
            <form  class="layui-form" >
                <div class="layui-card">
                <div class="layui-card-header">物业验收单
                    <div class="info-btn">
                    </div>
                </div>
                <div class="layui-card-body" >
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label  class="layui-form-label">验收单号：</label>
                                <div class="layui-input-inline">
                                    <input type="text" autocomplete="off" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">立柱机：</label>
                                <div class="layui-input-inline">
                                    <input type="text" autocomplete="off" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">填写人：</label>
                                <div class="layui-input-inline">
                                    <input type="text" autocomplete="off" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">壁挂机：</label>
                                <div class="layui-input-inline">
                                    <input type="text" autocomplete="off" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">填写日期：</label>
                                <div class="layui-input-inline">
                                    <input type="text" autocomplete="off" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">雨罩壁挂机：</label>
                                <div class="layui-input-inline">
                                    <input type="text" autocomplete="off" class="layui-input" disabled="disabled">
                                </div>
                            </div>

                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">物业验收日期：</label>
                                <div class="layui-input-inline">
                                    <input type="text" autocomplete="off" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">总台数：</label>
                                <div class="layui-input-inline">
                                    <input type="text" autocomplete="off" class="layui-input" disabled="disabled">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form >
        </div>

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