|
|
|
|
@ -3,180 +3,205 @@ |
|
|
|
|
<div class="wrap"> |
|
|
|
|
<MyTitle :titleArr="['个人贷款', '新增贷款申请']" /> |
|
|
|
|
<el-row :gutter="20" style="margin: 0"> |
|
|
|
|
<el-form ref="form" :model="form" label-width="120px" :rules="rules"> |
|
|
|
|
<template v-if="curStep === 1 || isDetail"> |
|
|
|
|
<el-col :span="24"> |
|
|
|
|
<h6 class="l-title">基本信息</h6> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="证件类型" prop="idType"> |
|
|
|
|
<el-select v-model.trim="form.idType" placeholder="请选择" disabled> |
|
|
|
|
<el-option label="身份证" :value="83"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="客户姓名" prop="customerName"> |
|
|
|
|
<el-input disabled v-model="form.customerName" @input="(val) => checkName(val, form, 'customerName')" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="出生日期" prop="birthDate"> |
|
|
|
|
<el-date-picker disabled v-model.trim="form.birthDate" type="date" placeholder="选择日期" format="yyyy-MM-dd" |
|
|
|
|
value-format="yyyy-MM-dd"> |
|
|
|
|
</el-date-picker> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="证件号码" required> |
|
|
|
|
<div class="idCard" @click="popUp1('身份证扫描仪')" v-if='!idNumberJudge'> |
|
|
|
|
<p>请刷身份证</p> |
|
|
|
|
</div> |
|
|
|
|
<div v-else> |
|
|
|
|
<el-input v-model="form.idNumber" disabled ref="idNumber" /> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="性别" prop="gender"> |
|
|
|
|
<el-select v-model.trim="form.gender" disabled placeholder="请选择"> |
|
|
|
|
<el-option :key="1" label="男" :value="1"> |
|
|
|
|
</el-option> |
|
|
|
|
<el-option :key="2" label="女" :value="2"> |
|
|
|
|
</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form v-if="curStep === 1 || isDetail" ref="basicForm" :model="basicForm" label-width="120px" |
|
|
|
|
:rules="basicRules" :disabled="isDetail"> |
|
|
|
|
<el-col :span="24"> |
|
|
|
|
<h6 class="l-title">基本信息</h6> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="证件类型" prop="idType"> |
|
|
|
|
<el-select v-model.trim="basicForm.idType" placeholder="请选择" disabled> |
|
|
|
|
<el-option label="身份证" :value="83"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="客户姓名" required> |
|
|
|
|
<el-input disabled v-model="basicForm.customerName" |
|
|
|
|
@input="(val) => checkName(val, form, 'customerName')" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="出生日期" prop="birthDate" required> |
|
|
|
|
<el-date-picker disabled v-model.trim="basicForm.birthDate" type="date" placeholder="选择日期" |
|
|
|
|
format="yyyy-MM-dd" value-format="yyyy-MM-dd"> |
|
|
|
|
</el-date-picker> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="证件号码" required> |
|
|
|
|
<div class="idCard" @click="popUp1('身份证扫描仪')" v-if='!idNumberJudge'> |
|
|
|
|
<p>请刷身份证</p> |
|
|
|
|
</div> |
|
|
|
|
<div v-else> |
|
|
|
|
<el-input v-model="basicForm.idNumber" disabled ref="idNumber" /> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="性别" prop="gender"> |
|
|
|
|
<el-select v-model.trim="basicForm.gender" disabled placeholder="请选择"> |
|
|
|
|
<el-option :key="1" label="男" :value="1"> |
|
|
|
|
</el-option> |
|
|
|
|
<el-option :key="2" label="女" :value="2"> |
|
|
|
|
</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="联系电话" prop="phoneNumber"> |
|
|
|
|
<el-input v-model="form.phoneNumber" @input="(val) => phoneListen(val, form, 'phoneNumber')" |
|
|
|
|
maxlength="11" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-form-item label="联系电话" prop="phoneNumber"> |
|
|
|
|
<el-input v-model="basicForm.phoneNumber" @input="(val) => phoneListen(val, form, 'phoneNumber')" |
|
|
|
|
maxlength="11" ref="phoneNumber" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
<el-col :span="24"> |
|
|
|
|
<div class="line"></div> |
|
|
|
|
<h6 class="l-title">收入信息</h6> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="岗位"> |
|
|
|
|
<el-input v-model="form.position" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="当前单位工作年限" label-width="150px"> |
|
|
|
|
<el-input v-model="form.currentWorkYears" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="薪酬"> |
|
|
|
|
<el-input v-model="form.salary" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="工龄"> |
|
|
|
|
<el-input v-model="form.totalWorkYears" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="24"> |
|
|
|
|
<div class="line"></div> |
|
|
|
|
<h6 class="l-title">收入信息</h6> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="岗位"> |
|
|
|
|
<el-input v-model="basicForm.position" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="当前单位工作年限" label-width="150px"> |
|
|
|
|
<el-input v-model="basicForm.currentWorkYears" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="薪酬"> |
|
|
|
|
<el-input v-model="basicForm.salary" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="工龄"> |
|
|
|
|
<el-input v-model="basicForm.totalWorkYears" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
<el-col :span="24"> |
|
|
|
|
<div class="line"></div> |
|
|
|
|
<h6 class="l-title">房产信息</h6> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="产权人"> |
|
|
|
|
<el-input v-model="form.propertyOwner" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="共有情况"> |
|
|
|
|
<el-input v-model="form.coOwnership" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="权利性质"> |
|
|
|
|
<el-input v-model="form.propertyRightNature" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="使用期限"> |
|
|
|
|
<el-input v-model="form.usagePeriodStart" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="房产证号"> |
|
|
|
|
<el-input v-model="form.propertyCertificateNo" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="坐落"> |
|
|
|
|
<el-input v-model="form.location" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="面积"> |
|
|
|
|
<el-input v-model="form.area" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</template> |
|
|
|
|
<el-col :span="24"> |
|
|
|
|
<div class="line"></div> |
|
|
|
|
<h6 class="l-title">房产信息</h6> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="产权人"> |
|
|
|
|
<el-input v-model="basicForm.propertyOwner" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="共有情况"> |
|
|
|
|
<el-input v-model="basicForm.coOwnership" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="权利性质"> |
|
|
|
|
<el-input v-model="basicForm.propertyRightNature" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="使用期限"> |
|
|
|
|
<el-input v-model="basicForm.usagePeriod" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="房产证号"> |
|
|
|
|
<el-input v-model="basicForm.propertyCertificateNo" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="坐落"> |
|
|
|
|
<el-input v-model="basicForm.location" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="面积"> |
|
|
|
|
<el-input v-model="basicForm.area" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="申请日期" prop="applicationDate"> |
|
|
|
|
<el-date-picker v-model="basicForm.applicationDate" type="date" placeholder="选择日期" format="yyyy-MM-dd" |
|
|
|
|
value-format="yyyy-MM-dd" ref="applicationDate"> |
|
|
|
|
</el-date-picker> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-form> |
|
|
|
|
|
|
|
|
|
<template v-if="curStep !== 1 || isDetail"> |
|
|
|
|
<el-col :span="24"> |
|
|
|
|
<div class="line"></div> |
|
|
|
|
<h6 class="l-title">贷款合同</h6> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="贷款类型"> |
|
|
|
|
<el-input v-model="form.customerName" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="合同金额"> |
|
|
|
|
<el-input v-model="form.customerName" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="起息日期" prop="customerName"> |
|
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="计息方式" prop="customerName"> |
|
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="浮动比例" prop="customerName"> |
|
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="逾期利率" prop="customerName"> |
|
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="还款方式" prop="customerName"> |
|
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="还款账号" prop="customerName"> |
|
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="合同编号" prop="customerName"> |
|
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="贷款期限" prop="customerName"> |
|
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="到期日期" prop="customerName"> |
|
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="基准利率" prop="customerName"> |
|
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="执行利率" prop="customerName"> |
|
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="担保方式" prop="customerName"> |
|
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="利息总额" prop="customerName"> |
|
|
|
|
<el-input ref="customerName" v-model="form.customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</template> |
|
|
|
|
<el-form v-if="curStep !== 1 || isDetail" ref="form" :model="form" label-width="120px" :rules="rules" |
|
|
|
|
:disabled="isDetail"> |
|
|
|
|
<el-col :span="24"> |
|
|
|
|
<div class="line"></div> |
|
|
|
|
<h6 class="l-title">贷款合同</h6> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="贷款类型"> |
|
|
|
|
<el-input value="个人住房贷款" disabled /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="合同金额" prop="contractAmount"> |
|
|
|
|
<el-input v-model="form.contractAmount" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="起息日期" prop="interestStartDate"> |
|
|
|
|
<el-date-picker v-model="form.interestStartDate" type="date" placeholder="选择日期" format="yyyy-MM-dd" |
|
|
|
|
value-format="yyyy-MM-dd" @change="interestStartDateChange"></el-date-picker> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="计息方式"> |
|
|
|
|
<el-input value="按年浮动计息" disabled /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="浮动比例" prop="interestRateFloat"> |
|
|
|
|
<el-input value="1%" disabled /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="逾期利率" prop="overdueInterestRate"> |
|
|
|
|
<el-input value="30%" disabled /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="还款方式" prop="repaymentMethod"> |
|
|
|
|
<el-select v-model="form.repaymentMethod" placeholder="请选择"> |
|
|
|
|
<el-option label="等额本金" :value="1"></el-option> |
|
|
|
|
<el-option label="等额本息" :value="2"></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="还款账号" prop="repaymentAccount"> |
|
|
|
|
<el-input v-model="form.repaymentAccount" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="合同编号" prop="contractNo"> |
|
|
|
|
<el-input v-model="form.contractNo" disabled /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="贷款期限" prop="loanTerm"> |
|
|
|
|
<el-select v-model="form.loanTerm" placeholder="请选择"> |
|
|
|
|
<el-option v-for="(item, i) in loanTerms" :key="i" :label="item.name" :value="item.id"></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="到期日期" prop="maturityDate"> |
|
|
|
|
<el-date-picker v-model="form.maturityDate" type="date" placeholder="选择日期" format="yyyy-MM-dd" |
|
|
|
|
value-format="yyyy-MM-dd" disabled></el-date-picker> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="基准利率" prop="baseInterestRate"> |
|
|
|
|
<el-input value="4.30%" disabled /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="执行利率" prop="executedInterestRate"> |
|
|
|
|
<el-input value="4.30%" disabled /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="担保方式" prop="customerName"> |
|
|
|
|
<el-input value="抵押" disabled /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="利息总额" prop="interestTotal"> |
|
|
|
|
<el-input v-model="form.interestTotal" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-form> |
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
<my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" |
|
|
|
|
@submitIt="submitForm2" depositNumber='0816' /> |
|
|
|
|
@submitIt="saveContract" depositNumber='0816' /> |
|
|
|
|
|
|
|
|
|
<div class="text-center"> |
|
|
|
|
<el-button @click="next" type="primary" class="submitBtn" v-throttle>{{ curStep === 1 ? '下一步' : '提交' |
|
|
|
|
<template v-if="isDetail"> |
|
|
|
|
<el-button @click="showLoan" type="primary" class="submitBtn" v-throttle>放款</el-button> |
|
|
|
|
<el-button @click="$router.back()" type="primary" class="submitBtn" v-throttle>关闭</el-button> |
|
|
|
|
</template> |
|
|
|
|
<el-button v-else @click="next" type="primary" class="submitBtn" v-throttle>{{ curStep === 1 ? '下一步' : '提交' |
|
|
|
|
}}</el-button> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<el-dialog title="放款" :visible.sync="loanVisible" width="300px" z-index="6000" :append-to-body="true"> |
|
|
|
|
<el-date-picker v-model="disbursementDate" type="date" placeholder="请选择放款日期" format="yyyy-MM-dd" |
|
|
|
|
value-format="yyyy-MM-dd" style="width: 100%;"></el-date-picker> |
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
|
<el-button @click="loanVisible = false">取消</el-button> |
|
|
|
|
<el-button type="primary" @click="loanSubmit">确定</el-button> |
|
|
|
|
</span> |
|
|
|
|
</el-dialog> |
|
|
|
|
</div> |
|
|
|
|
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> |
|
|
|
|
</template> |
|
|
|
|
<script> |
|
|
|
|
import { phoneListen, myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2, inputListen, messageIdCard, messageCard, messagePassword } from '@/utils/utilFunction.js'; |
|
|
|
|
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' |
|
|
|
|
import { addOperation, personalBasicSave } from '@/api/http' |
|
|
|
|
import { addOperation, personalBasicSave, loanContractSave, personalBasicFind, grantALoan } from '@/api/http' |
|
|
|
|
import Util from '@/libs/util' |
|
|
|
|
|
|
|
|
|
const moduleName = 'usefulPhrases/openAccount' |
|
|
|
|
const moduleName = 'personalLoans/detail' |
|
|
|
|
import { mapMutations, mapGetters } from 'vuex' |
|
|
|
|
import NeedBefore from '@/components/needBefore' |
|
|
|
|
import MyDialog from '@/components/dialog' |
|
|
|
|
import TipsBefore from '@/mixins/tipsBefore' |
|
|
|
|
import MyTitle from '@/components/myTitle' |
|
|
|
|
export default { |
|
|
|
|
name: '', |
|
|
|
|
@ -186,18 +211,15 @@ export default { |
|
|
|
|
MyTitle, |
|
|
|
|
MyDialog |
|
|
|
|
}, |
|
|
|
|
mixins: [TipsBefore], |
|
|
|
|
created () { |
|
|
|
|
this.getFormData() |
|
|
|
|
}, |
|
|
|
|
data () { |
|
|
|
|
return { |
|
|
|
|
moduleName: 'usefulPhrases/openAccount', |
|
|
|
|
isDetail: +this.$route.query.show, |
|
|
|
|
moduleName, |
|
|
|
|
isDetail: !!this.$route.query.show, |
|
|
|
|
id: this.$route.query.id, |
|
|
|
|
visible: false, |
|
|
|
|
cardNumberJudge: false, |
|
|
|
|
idNumberJudge: false, |
|
|
|
|
form: { |
|
|
|
|
basicForm: { |
|
|
|
|
idType: 83, |
|
|
|
|
idNumber: '', |
|
|
|
|
customerName: '', |
|
|
|
|
@ -214,10 +236,11 @@ export default { |
|
|
|
|
location: '', |
|
|
|
|
propertyRightNature: '', |
|
|
|
|
area: '', |
|
|
|
|
usagePeriodStart: '', |
|
|
|
|
usagePeriod: '', |
|
|
|
|
usagePeriodEnd: '', |
|
|
|
|
applicationDate: new Date() |
|
|
|
|
}, |
|
|
|
|
formName: { |
|
|
|
|
basicFormName: { |
|
|
|
|
idType: '证件类型', |
|
|
|
|
idNumber: '证件号码', |
|
|
|
|
customerName: '证件号码', |
|
|
|
|
@ -234,14 +257,88 @@ export default { |
|
|
|
|
location: '坐落', |
|
|
|
|
propertyRightNature: '权利性质', |
|
|
|
|
area: '面积', |
|
|
|
|
usagePeriodStart: '使用期限', |
|
|
|
|
usagePeriod: '使用期限', |
|
|
|
|
applicationDate: '申请日期' |
|
|
|
|
}, |
|
|
|
|
rules: { |
|
|
|
|
basicRules: { |
|
|
|
|
customerName: vercustomer, |
|
|
|
|
birthday: [ |
|
|
|
|
phoneNumber: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请选择出生日期', |
|
|
|
|
message: '请输入联系电话', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
applicationDate: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请选择申请日期', |
|
|
|
|
trigger: 'change' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
loanTerms: [ |
|
|
|
|
{ |
|
|
|
|
id: 120, |
|
|
|
|
name: '120个月' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
id: 240, |
|
|
|
|
name: '240个月' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
id: 360, |
|
|
|
|
name: '360个月' |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
form: { |
|
|
|
|
contractNo: '', |
|
|
|
|
contractAmount: '', |
|
|
|
|
loanTerm: 120, |
|
|
|
|
interestStartDate: '', |
|
|
|
|
maturityDate: '', |
|
|
|
|
propertyCertificateNo: '', |
|
|
|
|
repaymentMethod: '', |
|
|
|
|
interestTotal: '', |
|
|
|
|
repaymentAccount: '', |
|
|
|
|
}, |
|
|
|
|
formName: { |
|
|
|
|
contractNo: '合同编号', |
|
|
|
|
contractAmount: '合同金额', |
|
|
|
|
loanTerm: '贷款期限', |
|
|
|
|
interestStartDate: '起息日期', |
|
|
|
|
maturityDate: '到期日期', |
|
|
|
|
repaymentMethod: '还款方式', |
|
|
|
|
interestTotal: '利息总额', |
|
|
|
|
repaymentAccount: '还款账号', |
|
|
|
|
}, |
|
|
|
|
rules: { |
|
|
|
|
contractAmount: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请输入合同金额', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
loanTerm: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请选择贷款期限', |
|
|
|
|
trigger: 'change' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
interestStartDate: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请选择起息日期', |
|
|
|
|
trigger: 'change' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
repaymentAccount: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请输入还款账号', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
@ -249,6 +346,8 @@ export default { |
|
|
|
|
submited: 0, |
|
|
|
|
curRoute: '', |
|
|
|
|
curStep: 1, |
|
|
|
|
disbursementDate: '', |
|
|
|
|
loanVisible: false, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
beforeDestroy () { |
|
|
|
|
@ -257,29 +356,7 @@ export default { |
|
|
|
|
mounted () { |
|
|
|
|
this.curRoute = this.$route.path |
|
|
|
|
|
|
|
|
|
if (sessionStorage.getItem('nomUsefulPhrasesOpenCard2')) { |
|
|
|
|
this.idNumberJudge = true |
|
|
|
|
this.form = { |
|
|
|
|
idType: 83, |
|
|
|
|
idNumber: '220602199202281229', |
|
|
|
|
customerName: '丛小风', |
|
|
|
|
gender: 2, |
|
|
|
|
birthDate: '1992-02-28', |
|
|
|
|
phoneNumber: '15890317718', |
|
|
|
|
position: '会计主管', |
|
|
|
|
salary: '80', |
|
|
|
|
currentWorkYears: '5年', |
|
|
|
|
totalWorkYears: '12年', |
|
|
|
|
propertyOwner: '丛小风', |
|
|
|
|
propertyCertificateNo: '不动产权第012000号', |
|
|
|
|
coOwnership: '单独所有', |
|
|
|
|
location: '前海新区深圳湾一号1612', |
|
|
|
|
propertyRightNature: '出让/商品房', |
|
|
|
|
area: '建筑面积： 189平方米', |
|
|
|
|
usagePeriodStart: '70年，2018.3.15 至 2088.3.14 止', |
|
|
|
|
usagePeriodEnd: '', |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
this.getDetail() |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
...mapMutations({ |
|
|
|
|
@ -287,29 +364,107 @@ export default { |
|
|
|
|
setDataFlow: 'system/setDataFlow', |
|
|
|
|
setNeedsModule: 'system/setNeedsModule', |
|
|
|
|
setPopId: 'system/setPopId', |
|
|
|
|
setTipsOperate: 'system/setTipsOperate' |
|
|
|
|
setTipsOperate: 'system/setTipsOperate', |
|
|
|
|
setCreditIds: 'system/setCreditIds', |
|
|
|
|
}), |
|
|
|
|
// 查询详情 |
|
|
|
|
async getDetail () { |
|
|
|
|
if (this.id) { |
|
|
|
|
// 查看及展期 |
|
|
|
|
const { data } = await personalBasicFind(this.id) |
|
|
|
|
this.basicForm = data.data |
|
|
|
|
this.form = data.data.bankPersonalLoanContractInfo |
|
|
|
|
} else if (sessionStorage.getItem('nomUsefulPhrasesOpenCard2')) { |
|
|
|
|
// 新增 |
|
|
|
|
sessionStorage.removeItem('nomUsefulPhrasesOpenCard2') |
|
|
|
|
this.idNumberJudge = true |
|
|
|
|
this.basicForm = { |
|
|
|
|
idType: 83, |
|
|
|
|
idNumber: '220602199202281229', |
|
|
|
|
customerName: '丛小风', |
|
|
|
|
gender: 2, |
|
|
|
|
birthDate: '1992-02-28', |
|
|
|
|
phoneNumber: '15890317718', |
|
|
|
|
position: '会计主管', |
|
|
|
|
salary: '80', |
|
|
|
|
currentWorkYears: '5年', |
|
|
|
|
totalWorkYears: '12年', |
|
|
|
|
propertyOwner: '丛小风', |
|
|
|
|
propertyCertificateNo: '不动产权第012000号', |
|
|
|
|
coOwnership: '单独所有', |
|
|
|
|
location: '前海新区深圳湾一号1612', |
|
|
|
|
propertyRightNature: '出让/商品房', |
|
|
|
|
area: '建筑面积： 189平方米', |
|
|
|
|
usagePeriod: '70年，2018.3.15 至 2088.3.14 止', |
|
|
|
|
usagePeriodEnd: '', |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
popUp1 (text) { |
|
|
|
|
this.setTipsOperate('请刷身份证'); |
|
|
|
|
this.setPopId('1399') |
|
|
|
|
sessionStorage.setItem('computerPath', this.$route.fullPath) |
|
|
|
|
this.$router.push('/counter/list/') |
|
|
|
|
}, |
|
|
|
|
// 起息日期选择回调 |
|
|
|
|
interestStartDateChange (val) { |
|
|
|
|
if (val) { |
|
|
|
|
const date = new Date(val) |
|
|
|
|
date.setMonth(this.form.loanTerm) |
|
|
|
|
this.form.maturityDate = Util.formatDate('yyyy-MM-dd', date) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
// 下一步 |
|
|
|
|
async next () { |
|
|
|
|
// 基本信息保存 |
|
|
|
|
if (this.curStep < 2) { |
|
|
|
|
try { |
|
|
|
|
const res = personalBasicSave(form) |
|
|
|
|
this.curStep++ |
|
|
|
|
} catch { (e) => { } } |
|
|
|
|
} else { |
|
|
|
|
const { basicForm } = this |
|
|
|
|
|
|
|
|
|
if (!basicForm.idNumber) { |
|
|
|
|
messageCard('请刷身份证') |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
this.$refs.basicForm.validate(myValidate(async () => { |
|
|
|
|
try { |
|
|
|
|
const { data } = await personalBasicSave(basicForm) |
|
|
|
|
this.setCreditIds({ |
|
|
|
|
personalLoanId: data.personalLoanId, |
|
|
|
|
applicationDate: data.applicationDate, |
|
|
|
|
contractNo: data.contractNo, |
|
|
|
|
}) |
|
|
|
|
this.curStep++ |
|
|
|
|
} catch { (e) => { } } |
|
|
|
|
}, this.$refs)) |
|
|
|
|
} else { |
|
|
|
|
// 合同信息校验 |
|
|
|
|
this.$refs.form.validate(myValidate(() => { |
|
|
|
|
this.visible = true |
|
|
|
|
}, this.$refs)) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
getFormData () { |
|
|
|
|
|
|
|
|
|
// 合同信息保存 |
|
|
|
|
async saveContract () { |
|
|
|
|
try { |
|
|
|
|
const { form } = this |
|
|
|
|
form.personalLoanId = this.creditIds.personalLoanId |
|
|
|
|
form.contractNo = this.creditIds.contractNo |
|
|
|
|
await loanContractSave(form) |
|
|
|
|
this.$router.push('/counter/list/manage/personalLoans') |
|
|
|
|
} catch { (e) => { } } |
|
|
|
|
}, |
|
|
|
|
submitForm2 () { |
|
|
|
|
|
|
|
|
|
showLoan () { |
|
|
|
|
this.loanVisible = true |
|
|
|
|
}, |
|
|
|
|
// 放款 |
|
|
|
|
async loanSubmit () { |
|
|
|
|
if (!this.disbursementDate) return this.$message.error('请选择放款日期！') |
|
|
|
|
await grantALoan({ |
|
|
|
|
id: this.form.contractId, |
|
|
|
|
disbursementDate: this.disbursementDate, |
|
|
|
|
}) |
|
|
|
|
this.$message.success('放款成功！') |
|
|
|
|
setTimeout(this.$router.back, 1500) |
|
|
|
|
}, |
|
|
|
|
phoneListen, |
|
|
|
|
checkName, |
|
|
|
|
@ -320,8 +475,12 @@ export default { |
|
|
|
|
needsModule: 'system/needsModule', |
|
|
|
|
idCardNumber: 'system/idCardNumber', |
|
|
|
|
inMyWork: 'system/inMyWork', |
|
|
|
|
getSelectList: 'system/getSelectList' |
|
|
|
|
}) |
|
|
|
|
getSelectList: 'system/getSelectList', |
|
|
|
|
}), |
|
|
|
|
// 基础信息id |
|
|
|
|
creditIds: function () { |
|
|
|
|
return this.$store.state.system.creditIds |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
|
