{extend name="layout/content"}
{block name="content"}
<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;
    }
    .add-btn {
        display: inline-block;
        background: url(/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(/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="{$row.id}">
                                                <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="{$row.checkState}">
                                                <input type="hidden" name="files" id="files" value="{$row.files}">
                                                <input type="hidden" name="fields" id="fields" value="{$row.fields}">
                                                <div class="bs-callout bs-callout-info" id="callout-helper-context-color-specificity">
                                                    <h4>申报人信息</h4>
                                                    <div class="row" id="basicData">
                                                        <div class="col-sm-12">
                                                            <div class="rowGroup col-sm-3" {eq name="type" value="2"}style="display: none"{/eq}>
                                                                 <label class=" control-label spacing"><span style="color: red">*</span>申报类型</label>
                                                                <select class="form-control" id="declareType" name="declareType" value="{$row.declareType}" onchange="HousepurchaseInfoDlg.typeChange()">
                                                                    <option value="">请选择</option>
                                                                    <option value="1" {eq name="type" value="2"}selected="selected"{/eq}>购房补贴</option>
                                                                    <!--<option value="2">免租入住</option>-->
                                                                </select>
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class=" control-label spacing"><span style="color: red">*</span>姓名</label>
                                                                {if condition="$row['id']"}
                                                                <input type="text" class="form-control" readonly="readonly" id="name" name="name" value="{$row.name}" >
                                                                <input type="hidden" name="talentId" id="talentId" value="{$row.talentId}">
                                                                {else/}
                                                                <select type="text" class="form-control" id="talentId" name="talentId" onchange="HousepurchaseInfoDlg.nameChange()"></select>
                                                                <input type="hidden" name="name" id="name">
                                                                {/if}
                                                            </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" value="{$row.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" value="{$row.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" value="{$row.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" value="{$row.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" value="{$row.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" value="{$row.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" value="{$row.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" value="{$row.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" value="{$row.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" value="{$row.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" value="{$row.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" value="{$row.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" value="{$row.phone}" 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" value="{$row.bank}" placeholder="XX银行" readonly="readonly"/>
                                                            </div>
                                                            {eq name="type" value="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" value="{$row.bankNumber}" readonly="readonly"/>
                                                            </div>
                                                            {/eq}
                                                            <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" value="{$row.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" value="{$row.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" value="{$row.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" value="{$row.spouseName}"/>
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class=" control-label spacing">配偶证件类型</label>
                                                                <select class="form-control" id="spouseCardType" name="spouseCardType" value="{$row.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" value="{$row.spouseIdcard}" />
                                                            </div>
                                                            <div class="rowGroup col-sm-3">
                                                                <label class=" control-label spacing">配偶是否在库人才</label>
                                                                <select class="form-control" id="spouseIsLibrary" name="spouseIsLibrary" value="{$row.spouseIsLibrary}" >
                                                                    <option value=""></option>
                                                                    <option value="2">否</option>
                                                                    <option value="1">是</option>
                                                                </select>
                                                            </div>
                                                            <div class="rowGroup col-sm-3" {eq name="type" value="1"}style="display: none"{/eq}>
                                                                 <label class="control-label spacing">不动产权证编号</label>
                                                                <input type="text" class="form-control" id="realEstateNo" name="realEstateNo" value="{$row.realEstateNo}" {eq name="hand" value="2"}readonly="readonly"{/eq}/>
                                                            </div>
                                                            <div class="rowGroup col-sm-3" {eq name="type" value="1"}style="display: none"{/eq}>
                                                                 <label class="control-label spacing">备案合同编号</label>
                                                                <input type="text" class="form-control" id="recordNo" name="recordNo" value="{$row.recordNo}" {eq name="hand" value="2"}readonly="readonly"{/eq}/>
                                                            </div>
                                                            <div class="rowGroup col-sm-3" {eq name="type" value="1"}style="display: none"{/eq}>
                                                                 <label class="control-label spacing"><span style="color: red">*</span>房屋坐落地址</label>
                                                                <input type="text" class="form-control" id="houseAddress" name="houseAddress" value="{$row.houseAddress}" {eq name="hand" value="2"}readonly="readonly"{/eq}/>
                                                            </div>
                                                            <div class="rowGroup col-sm-3" {eq name="type" value="1"}style="display: none"{/eq}>
                                                                 <label class="control-label spacing"><span style="color: red">*</span>房屋建筑面积(m2)</label>
                                                                <input type="text" class="form-control" id="houseArea" name="houseArea" value="{$row.houseArea}" {eq name="hand" value="2"}readonly="readonly"{/eq}/>
                                                            </div>
                                                            <div class="rowGroup col-sm-3" {eq name="type" value="1"}style="display: none"{/eq}>
                                                                 <label class="control-label spacing"><span style="color: red">*</span>购房合同备案时间/不动产权证书办理时间</label>
                                                                <input type="text" class="form-control date" id="recordTime" name="recordTime" value="{$row.recordTime}" {eq name="hand" value="2"}readonly="readonly"{/eq}/>
                                                            </div>
                                                            <div class="rowGroup col-sm-3" {eq name="type" value="1"}style="display: none"{/eq}>
                                                                 <label class="control-label spacing"><span style="color: red">*</span>房屋成交金额(元)</label>
                                                                <input type="text" class="form-control" id="houseMoney" name="houseMoney" value="{$row.houseMoney}" {eq name="hand" value="2"}readonly="readonly"{/eq}/>
                                                            </div>
                                                            <div class="rowGroup col-sm-3" {eq name="type" value="1"}style="display: none"{/eq}>
                                                                 <label class="control-label spacing"><span style="color: red">*</span>是否享受我市其他政策</label>
                                                                <select class="form-control" id="isEnjoyOther" name="isEnjoyOther" value="{$row.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">
                                                            {if condition="!$childrenList"}
                                                            <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="未成年子女证件类型">
                                                                        {volist name="dicts" id="dict"}
                                                                        <option value="{$dict.code}">{$dict.name}</option>
                                                                        {/volist}
                                                                    </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 class="reduce"  onclick="HousepurchaseInfoDlg.reduceChild(this)"></div>
                                                            </div>
                                                            {else/}
                                                            {volist name="childrenList" id="child"}
                                                            <div class="col-sm-12">
                                                                <input type="hidden"  name="id" value="{$child.id}"/>
                                                                <input type="hidden"  name="pId" value="{$child.pId}"/>
                                                                <div class="rowGroup col-sm-3">
                                                                    <input type="text" class="form-control" name="childName" value="{$child.name}" placeholder="未成年子女姓名"/>
                                                                </div>
                                                                <div class="rowGroup col-sm-3">
                                                                    <select class="form-control"  name="childCardType" value="{$child.cardType}" placeholder="未成年子女证件类型">
                                                                        <option value="">请选择</option>
                                                                        {volist name="dicts" id="dict"}
                                                                        <option value="{$dict.code}">{$dict.name}</option>
                                                                        {/volist}
                                                                    </select>
                                                                </div>
                                                                <div class="rowGroup col-sm-3">
                                                                    <input type="text" class="form-control" name="childIdCard" value="{$child.idCard}" placeholder="未成年子女证件号码"/>
                                                                </div>
                                                                <div class="add-btn"  onclick="HousepurchaseInfoDlg.addChild()"></div>
                                                                <div class="reduce"  onclick="HousepurchaseInfoDlg.reduceChild(this)"></div>
                                                            </div>
                                                            {/volist}
                                                            {/if}
                                                        </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="/common/api/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="hidden" 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="/static/modular/gate/house/housepurchase_info.js?v=' + (new Date()).getTime() + '"><\/script>');
    document.write('<script src="/static/modular/common/jjcommon.js?v=' + (new Date()).getTime() + '"><\/script>');
    document.write('<script src="/static/modular/common/upload.js?v=' + (new Date()).getTime() + '"><\/script>');
</script>
{/block}