<div class="panel panel-default mb-20">
    <div class="panel-header">客户身份信息</div>
    <div class="panel-body">
        <div class="row cl">
            <div class="form-group col-sm-4 col-md-2">
                <label>姓名</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.name">
            </div>
            <div class="form-group col-sm-4 col-md-2">
                <label>身份证号码</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.idCard">
            </div>
        </div>
        <div class="row cl">
            <div class="form-group col-sm-4 col-md-2">
                <label>生肖</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.chineseZodiac" disabled>
            </div>
            <div class="form-group col-sm-4 col-md-2">
                <label>婚姻情况</label>
                <span class="form-control select-box">
                    <select class="select" size="1" v-model="phoneAudit.maritalStatus">
                        <option v-for="(v, index) in marry" :value="index">{{v}}</option>
                    </select>
                </span>
            </div>
        </div>

        <div class="row cl">
            <div class="form-group col-sm-6 col-md-4">
                <label>户口详细地址</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.accountAddress">
            </div>
        </div>
        <div class="row cl">
            <div class="form-group col-sm-6 col-md-4">
                <label>现居住地</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.nowAddress">
            </div>
        </div>

        <div class="row cl">
            <div class="form-group col-sm-3 col-md-2">
                <label>身份信息选项</label>
                <span class="form-control select-box">
                    <select class="select" size="1" v-model="phoneAudit.identityInformationOptions">
                        <option value="1">真实</option>
                        <option value="0">不真实</option>
                    </select>
                </span>
            </div>
            <div class="form-group col-sm-6 col-md-2">
                <label>&nbsp;</label>
                <input type="text" class="form-control input-text" placeholder="备注" v-model="phoneAudit.identityInformationRemark">
            </div>
        </div>
    </div>
</div>

<div class="panel panel-default mb-20">
    <div class="panel-header">申请借款信息</div>
    <div class="panel-body">
        <div class="row cl">
            <div class="form-group col-sm-3 col-md-2">
                <label>申请金额</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.applyAmount">
                <span class="glyphicon glyphicon-rmb form-control-feedback" aria-hidden="true"></span>
            </div>
            <div class="form-group col-sm-3 col-md-2">
                <label>借款期限</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.loanPeriod">
                <span class="glyphicon form-control-feedback" aria-hidden="true">期</span>
            </div>
            <div class="form-group col-sm-3 col-md-2">
                <label>借款用途</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.loanUse">
            </div>
        </div>
    </div>
</div>

<div class="panel panel-default mb-20">
    <div class="panel-header">家庭情况 <button class="btn btn-primary radius" type="button" @click="addFamilyMembers()">添加家庭关系</button></div>
    <div class="panel-body">
        <div class="row cl" v-for="familyMember in phoneAudit.familyMembers">
            <div class="form-group col-sm-2 col-md-1">
                <label>关系</label>
                <span class="form-control select-box">
                    <select class="select" size="1" v-model="familyMember.relation">
                        <option v-for="(v, index) in familyMemberEnum" :value="index">{{v}}</option>
                    </select>
                </span>
            </div>
            <div class="form-group col-sm-2 col-md-1">
                <label>关系备注</label>
                <input type="text" class="form-control input-text" v-model="familyMember.relationRemark">
            </div>
            <div class="form-group col-sm-2 col-md-1">
                <label>年龄</label>
                <input type="text" class="form-control input-text" v-model="familyMember.age">
                <span class="glyphicon form-control-feedback" >岁</span>
            </div>
            <div class="form-group col-sm-2 col-md-1">
                <label>工作</label>
                <input type="text" class="form-control input-text" v-model="familyMember.work">
            </div>
            <div class="form-group col-sm-3 col-md-2">
                <label>地址</label>
                <input type="text" class="form-control input-text" v-model="familyMember.address">
            </div>
        </div>

        <div class="row cl">
            <div class="form-group col-sm-2 col-md-1">
                <label>居住状况</label>
                <span class="form-control select-box">
                    <select class="select" size="1" v-model="phoneAudit.livingCondition">
                        <option v-for="(v, index) in dwell" :value="index">{{v}}</option>
                    </select>
                </span>
            </div>
            <div class="form-group col-sm-2 col-md-1">
                <label>居住年限</label>
                <input type="text" class="input-text" v-model="phoneAudit.liveYears">
                <span class="glyphicon form-control-feedback" aria-hidden="true">年</span>
            </div>
            <div class="form-group col-sm-2 col-md-1">
                <label>常驻人口</label>
                <input type="text" class="input-text" v-model="phoneAudit.permanentPopulation">
                <span class="glyphicon form-control-feedback" aria-hidden="true">人</span>
            </div>
            <div class="form-group col-sm-2 col-md-1">
                <label>建筑面积</label>
                <input type="text" class="input-text" v-model="phoneAudit.buildingArea">
                <span class="glyphicon form-control-feedback" aria-hidden="true">m^2</span>
            </div>
            <div class="form-group col-sm-2 col-md-1">
                <label>建造时间</label>
                <input type="text" class="input-text" v-model="phoneAudit.constructionTime">
                <span class="glyphicon form-control-feedback" aria-hidden="true">年</span>
            </div>
            <div class="form-group col-sm-2 col-md-1">
                <label>装修花费</label>
                <input type="text" class="input-text" v-model="phoneAudit.decorationCost">
                <span class="glyphicon form-control-feedback" aria-hidden="true">元</span>
            </div>
            <div class="form-group col-sm-2 col-md-1">
                <label>长期居住</label>
                <span class="form-control select-box">
                    <select class="select" size="1" v-model="phoneAudit.whetherLongResidence">
                        <option value="1">是</option>
                        <option value="0">否</option>
                    </select>
                </span>
            </div>
        </div>

        <div class="row cl">
            <div class="form-group col-sm-12">
                <label>人口组成</label>
                <textarea class="textarea" v-model="phoneAudit.populationComposition"></textarea>
            </div>
        </div>

        <div class="row cl">
            <div class="form-group col-sm-3 col-md-2">
                <label>家庭情况</label>
                <span class="form-control select-box">
                    <select class="select" size="1" v-model="phoneAudit.familySituationIsReal">
                        <option value="0">不真实</option>
                        <option value="1">真实</option>
                        <option value="2">其他</option>
                    </select>
                </span>
            </div>
        </div>
    </div>
</div>

<div class="panel panel-default mb-20">
    <div class="panel-header">联系人核查 <button class="btn btn-primary radius" type="button" @click="addContacts()">添加联系人</button></div>
    <div class="panel-body">
        <div class="row cl" v-for="contact in phoneAudit.contacts">
            <div class="form-group col-sm-2 col-md-1">
                <label>姓名</label>
                <input type="text" class="form-control input-text" v-model="contact.name">
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>姓名是否真实</label>
                <span class="form-control select-box">
                    <select class="select" size="1" v-model="contact.nameIsReal">
                        <option value="1">是</option>
                        <option value="0">否</option>
                    </select>
                </span>
            </div>
            <div class="form-group col-sm-3 col-md-2">
                <label>电话号码</label>
                <input type="text" class="form-control input-text" v-model="contact.phoneNumber">
            </div>
            <div class="form-group col-sm-2 col-md-1">
                <label>本地号码</label>
                <span class="form-control select-box">
                    <select class="select" size="1" v-model="contact.phoneNumberIsLocal">
                        <option value="1">是</option>
                        <option value="0">否</option>
                    </select>
                </span>
            </div>
            <div class="form-group col-sm-2 col-md-1">
                <label>关系</label>
                <span class="form-control select-box">
                    <select class="select" size="1" v-model="contact.relation">
                        <option v-for="(v, index) in relation" :value="index">{{v}}</option>
                    </select>
                </span>
            </div>
            <div class="form-group col-sm-2 col-md-1">
                <label>关系是否真实</label>
                <span class="form-control select-box">
                    <select class="select" size="1" v-model="contact.relationIsReal">
                        <option value="1">是</option>
                        <option value="0">否</option>
                    </select>
                </span>
            </div>
            <div class="form-group col-sm-2 col-md-1">
                <label>知晓贷款</label>
                <span class="form-control select-box">
                    <select class="select" size="1" v-model="contact.isKnowLoan">
                        <option value="1">是</option>
                        <option value="0">否</option>
                    </select>
                </span>
            </div>
            <div class="form-group col-sm-3 col-md-2">
                <label>备注</label>
                <input type="text" class="form-control input-text" v-model="contact.remark">
            </div>
        </div>
    </div>
</div>

<div class="panel panel-default mb-20">
    <div class="panel-header">经营基本信息</div>
    <div class="panel-body">
        <div class="row cl">
            <div class="form-group col-sm-3 col-md-2">
                <label>单位名称</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.companyName">
            </div>
            <div class="form-group col-sm-3 col-md-2">
                <label>单位电话</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.companyPhoneNumber">
            </div>
            <div class="form-group col-sm-3 col-md-2">
                <label>职务名称</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.jobTitle">
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>入职时间</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.currentCompanyEntryTime">
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>工作年限</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.workingYears">
                <span class="glyphicon form-control-feedback">年</span>
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>月收入</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.monthlyIncome">
                <span class="glyphicon form-control-feedback">元</span>
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>收入证明人</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.incomeCertifies">
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>收入证明人职位</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.incomeCertifiesJobTitle">
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>社保</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.socialInsuranceAmount">
                <span class="glyphicon form-control-feedback">元</span>
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>公积金</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.providentFundAmount">
                <span class="glyphicon form-control-feedback">元</span>
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>工资发放形式</label>
                <span class="form-control select-box">
                    <select class="select" size="1" v-model="phoneAudit.salaryPaymentForm">
                        <option v-for="(v, index) in wagePaymentForm" :value="index">{{v}}</option>
                    </select>
                </span>
            </div>
            <div class="form-group col-sm-6 col-md-4">
                <label>单位所在地</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.currentCompanyAddress">
            </div>
        </div>
        <div class="row cl">
            <div class="form-group col-sm-3 col-md-2">
                <label>经营基本信息</label>
                <span class="form-control select-box">
                    <select class="select" size="1" v-model="phoneAudit.operateInformationOptions">
                        <option value="1">真实</option>
                        <option value="0">不真实</option>
                    </select>
                </span>
            </div>
            <div class="form-group col-sm-6 col-md-2">
                <label>&nbsp;</label>
                <input type="text" class="form-control input-text" placeholder="备注" v-model="phoneAudit.operateInformationRemark">
            </div>
        </div>
    </div>
</div>

<div class="panel panel-default mb-20">
    <div class="panel-header">经营财务数据(可选)</div>
    <div class="panel-body">
        <div class="row cl">
            <div class="form-group col-sm-3 col-md-1">
                <label>经营年限</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.operatingYears">
                <span class="glyphicon form-control-feedback">年</span>
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>期初投入</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.initialInvestment">
                <span class="glyphicon form-control-feedback">元</span>
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>年产值/年营收入</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.annualOperatingIncome">
                <span class="glyphicon form-control-feedback">元</span>
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>员工人数</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.employeeNumber">
                <span class="glyphicon form-control-feedback">人</span>
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>缴纳社保</label>
                <span class="form-control select-box">
                    <select class="select" size="1" v-model="phoneAudit.hasEmployeeSocialInsurance">
                        <option value="1">是</option>
                        <option value="0">否</option>
                    </select>
                </span>
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>社保金额成本</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.employeeSocialInsuranceAmount">
                <span class="glyphicon form-control-feedback">元</span>
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>人力成本</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.laborCosts">
                <span class="glyphicon form-control-feedback">元</span>
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>水电费</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.utilities">
                <span class="glyphicon form-control-feedback">元</span>
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>经营利润</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.operatingProfit">
                <span class="glyphicon form-control-feedback">%</span>
            </div>
        </div>

        <div class="row cl">
            <div class="form-group col-sm-3 col-md-1">
                <label>经营地性质</label>
                <span class="form-control select-box">
                    <select class="select" size="1" v-model="phoneAudit.operationNature">
                        <option value="0">租凭</option>
                        <option value="1">自有</option>
                    </select>
                </span>
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>&nbsp;</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.rentOrAssetsAmount">
                <span class="glyphicon form-control-feedback">元</span>
            </div>
        </div>
        <div class="row cl">
            <div class="form-group col-sm-3 col-md-1">
                <label>库存</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.inventoryValue">
                <span class="glyphicon form-control-feedback">元</span>
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>应收</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.receivableAmount">
                <span class="glyphicon form-control-feedback">元</span>
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>账期</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.accountPeriod">
                <span class="glyphicon form-control-feedback">天</span>
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>应付</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.payableAmount">
                <span class="glyphicon form-control-feedback">元</span>
            </div>
        </div>

        <div class="row cl">
            <div class="form-group col-sm-6 col-md-4">
                <label>长期合作上游单位</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.upstreamCooperation">
            </div>
            <div class="form-group col-sm-6 col-md-4">
                <label>长期合作下游单位</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.downstreamCooperation">
            </div>
        </div>

        <div class="row cl">
            <div class="form-group col-sm-3 col-md-2">
                <label>财务结算方式</label>
                <span class="form-control select-box">
                    <select class="select" size="1" v-model="phoneAudit.accountingSettlementMethod">
                        <option value="0">对公</option>
                        <option value="1">对私</option>
                        <option value="2">现金</option>
                        <option value="3">承诺</option>
                    </select>
                </span>
            </div>
            <div class="form-group col-sm-4 col-md-2">
                <label>&nbsp;</label>
                <input type="text" class="form-control input-text" placeholder="备注: 对公/对私(什么银行)" v-model="phoneAudit.accountingSettlementRemark">
            </div>
        </div>
    </div>
</div>

<div class="panel panel-default mb-20">
    <div class="panel-header">资产信息</div>
    <div class="panel-body">
        <div class="row cl">
            <div class="form-group col-sm-3 col-md-1">
                <label>房产</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.realEstateAmount">
                <span class="glyphicon form-control-feedback">套</span>
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>商品房估值</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.housingValuation">
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>建按估值</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.jianAnValuation">
            </div>
        </div>
        <div class="row cl">
            <div class="form-group col-sm-3 col-md-1">
                <label>车辆</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.vehicleNumber">
                <span class="glyphicon form-control-feedback">辆</span>
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>名牌型号</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.vehicleBrands">
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>车辆估值</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.vehicleValuation">
            </div>
        </div>
        <div class="row cl">
            <div class="form-group col-sm-3 col-md-1">
                <label>其他资产</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.otherAssets">
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>其他资产内容</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.otherAssetsDetail">
            </div>
            <div class="form-group col-sm-3 col-md-1">
                <label>其他资产估值</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.otherAssetsValuation">
            </div>
        </div>
        <div class="row cl">
            <div class="form-group col-sm-3 col-md-2">
                <label>合计资产</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.totalAssetsAmount">
                <span class="glyphicon form-control-feedback">元</span>
            </div>
        </div>

        <!-- <div class="row cl">
            <div class="form-group col-sm-6 col-md-4">
                <label>还款能力</label>
                <span class="form-control select-box">
                    <select class="select" size="1">
                        <option value="">具有</option>
                        <option value="">一般</option>
                        <option value="">较差</option>
                        <option value="">无</option>
                    </select>
                </span>
            </div>
        </div> -->
    </div>
</div>

<div class="panel panel-default mb-20">
    <div class="panel-header">负债信息</div>
    <div class="panel-body">
        <div class="row cl">
            <div class="form-group col-sm-4 col-md-2">
                <label>合计征信负债</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.totalCreditLiabilityAmount">
                <span class="glyphicon form-control-feedback">元</span>
            </div>
            <div class="form-group col-sm-4 col-md-2">
                <label>合计非征信负债</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.totalNoneCreditLiabilityAmount">
                <span class="glyphicon form-control-feedback">元</span>
            </div>
            <div class="form-group col-sm-4 col-md-2">
                <label>信用卡每月还款金额</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.creditCardMonthRepayAmount">
                <span class="glyphicon form-control-feedback">元</span>
            </div>
            <div class="form-group col-sm-4 col-md-2">
                <label>贷款每月还款金额</label>
                <input type="text" class="form-control input-text" v-model="phoneAudit.loanMonthRepayAmount">
                <span class="glyphicon form-control-feedback">元</span>
            </div>
        </div>
        <div class="row cl">
            <div class="form-group col-sm-12">
                <label>逾期原因</label>
                <textarea class="textarea" v-model="phoneAudit.overdueReasons"></textarea>
            </div>
        </div>
    </div>
</div>

<div class="panel panel-default mb-20">
    <div class="panel-header">其他金融机构业务 <button class="btn btn-primary radius" type="button" @click="addFinancialInstitution()">添加其他金融机构</button></div>
    <div class="panel-body">
        <div class="row cl" v-for="financialInstitution in phoneAudit.financialInstitutions">
            <div class="form-group col-sm-3 col-md-2">
                <label>非征信的金融机构名称</label>
                <input type="text" class="form-control input-text" v-model="financialInstitution.financialInstitutionName">
            </div>
            <div class="form-group col-sm-3 col-md-2">
                <label>借款金额</label>
                <input type="text" class="form-control input-text" v-model="financialInstitution.loanAmount">
            </div>
            <div class="form-group col-sm-3 col-md-2">
                <label>月还款</label>
                <input type="text" class="form-control input-text" v-model="financialInstitution.monthlyRepayAmount">
                <span class="glyphicon form-control-feedback">元</span>
            </div>
        </div>
    </div>
</div>