report/app/enterprise/view/housepurchase/housepurchase_add.html

@layout("/common/_container.html"){
<style type="text/css">
    .spacing {
        margin-bottom: 10px;
        padding-right:4px;
        padding-left: 4px;
    }
    label {
        font-size: xx-small;
    }
    .has-feedback .form-control {
        padding-right: 5px;
    }
    .control-label{
        color: #337ab7;
    }
    .rowGroup{
        padding-bottom: 5px;
    }
    .imgs li{
        list-style: none;
        float: left;
        border: 1px solid #d8d1d1;
        text-align: center;
        height: 30px;
    }
    .bs-callout-info {
          border-left:1px solid #1b809e;
      }
    .bs-callout-success {
        border-left:1px solid #1ab394;
    }
    .bs-callout {
        padding: 20px;
        margin: 20px 0;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
        border-left-width: 5px;
        border-radius: 3px;
    }
    .bs-callout-info h4 {
        color: #1b809e;
    }
    .bs-callout-success h4{
        color: #1ab394;
    }
    .add-btn {
        display: inline-block;
        background: url(${ctxPath}/static/img/icon_edit_tools.png) no-repeat;
        background-position: -144px 0px;
        background-size: 520px auto;
        width: 22px;
        height: 24px;
        vertical-align: middle;
        cursor: pointer;
    }
    .reduce {
        display: inline-block;
        background: url(${ctxPath}/static/img/icon_edit_tools.png) no-repeat;
        background-position: -48px -48px;
        background-size: 520px auto;
        width: 24px;
        height: 24px;
        vertical-align: middle;
        cursor: pointer;
    }
</style>
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal">
            <div class="row">
                <div class="col-sm-12" >
                    <div class="tabs-container" >
                        <ul class="nav nav-tabs">
                            <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true">1.基本信息</a></li>
                            <li id="fileLi" class=""><a data-toggle="tab" href="#tab-2" onclick="initFileTable(CONFIG.project_house,'fileTable')"  aria-expanded="false">2.附件上传</a></li>
                        </ul>
                    </div>
                    <div class="tab-content">
                        <div id="tab-1" class="tab-pane active">
                            <div class="panel-body" >
                                <div class="panel panel-default">
                                    <div class="panel-heading" onclick="$(this).next().toggle()" >基础信息</div>
                                    <div class="panel-body">
                                        <form id="houseInfoForm" class="form-horizontal">
                                            <div class="col-sm-12 form-group-sm">
                                                <input type="hidden" name="id" id="id" value="">
                                                <input type="hidden" name="type" id="type" value="${type}">
                                                <input type="hidden" name="year" id="year" value="${year}">
                                                <input type="hidden" name="checkState" id="checkState" value="">
                                                <input type="hidden" name="name" id="name">
                                                <input type="hidden" name="files" id="files">
                                                <input type="hidden" name="fields" id="fields">
                                                <div class="bs-callout bs-callout-info" id="callout-helper-context-color-specificity">
                                                    <h4>申报人信息</h4>
                                                    <div class="row">
                                                        <div class="col-sm-12">
                                                                <div class="rowGroup col-sm-3"
                                                                     @if(type == 2){
                                                                     style="display: none"
                                                                     @}
                                                                >
                                                                    <label class=" control-label spacing"><span style="color: red">*</span>申报对象</label>
                                                                    <select class="form-control" id="declareObject" name="declareObject" onchange="HousepurchaseInfoDlg.declareObjChange()">
                                                                        <option value="">请选择</option>
                                                                        <option value="1"
                                                                                @if(type == 2){
                                                                                selected="selected"
                                                                                @}
                                                                            >依据晋政文〔2019〕107号经我市认定后公布入选，且符合申报适用对象的晋江市优秀人才</option>
                                                                        <option value="2">依据晋政文﹝2015﹞87号经我市认定，且于2019年1月24日前取得购房补贴指标的原晋江市优秀人才</option>
<!--                                                                        <option value="3">旧政策已取得购房补贴指标的，但不再符合新政策认定标准</option>-->
                                                                    </select>
                                                                </div>
                                                                <div class="rowGroup col-sm-3"
                                                                     @if(type == 2){
                                                                     style="display: none"
                                                                     @}
                                                                >
                                                                    <label class=" control-label spacing"><span style="color: red">*</span>申报类型</label>
                                                                    <select class="form-control" id="declareType" name="declareType" onchange="HousepurchaseInfoDlg.typeChange()">
                                                                        <option value="">请选择</option>
                                                                        <option value="1"
                                                                                @if(type == 2){
                                                                                selected="selected"
                                                                                @}
                                                                        >购房补贴</option>
                                                                        <option value="2">免租入住</option>
                                                                    </select>
                                                                </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class=" control-label spacing"><span style="color: red">*</span>姓名</label>
                                                                <select type="text" class="form-control" id="talentId" name="talentId" onchange="HousepurchaseInfoDlg.nameChange()">
                                                                </select>
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class=" control-label spacing"><span style="color: red">*</span>证件类型</label>
                                                                <select class="form-control" id="cardType" name="cardType" style="pointer-events: none;background-color: #eee;">
                                                                </select>
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class=" control-label spacing"><span style="color: red">*</span>证件号码</label>
                                                                <input type="text" class="form-control" id="idCard" name="idCard" placeholder="在库人员证件号码必须与人才库证件号码一致" readonly="readonly"/>
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class="control-label spacing"><span style="color: red">*</span>籍贯省</label>
                                                                <select class="form-control " onchange="afterSelectProvince(this,'cityCode','countyCode')" id="provinceCode" name="provinceCode" style="pointer-events: none;background-color: #eee;">
                                                                </select>
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class="control-label spacing"><span style="color: red">*</span>籍贯市</label>
                                                                <select class="form-control" onchange="afterSelectCity(this,'countyCode')" id="cityCode" name="cityCode" style="pointer-events: none;background-color: #eee;"></select>
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class="control-label spacing"><span style="color: red">*</span>籍贯县</label>
                                                                <select class="form-control" id="countyCode" name="countyCode" style="pointer-events: none;background-color: #eee;"></select>
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class=" control-label spacing"><span style="color: red">*</span>所属镇街</label>
                                                                <select class="form-control" id="street" name="street" style="pointer-events: none;background-color: #eee;"></select>
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class="control-label spacing"><span style="color: red">*</span>人才层次</label>
                                                                <select class="form-control" id="talentArrange" name="talentArrange" onchange="HousepurchaseInfoDlg.getIdentifyCondition()" style="pointer-events: none;background-color: #eee;"></select>
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class="control-label spacing"><span style="color: red">*</span>泉州高层次人才证书发证日期</label>
                                                                <input class="form-control" id="certificateStartTime" name="certificateStartTime"   style="pointer-events: none;background-color: #eee;">
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class="control-label spacing"><span style="color: red">*</span>泉州高层次人才证书有效期</label>
                                                                <input class="form-control" id="certificateEndTime" name="certificateEndTime"   style="pointer-events: none;background-color: #eee;">
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class="control-label spacing"><span style="color: red">*</span>认定条件</label>
                                                                <select class="form-control" id="identifyCondition" name="identifyCondition" style="pointer-events: none;background-color: #eee;"> </select>
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class="control-label spacing"><span style="color: red">*</span>认定条件名称</label>
                                                                <input type="text" class="form-control" id="idenfityConditionName" name="idenfityConditionName" placeholder="例：获得国家一级职业资格（汽车维修工）" readonly="readonly"/>
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class="control-label spacing"><span style="color: red">*</span>认定条件证书取得时间</label>
                                                                <input type="text" class="form-control date" id="identifyGetTime" name="identifyGetTime" readonly="readonly"/>
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class="control-label spacing"><span style="color: red">*</span>手机号码</label>
                                                                <input type="phone" class="form-control" id="phone" name="phone" maxlength="11" readonly="readonly"/>
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class="control-label spacing"><span style="color: red">*</span>开户银行</label>
                                                                <input type="text" class="form-control" onchange="bankChange(this,'bankNumber')" id="bank" name="bank" placeholder="XX银行" readonly="readonly"/>
                                                            </div>
                                                            @if(type == 1){
                                                                <div class="rowGroup col-sm-3">
                                                                    <label class="control-label spacing"><span style="color: red">*</span>银行行号</label>
                                                                    <input type="text" class="form-control" id="bankNumber" name="bankNumber" readonly="readonly"/>
                                                                </div>
                                                            @}
                                                            <div class="rowGroup col-sm-3">
                                                                <label class="control-label spacing"><span style="color: red">*</span>开户银行网点</label>
                                                                <input type="text" class="form-control" id="bankNetwork" name="bankNetwork" readonly="readonly" placeholder="XX银行XX省XX市XX支行/分行/分理处"/>
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class="control-label spacing"><span style="color: red">*</span>银行账号</label>
                                                                <input type="text" class="form-control" id="bankAccount" name="bankAccount" readonly="readonly"/>
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class="control-label spacing"><span style="color: red">*</span>婚姻状态</label>
                                                                <select class="form-control" id="marryStatus" name="marryStatus"></select>
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class="control-label spacing">配偶姓名</label>
                                                                <input type="text" class="form-control" id="spouseName" name="spouseName"/>
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class=" control-label spacing">配偶证件类型</label>
                                                                <select class="form-control" id="spouseCardType" name="spouseCardType">
                                                                </select>
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class="control-label spacing">配偶证件号码</label>
                                                                <input type="text" class="form-control" id="spouseIdcard" name="spouseIdcard" />
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class=" control-label spacing">配偶是否在库人才</label>
                                                                <select class="form-control" id="spouseIsLibrary" name="spouseIsLibrary" >
                                                                    <option value=""></option>
                                                                    <option value="2">否</option>
                                                                    <option value="1">是</option>
                                                                </select>
                                                            </div>
                                                            <div class="rowGroup col-sm-3"
                                                                 @if(type==1){
                                                                    style="display: none"
                                                                 @}
                                                                 >
                                                                <label class="control-label spacing">不动产权证编号</label>
                                                                <input type="text" class="form-control" id="realEstateNo" name="realEstateNo" placeholder="例：闽(2019)晋江市不动产权第(123456)号"/>
                                                            </div>
                                                            <div class="rowGroup col-sm-3"
                                                                 @if(type==1){
                                                                 style="display: none"
                                                                 @}
                                                            >
                                                                <label class="control-label spacing">备案合同编号</label>
                                                                <input type="text" class="form-control" id="recordNo" name="recordNo"/>
                                                            </div>
                                                            <div class="rowGroup col-sm-3"
                                                                 @if(type==1){
                                                                 style="display: none"
                                                                 @}
                                                            >
                                                                <label class="control-label spacing"><span style="color: red">*</span>房屋坐落地址</label>
                                                                <input type="text" class="form-control" id="houseAddress" name="houseAddress"/>
                                                            </div>
                                                            <div class="rowGroup col-sm-3"
                                                                 @if(type==1){
                                                                 style="display: none"
                                                                 @}
                                                            >
                                                                <label class="control-label spacing"><span style="color: red">*</span>房屋建筑面积(m2)</label>
                                                                <input type="text" class="form-control" id="houseArea" name="houseArea"/>
                                                            </div>
                                                            <div class="rowGroup col-sm-3"
                                                                 @if(type==1){
                                                                 style="display: none"
                                                                 @}
                                                            >
                                                                <label class="control-label spacing"><span style="color: red">*</span>购房合同备案时间/不动产权证书办理时间</label>
                                                                <input type="text" class="form-control date" id="recordTime" name="recordTime"/>
                                                            </div>
                                                            <div class="rowGroup col-sm-3"
                                                                 @if(type==1){
                                                                 style="display: none"
                                                                 @}
                                                            >
                                                                <label class="control-label spacing"><span style="color: red">*</span>房屋成交金额(元)</label>
                                                                <input type="text" class="form-control" id="houseMoney" name="houseMoney"/>
                                                            </div>
                                                            <div class="rowGroup col-sm-3"
                                                                 @if(type==1){
                                                                 style="display: none"
                                                                 @}
                                                            >
                                                                <label class="control-label spacing"><span style="color: red">*</span>是否享受我市其他政策</label>
                                                                <select class="form-control" id="isEnjoyOther" name="isEnjoyOther">
                                                                    <option value="">请选择</option>
                                                                    <option value="1">是</option>
                                                                    <option value="2">否</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="bs-callout bs-callout-success" >
                                                    <h4>子女信息</h4>
                                                    <div class="row" >
                                                        <div class="col-sm-12">
                                                            <div class="rowGroup col-sm-3">
                                                                <label class="control-label spacing">未成年子女姓名</label>
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class="control-label spacing">未成年子女证件类型</label>
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class="control-label spacing">未成年子女证件号码</label>
                                                            </div>
                                                        </div>
                                                        <div id="childData">
                                                            <div class="col-sm-12">
                                                                <input type="hidden"  name="id" />
                                                                <input type="hidden"  name="pId" />
                                                                <div class="rowGroup col-sm-3">
                                                                    <input type="text" class="form-control" name="childName" placeholder="未成年子女姓名"/>
                                                                </div>
                                                                <div class="rowGroup col-sm-3">
                                                                    <select class="form-control"  name="childCardType" placeholder="未成年子女证件类型">
                                                                    </select>
                                                                </div>
                                                                <div class="rowGroup col-sm-3">
                                                                    <input type="text" class="form-control" name="childIdCard" placeholder="未成年子女证件号码"/>
                                                                </div>
                                                                <div class="add-btn"  onclick="HousepurchaseInfoDlg.addChild()"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <label class="col-sm-12 control-label spacing" style="text-align: left"><span style="color: red">声明：本人对输入材料的真实性负全部责任</span></label>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                    <div class="panel-heading" onclick="$(this).next().toggle()">日志</div>
                                    <table id="logTable">
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div id="tab-2" class="tab-pane ">
                            <table id="fileTable" class="table-condensed" style="font-size: 10px;table-layout: fixed!important;" data-mobile-responsive="true" data-click-to-select="true">
                                <thead>
                                    <tr>
                                        <th data-field="selectItem" data-checkbox="true"></th>
                                    </tr>
                                </thead>
                            </table>
                            <label style="padding-top: 15px;color: red">*请根据上传的附件材料，编辑好相应的文件夹名称</label>
                            <form id="uploadForm" action="${ctxPath}/api/talentInfo/addTalentFile" method="post" class="form-horizontal" enctype="multipart/form-data" target="hiddenIframe" style="display: none">
                                <input type='hidden' id="fileId" name="fileId" >
                                <input type='file' id="upload_file" name="fileUrl" style='display: none'>
                                <input type='hidden' id="mainId" name="mainId" >
                                <input type='hidden' id="fileTypeId" name="fileTypeId" >
                                <input type='hidden' id="index" name="index" >
                                <input type="hidden" name="backName" value="callBack">
                                <input type="type" name="type" value="5">
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<iframe id="hiddenIframe" name="hiddenIframe" style="display: none;"></iframe>
<script type="text/javascript">
    document.write('<script src="${ctxPath}/static/modular/gate/house/housepurchase_info.js?v='+(new Date()).getTime()+'"><\/script>');
    document.write('<script src="${ctxPath}/static/modular/common/jjcommon.js?v='+(new Date()).getTime()+'"><\/script>');
    document.write('<script src="${ctxPath}/static/modular/common/upload.js?v='+(new Date()).getTime()+'"><\/script>');
</script>
@}