|
|
@ -1,6 +1,5 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
|
|
|
|
|
|
|
|
<div v-show="loanStatus == 1"> |
|
|
|
<div v-show="loanStatus == 1"> |
|
|
|
<div class="mgt20 left-border fz-16"><p class="c-black mgl10">保后管理</p></div> |
|
|
|
<div class="mgt20 left-border fz-16"><p class="c-black mgl10">保后管理</p></div> |
|
|
|
<div class="mgt20 pdb20"> |
|
|
|
<div class="mgt20 pdb20"> |
|
|
@ -51,7 +50,7 @@ |
|
|
|
<el-table-column prop="sourceStr" label="来源" align="center"></el-table-column> |
|
|
|
<el-table-column prop="sourceStr" label="来源" align="center"></el-table-column> |
|
|
|
<el-table-column label="操作" width="200" align="center"> |
|
|
|
<el-table-column label="操作" width="200" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button v-if="scope.row.source=='1'&&$router.currentRoute.meta.btn.includes('担保编辑')" type="text" @click="edit('',scope.row)">编辑</el-button> |
|
|
|
<el-button v-if="$router.currentRoute.meta.btn.includes('担保编辑')" type="text" @click="edit('',scope.row)">编辑</el-button> |
|
|
|
<el-button v-if="scope.row.source=='1'&&$router.currentRoute.meta.btn.includes('担保删除')" type="text" @click="deleteInsurance(scope.row)">删除</el-button> |
|
|
|
<el-button v-if="scope.row.source=='1'&&$router.currentRoute.meta.btn.includes('担保删除')" type="text" @click="deleteInsurance(scope.row)">删除</el-button> |
|
|
|
<el-button v-if="$router.currentRoute.meta.btn.includes('办理结项') && scope.row.paymentStatus == '已还清'" type="text" @click="conclusion(scope.row)">办理结项</el-button> |
|
|
|
<el-button v-if="$router.currentRoute.meta.btn.includes('办理结项') && scope.row.paymentStatus == '已还清'" type="text" @click="conclusion(scope.row)">办理结项</el-button> |
|
|
|
<el-button v-if="$router.currentRoute.meta.btn.includes('还款录入') && scope.row.paymentStatus != '已结项'" type="text" @click="edit(scope.row)">还款录入</el-button> |
|
|
|
<el-button v-if="$router.currentRoute.meta.btn.includes('还款录入') && scope.row.paymentStatus != '已结项'" type="text" @click="edit(scope.row)">还款录入</el-button> |
|
|
@ -59,7 +58,6 @@ |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
|
|
|
|
<div class="pagination"> |
|
|
|
<div class="pagination"> |
|
|
|
<el-pagination background @current-change="currentChange" layout="total, prev, pager, next" :current-page="pageNo" :total="totals"> |
|
|
|
<el-pagination background @current-change="currentChange" layout="total, prev, pager, next" :current-page="pageNo" :total="totals"> |
|
|
|
</el-pagination> |
|
|
|
</el-pagination> |
|
|
@ -76,8 +74,8 @@ |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<div class="mgb20 left-border fz-16"><p class="c-black mgl10">担保信息</p></div> |
|
|
|
<div class="mgb20 left-border fz-16"><p class="c-black mgl10">担保信息</p></div> |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<!-- :disabled="disabledAll" --> |
|
|
|
<!-- 新建与编辑不进行禁用 --> |
|
|
|
<el-form label-width="160px" :disabled="!entering&&status!=='newLoans'||disabledAll" :model="guaranteeForm" :rules="guaranteeRule" ref="refGuaranteeForm"> |
|
|
|
<el-form label-width="160px" :disabled="!entering&&status!=='newLoans'||disabledAll&&!wanderEdit" :model="guaranteeForm" :rules="guaranteeRule" ref="refGuaranteeForm"> |
|
|
|
<el-col :span="12" > |
|
|
|
<el-col :span="12" > |
|
|
|
<el-form-item label="业务编号:"> |
|
|
|
<el-form-item label="业务编号:"> |
|
|
|
<el-input v-model="guaranteeForm.businessCode" disabled placeholder="自动生成"></el-input> |
|
|
|
<el-input v-model="guaranteeForm.businessCode" disabled placeholder="自动生成"></el-input> |
|
|
@ -90,17 +88,19 @@ |
|
|
|
<el-input class="dn" type="text" v-model="guaranteeForm.bank"></el-input> |
|
|
|
<el-input class="dn" type="text" v-model="guaranteeForm.bank"></el-input> |
|
|
|
<el-autocomplete |
|
|
|
<el-autocomplete |
|
|
|
class="dib" |
|
|
|
class="dib" |
|
|
|
|
|
|
|
:disabled="!wanderEdit" |
|
|
|
@input="bankgroup($event,'main')" |
|
|
|
@input="bankgroup($event,'main')" |
|
|
|
v-model="mainbank" |
|
|
|
v-model="mainbank" |
|
|
|
placeholder="输入银行名称" |
|
|
|
placeholder="输入银行名称" |
|
|
|
:fetch-suggestions="querySearchAsync" |
|
|
|
:fetch-suggestions="querySearchAsync" |
|
|
|
></el-autocomplete> |
|
|
|
></el-autocomplete> |
|
|
|
<p class="mgl10">-</p> |
|
|
|
<p class="mgl10">-</p> |
|
|
|
<el-input @change="bankgroup($event,'else')" v-model="elsebank" class="wd45 mgl10 dib" placeholder="分行名称" clearable></el-input> |
|
|
|
<el-input :disabled="!wanderEdit" @change="bankgroup($event,'else')" v-model="elsebank" class="wd45 mgl10 dib" placeholder="分行名称" clearable></el-input> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="贷款起止日期:" prop="loanStartTime"> |
|
|
|
<el-form-item label="贷款起止日期:" prop="loanStartTime"> |
|
|
|
<el-date-picker |
|
|
|
<el-date-picker |
|
|
|
|
|
|
|
:disabled="wanderEdit" |
|
|
|
v-model="starEndDate" |
|
|
|
v-model="starEndDate" |
|
|
|
@change="starEndTimeFn" |
|
|
|
@change="starEndTimeFn" |
|
|
|
type="daterange" |
|
|
|
type="daterange" |
|
|
@ -111,7 +111,7 @@ |
|
|
|
</el-date-picker> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="业务类别:" prop="businessType"> |
|
|
|
<el-form-item label="业务类别:" prop="businessType"> |
|
|
|
<el-select v-model="guaranteeForm.businessType" placeholder="请选择"> |
|
|
|
<el-select :disabled="!wanderEdit" v-model="guaranteeForm.businessType" placeholder="请选择"> |
|
|
|
<el-option label="融资担保" value="融资担保"></el-option> |
|
|
|
<el-option label="融资担保" value="融资担保"></el-option> |
|
|
|
<el-option label="担保" value="担保"></el-option> |
|
|
|
<el-option label="担保" value="担保"></el-option> |
|
|
|
<el-option label="借贷" value="借贷"></el-option> |
|
|
|
<el-option label="借贷" value="借贷"></el-option> |
|
|
@ -126,6 +126,7 @@ |
|
|
|
<el-col :span="12" > |
|
|
|
<el-col :span="12" > |
|
|
|
<el-form-item label="客户名称:" prop="customerName"> |
|
|
|
<el-form-item label="客户名称:" prop="customerName"> |
|
|
|
<el-select |
|
|
|
<el-select |
|
|
|
|
|
|
|
:disabled="!wanderEdit" |
|
|
|
v-model="guaranteeForm.customerName" |
|
|
|
v-model="guaranteeForm.customerName" |
|
|
|
@change="searchClientChange($event,'name')" |
|
|
|
@change="searchClientChange($event,'name')" |
|
|
|
filterable |
|
|
|
filterable |
|
|
@ -148,17 +149,17 @@ |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="担保额度/贷款金额(元):" prop="guaranteeAmount"> |
|
|
|
<el-form-item label="担保额度/贷款金额(元):" prop="guaranteeAmount"> |
|
|
|
<el-input v-model="guaranteeForm.guaranteeAmount" placeholder="请输入担保额度"></el-input> |
|
|
|
<el-input :disabled="!wanderEdit" v-model="guaranteeForm.guaranteeAmount" placeholder="请输入担保额度"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="担保期限:" prop="guaranteeTime"> |
|
|
|
<el-form-item label="担保期限:" prop="guaranteeTime"> |
|
|
|
<div class="df"> |
|
|
|
<div class="df"> |
|
|
|
<el-input v-model="guaranteeForm.guaranteeTime" placeholder="输入期限" style="width:94%;margin-right:5px"></el-input><p style="white-space: nowrap;">个月</p> |
|
|
|
<el-input :disabled="!wanderEdit" v-model="guaranteeForm.guaranteeTime" placeholder="输入期限" style="width:94%;margin-right:5px"></el-input><p style="white-space: nowrap;">个月</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="贷款用途:" prop="amountWide"> |
|
|
|
<el-form-item label="贷款用途:" prop="amountWide"> |
|
|
|
<el-select v-model="guaranteeForm.amountWide" placeholder="请选择"> |
|
|
|
<el-select :disabled="!wanderEdit" v-model="guaranteeForm.amountWide" placeholder="请选择"> |
|
|
|
<el-option v-for="(item, index) in loansUse" :key="index" :label="item.label" :value="item.value"></el-option> |
|
|
|
<el-option v-for="(item, index) in loansUse" :key="index" :label="item.label" :value="item.value"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
@ -178,10 +179,11 @@ |
|
|
|
<el-form label-width="160px" ref="comp" :disabled="disabledAll" :model="comp" :rules="compRule"> |
|
|
|
<el-form label-width="160px" ref="comp" :disabled="disabledAll" :model="comp" :rules="compRule"> |
|
|
|
<el-col :span="12" > |
|
|
|
<el-col :span="12" > |
|
|
|
<el-form-item label="代偿金额(元):"> |
|
|
|
<el-form-item label="代偿金额(元):"> |
|
|
|
<el-input oninput="value=value.replace(/[^\d.]/g,'')" v-model="comp.compensationAmount" placeholder="请输入"></el-input> |
|
|
|
<el-input :disabled="!wanderEdit" oninput="value=value.replace(/[^\d.]/g,'')" v-model="comp.compensationAmount" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="代偿时间 :"> |
|
|
|
<el-form-item label="代偿时间 :"> |
|
|
|
<el-date-picker |
|
|
|
<el-date-picker |
|
|
|
|
|
|
|
:disabled="!wanderEdit" |
|
|
|
v-model="comp.compensatoryTime" |
|
|
|
v-model="comp.compensatoryTime" |
|
|
|
@change="compensatoryTimeChange" |
|
|
|
@change="compensatoryTimeChange" |
|
|
|
type="date" |
|
|
|
type="date" |
|
|
@ -231,12 +233,13 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-form-item label="经营情况:"> |
|
|
|
<el-form-item label="经营情况:"> |
|
|
|
<!-- 未完成 --> |
|
|
|
<!-- 未完成 --> |
|
|
|
<el-select v-model="liquidate.operation" placeholder="请选择" prop="operation"> |
|
|
|
<el-select :disabled="!wanderEdit" v-model="liquidate.operation" placeholder="请选择" prop="operation"> |
|
|
|
<el-option v-for="(item, index) in circumstance" :key="index" :label="item.name" :value="item.value"></el-option> |
|
|
|
<el-option v-for="(item, index) in circumstance" :key="index" :label="item.name" :value="item.value"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="诉讼情况:" > |
|
|
|
<el-form-item label="诉讼情况:" > |
|
|
|
<el-input |
|
|
|
<el-input |
|
|
|
|
|
|
|
:disabled="!wanderEdit" |
|
|
|
type="textarea" |
|
|
|
type="textarea" |
|
|
|
:rows="2" |
|
|
|
:rows="2" |
|
|
|
placeholder="请输入1000字符以内" |
|
|
|
placeholder="请输入1000字符以内" |
|
|
@ -245,6 +248,7 @@ |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="抵押情况:"> |
|
|
|
<el-form-item label="抵押情况:"> |
|
|
|
<el-input |
|
|
|
<el-input |
|
|
|
|
|
|
|
:disabled="!wanderEdit" |
|
|
|
type="textarea" |
|
|
|
type="textarea" |
|
|
|
:rows="2" |
|
|
|
:rows="2" |
|
|
|
placeholder="请输入1000字符以内" |
|
|
|
placeholder="请输入1000字符以内" |
|
|
@ -524,6 +528,7 @@ |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
|
|
|
|
|
import { mapState } from 'vuex'; |
|
|
|
import { allBankName, insuranceList, insuranceDetail, repaymentEntry, repaymentList, repaymentStatistics, excelHis, delRepayment, repaymentDetail, excelInsurance, updateInsurance, updateRepayment, designateEmpTrees, getAllClient ,saveInsurance,companyInfoBySth,liquidateList,liquidateEdit,liquidateDel,deleteInsurance, editInsurance, compensationSituation,importInsurance , exportFailure} from '../../../utils/api'; |
|
|
|
import { allBankName, insuranceList, insuranceDetail, repaymentEntry, repaymentList, repaymentStatistics, excelHis, delRepayment, repaymentDetail, excelInsurance, updateInsurance, updateRepayment, designateEmpTrees, getAllClient ,saveInsurance,companyInfoBySth,liquidateList,liquidateEdit,liquidateDel,deleteInsurance, editInsurance, compensationSituation,importInsurance , exportFailure} from '../../../utils/api'; |
|
|
|
import core from '../../../utils/core'; |
|
|
|
import core from '../../../utils/core'; |
|
|
|
export default { |
|
|
|
export default { |
|
|
@ -642,13 +647,13 @@ import core from '../../../utils/core'; |
|
|
|
serachMessageLoading:false, |
|
|
|
serachMessageLoading:false, |
|
|
|
// 贷款用途 |
|
|
|
// 贷款用途 |
|
|
|
loansUse:[ |
|
|
|
loansUse:[ |
|
|
|
{ value: 0, label: '短期周转' }, |
|
|
|
{ value: '短期周转', label: '短期周转' }, |
|
|
|
{ value: 1, label: '购房贷款' }, |
|
|
|
{ value: '购房贷款', label: '购房贷款' }, |
|
|
|
{ value: 2, label: '装修贷款' }, |
|
|
|
{ value: '装修贷款', label: '装修贷款' }, |
|
|
|
{ value: 3, label: '购车贷款' }, |
|
|
|
{ value: '购车贷款', label: '购车贷款' }, |
|
|
|
{ value: 4, label: '教育贷款' }, |
|
|
|
{ value: '教育贷款', label: '教育贷款' }, |
|
|
|
{ value: 5, label: '投资创业' }, |
|
|
|
{ value: '投资创业', label: '投资创业' }, |
|
|
|
{ value: 6, label: '其他' }, |
|
|
|
{ value: '其他', label: '其他' }, |
|
|
|
], |
|
|
|
], |
|
|
|
guaranteeForm: {// 担保信息 |
|
|
|
guaranteeForm: {// 担保信息 |
|
|
|
|
|
|
|
|
|
|
@ -702,9 +707,10 @@ import core from '../../../utils/core'; |
|
|
|
}, |
|
|
|
}, |
|
|
|
computed:{ |
|
|
|
computed:{ |
|
|
|
computedCompensatoryBalance(){ |
|
|
|
computedCompensatoryBalance(){ |
|
|
|
this.comp.compensatoryBalance = this.comp.compensationAmount - this.cash |
|
|
|
this.comp.compensatoryBalance = this.comp.compensationAmount||0 - this.cash |
|
|
|
return this.comp.compensationAmount - this.cash |
|
|
|
return this.comp.compensationAmount||0 - this.cash |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
bankSelect:function(){ |
|
|
|
bankSelect:function(){ |
|
|
|
return this.$store.state.guarantee.bankData |
|
|
|
return this.$store.state.guarantee.bankData |
|
|
|
}, |
|
|
|
}, |
|
|
@ -717,6 +723,9 @@ import core from '../../../utils/core'; |
|
|
|
entering(){ |
|
|
|
entering(){ |
|
|
|
return this.$store.state.loan.entering |
|
|
|
return this.$store.state.loan.entering |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
wanderEdit(){ |
|
|
|
|
|
|
|
return this.$store.state.loan.wanderEdit |
|
|
|
|
|
|
|
}, |
|
|
|
disabledAll(){ |
|
|
|
disabledAll(){ |
|
|
|
return this.$store.state.loan.disabledAll |
|
|
|
return this.$store.state.loan.disabledAll |
|
|
|
}, |
|
|
|
}, |
|
|
@ -914,20 +923,29 @@ import core from '../../../utils/core'; |
|
|
|
|
|
|
|
|
|
|
|
//还款录入/新建业务 |
|
|
|
//还款录入/新建业务 |
|
|
|
edit(row,val){ |
|
|
|
edit(row,val){ |
|
|
|
this.$store.commit('disabledAll',false) |
|
|
|
this.$store.commit('disabledAll',false)// 取消禁用全部, |
|
|
|
if(!row){// 进入新建业务界面 |
|
|
|
if(!row){// 进入新建业务界面 |
|
|
|
this.loanStatus = 2 |
|
|
|
this.loanStatus = 2 |
|
|
|
this.$store.commit("loanStatusData", { loanStatus: 2 }); |
|
|
|
this.$store.commit("loanStatusData", { loanStatus: 2 }); |
|
|
|
this.$store.commit('setNewOrOld','newLoans') |
|
|
|
this.$store.commit('setNewOrOld','newLoans') |
|
|
|
this.$store.commit('entering',false) |
|
|
|
this.$store.commit('entering',false) |
|
|
|
if(val){ |
|
|
|
if(val){// 编辑业务阶段 |
|
|
|
|
|
|
|
this.$store.commit('setNewOrOld','oldLoans')// 区分进入还款或者新建 |
|
|
|
|
|
|
|
// 编辑手动添加的业务 |
|
|
|
this.$store.commit('entering',true) |
|
|
|
this.$store.commit('entering',true) |
|
|
|
this.id = val.id |
|
|
|
this.id = val.id |
|
|
|
this.$store.commit("idData", { id: val.id });// 存业务id用于刷新复现 |
|
|
|
this.$store.commit("idData", { id: val.id });// 存业务id用于刷新复现 |
|
|
|
|
|
|
|
if(val.source==0){// 编辑流转的业务 |
|
|
|
|
|
|
|
this.$store.commit('wanderEdit',false) |
|
|
|
|
|
|
|
// console.log(this.status,'status') |
|
|
|
|
|
|
|
}else{ |
|
|
|
|
|
|
|
this.$store.commit('wanderEdit',true) |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
val?this.$store.commit('discernEdit',true):this.$store.commit('discernEdit',false) |
|
|
|
val?this.$store.commit('discernEdit',true):this.$store.commit('discernEdit',false) |
|
|
|
}else{// 进入还款录入,添加个额外判断进入编辑界面 |
|
|
|
}else{// 进入还款录入,添加个额外判断进入编辑界面 |
|
|
|
this.$store.commit('entering',false) // 不可编辑业务编辑区域 |
|
|
|
this.$store.commit('wanderEdit',true) |
|
|
|
|
|
|
|
this.$store.commit('entering',false) // 不可编辑-业务编辑区域 |
|
|
|
this.$store.commit('discernEdit',true)// 区分是否可编辑业务 |
|
|
|
this.$store.commit('discernEdit',true)// 区分是否可编辑业务 |
|
|
|
this.$store.commit('setNewOrOld','oldLoans')// 区分进入还款或者新建 |
|
|
|
this.$store.commit('setNewOrOld','oldLoans')// 区分进入还款或者新建 |
|
|
|
this.loanStatus = 2 |
|
|
|
this.loanStatus = 2 |
|
|
@ -975,7 +993,7 @@ import core from '../../../utils/core'; |
|
|
|
}); |
|
|
|
}); |
|
|
|
this.guaranteeLoading = false |
|
|
|
this.guaranteeLoading = false |
|
|
|
this.guaranteeForm = res.data.insuranceList |
|
|
|
this.guaranteeForm = res.data.insuranceList |
|
|
|
this.starEndDate = [this.guaranteeForm.loanStartTime,this.guaranteeForm.loanEndTime] |
|
|
|
this.starEndDate = [this.guaranteeForm.loanStartTime||'',this.guaranteeForm.loanEndTime||""] |
|
|
|
// 处理银行字符串 |
|
|
|
// 处理银行字符串 |
|
|
|
let across = this.guaranteeForm.bank.indexOf('-') |
|
|
|
let across = this.guaranteeForm.bank.indexOf('-') |
|
|
|
if(across!==-1){ |
|
|
|
if(across!==-1){ |
|
|
@ -985,9 +1003,9 @@ import core from '../../../utils/core'; |
|
|
|
}else{ |
|
|
|
}else{ |
|
|
|
this.mainbank = this.guaranteeForm.bank |
|
|
|
this.mainbank = this.guaranteeForm.bank |
|
|
|
} |
|
|
|
} |
|
|
|
this.$set(this.guaranteeForm,'amountWide',+this.guaranteeForm.amountWide) |
|
|
|
this.$set(this.guaranteeForm,'amountWide',this.guaranteeForm.amountWide) |
|
|
|
|
|
|
|
|
|
|
|
let reimbursement = res.data.reimbursement |
|
|
|
let reimbursement = res.data.reimbursement||{} |
|
|
|
// 代偿 |
|
|
|
// 代偿 |
|
|
|
this.comp = { |
|
|
|
this.comp = { |
|
|
|
compensationAmount:reimbursement.compensationAmount, |
|
|
|
compensationAmount:reimbursement.compensationAmount, |
|
|
|