<template>
|
<div>
|
<div class="tab-section" v-if="tableHeader.length === 0">
|
<el-tabs v-model="activeName" type="card">
|
<el-tab-pane
|
v-for="(item, index) in list"
|
:key="index"
|
:label="item.customername.value"
|
:name="`${index}`"
|
>
|
<FormInfo :info="item" :keys="userBaseInfo" title="个人基本信息" :loading="loading"></FormInfo>
|
<FormInfo :info="item" :keys="userBaseSpecialInfo" title="产品个性化信息" :loading="loading"></FormInfo>
|
</el-tab-pane>
|
</el-tabs>
|
</div>
|
<div v-else>
|
<!-- 佣金贷 -->
|
<div v-if="flowno == 'CreditFlowPublic' || productID">
|
<FormInfo :info="info" :keys="userBaseInfo" title="借款人基本信息" :loading="loading"></FormInfo>
|
<FormInfo :info="info" :keys="controlpeoplenInfo" title="实控人信息" :loading="loading"></FormInfo>
|
<KeysTable :list="contactList" :header="creditFlowPublicTableHeader" :isShowPages="false" title="联系人信息"></KeysTable>
|
</div>
|
<!-- 个人场景贷 -->
|
<template v-if="flowno != 'CreditFlowPublic' && !productID">
|
<div v-if="flowno == 'CreditFlowCase' || flowno == 'CreditFlowCommon'">
|
<FormInfo :info="info" :keys="creditFlowCaseUserBaseInfo" title="借款人基本信息" :loading="loading"></FormInfo>
|
<FormInfo :info="info" :keys="creditFlowCaseWorkInfo" title="借款人工作信息" :loading="loading"></FormInfo>
|
<FormInfo :info="info" :keys="controlpeoplenInfo" title="实控人信息" :loading="loading"></FormInfo>
|
<KeysTable :list="contactList" :header="creditFlowPublicTableHeader" :isShowPages="false" title="联系人信息"></KeysTable>
|
</div>
|
<div v-else>
|
<FormInfo :info="info" :keys="userBaseInfo" title="个人基本信息" :loading="loading"></FormInfo>
|
<FormInfo :info="info" :keys="userBaseSpecialInfo" title="产品个性化信息" :loading="loading"></FormInfo>
|
<KeysTable :list="contactList" :header="tableHeader" :isShowPages="false" title="联系人信息"></KeysTable>
|
</div>
|
</template>
|
|
|
</div>
|
</div>
|
</template>
|
<script>
|
// 借款人信息
|
import {
|
qryCustomerBasicInfo,
|
qryCustomerInfoList,
|
qryApplyDetail
|
} from '@comprehensive/serve/public'
|
import FormInfo from '../FormInfo'
|
import KeysTable from '../KeysTable'
|
import {
|
userBaseInfo,
|
creditFlowCaseUserBaseInfo,
|
creditFlowCaseWorkInfo,
|
controlpeoplenInfo,
|
buildingBusinessFlowUserBaseInfo,
|
userBaseSpecialInfo
|
} from '@comprehensive/utils/formHeaders'
|
import { contactListHeader } from '@comprehensive/utils/tableHeaders'
|
import { flownos } from '@comprehensive/utils/comm'
|
|
export default {
|
props: {
|
// 申请编号
|
serialNo: {
|
type: String,
|
required: true
|
},
|
objectType: {
|
type: String,
|
default: ''
|
},
|
customerID: {
|
type: String,
|
default: ''
|
},
|
flowno: {
|
type: String,
|
|
// 默认为案场
|
default: 'CreditFlowCase'
|
}
|
},
|
components: {
|
FormInfo,
|
KeysTable
|
},
|
computed: {
|
// 部分产品需要转对公业务
|
productID(){
|
const {productID,objectType}= this.$route.query
|
if(!this.info.borrowertype){
|
return productID.indexOf('OFF_') > -1
|
}
|
const borrowertype = this.info.borrowertype.value
|
const ispubile = borrowertype == '01' && objectType == 'CreditApplyCommon'
|
return productID.indexOf('OFF_') > -1 || ispubile
|
}
|
},
|
data() {
|
return {
|
info: {},
|
list: [],
|
loading: false,
|
activeName: '0',
|
userBaseInfo: [],
|
// 联系人
|
contactList: [],
|
tableHeader: [...contactListHeader],
|
creditFlowPublicTableHeader: [
|
{
|
prop: "relativecustomername",
|
width: "auto",
|
label: "联系人姓名"
|
},
|
{
|
prop: "relationshipDesc",
|
width: "auto",
|
label: "与借款人关系"
|
},
|
{
|
prop: "phone",
|
width: "auto",
|
label: "联系人手机号码"
|
},
|
{
|
prop: "email",
|
width: "auto",
|
label: "联系人邮箱"
|
},
|
],
|
userBaseSpecialInfo: [...userBaseSpecialInfo],
|
creditFlowCaseUserBaseInfo: [...creditFlowCaseUserBaseInfo],
|
creditFlowCaseWorkInfo: [],
|
controlpeoplenInfo: [...controlpeoplenInfo],
|
// 案场排除字段
|
creditFlowCaseFilter: [
|
'borrowerrelationship',
|
'idcardexpirationdate',
|
'unitproperties',
|
'enterprisemain',
|
'positionrank',
|
'hashomeDesc',
|
'homecityDesc',
|
'housecountyDesc'
|
],
|
|
// 非案场排除字段
|
creditFlowCommonFilter: [
|
'borrowerrelationship',
|
'idcardexpirationdate',
|
'positionrank',
|
'querycredittype',
|
'housecountyDesc'
|
],
|
|
// 抵押排除字段
|
mortgageFlowFilter: [
|
'borrowerrelationship',
|
'querycredittype',
|
'hashomeDesc',
|
'hometel',
|
'kosekiprovince',
|
'kosekicity',
|
'kosekicounty',
|
'kosekifulladd'
|
],
|
|
// 抵押包含字段
|
buildingBusinessFlowFilter: [
|
'customername',
|
'borrowerrelationship',
|
'certtype',
|
'certid',
|
'phone',
|
'marriage',
|
'kosekiprovince',
|
'kosekicity',
|
'kosekicounty',
|
'kosekifulladd'
|
],
|
// 保理-放款信息排除字段
|
CreditFlowPublicFilter: [
|
"sysputoutstatus",
|
"sysputoutfail",
|
"sysputoutchannl",
|
"manualputoutflag"
|
]
|
}
|
},
|
created() {
|
// this.productID = this.$route.query.productID.indexOf('OFF_') > -1 ? true : false
|
if(!this.productID){
|
this.creditFlowCaseUserBaseInfo.push({
|
label: '邮箱',
|
field: 'email'
|
},{
|
label: '通讯地址（省）',
|
field: 'permanentprovinceDesc',
|
},
|
{
|
label: '通讯地址（市）',
|
field: 'permanentcity',
|
isDesc: true,
|
},
|
{
|
label: '通讯地址（区）',
|
field: 'permanentcounty',
|
isDesc: true,
|
},
|
{
|
label: '通讯地址(详细)',
|
field: 'permanentaddress',
|
})
|
}
|
// 加盟商
|
if(this.$route.query.productID.indexOf('JMSJYD') > -1){
|
const data = creditFlowCaseWorkInfo.filter(res=>res.field == 'currentworkingyears')
|
this.creditFlowCaseWorkInfo = [...data]
|
}else{
|
if(this.flowno === 'CreditFlowCommon'){
|
const creditFlowCaseWorkInfos = creditFlowCaseWorkInfo.map(res=>{
|
if(res.field == 'jobtitle'){
|
res.isDesc = true
|
}
|
return res
|
})
|
this.creditFlowCaseWorkInfo = [...creditFlowCaseWorkInfos]
|
}else{
|
this.creditFlowCaseWorkInfo = [...creditFlowCaseWorkInfo]
|
}
|
|
}
|
setTimeout(() => {
|
this.init()
|
}, 1000);
|
},
|
methods: {
|
init() {
|
const {
|
flowno,
|
creditFlowCaseFilter,
|
creditFlowCommonFilter,
|
mortgageFlowFilter,
|
CreditFlowPublicFilter
|
} = this
|
const {
|
// 案场
|
CreditFlowCase,
|
|
// 非案场
|
CreditFlowCommon,
|
|
// 抵押
|
MortgageFlow,
|
|
// 赎楼/快贷
|
BuildingBusinessFlow,
|
//佣金贷(保理)
|
CreditFlowPublic,
|
|
} = flownos
|
let header = []
|
|
if (flowno === CreditFlowCase) {
|
header = userBaseInfo.filter(
|
({ field }) => !creditFlowCaseFilter.includes(field)
|
)
|
this.qryCustomerBasicInfo()
|
}
|
|
if (flowno === CreditFlowCommon) {
|
header = userBaseInfo.filter(
|
({ field }) => !creditFlowCommonFilter.includes(field)
|
)
|
this.qryCustomerBasicInfo()
|
}
|
|
if (flowno === MortgageFlow) {
|
header = userBaseInfo.filter(
|
({ field }) => !mortgageFlowFilter.includes(field)
|
)
|
this.qryCustomerBasicInfo()
|
}
|
|
// 赎楼/快贷
|
if (flowno === BuildingBusinessFlow) {
|
header = [...buildingBusinessFlowUserBaseInfo]
|
this.tableHeader = []
|
this.activeName = '0'
|
this.qryCustomerInfoList()
|
}
|
//佣金贷
|
if (flowno === CreditFlowPublic) {
|
header = userBaseInfo.filter(
|
({ field }) => !CreditFlowPublicFilter.includes(field)
|
)
|
|
this.qryCustomerBasicInfo()
|
}
|
if(this.productID){
|
header[3] = {field:"customercertno",label:"统一社会信用代码"}
|
}
|
this.userBaseInfo = [...header]
|
},
|
|
// 查询顶部流程节点状态
|
async qryCustomerBasicInfo() {
|
sessionStorage.setItem('borrowerPhone','')
|
this.loading = true
|
const { serialNo, customerID } = this
|
const res = await qryCustomerBasicInfo({
|
applySerialNo: serialNo,
|
customerId: customerID
|
})
|
this.loading = false
|
const { result } = res
|
const { contactList, ...other } = result
|
this.info = other
|
console.log('this.info ====>',this.info)
|
sessionStorage.setItem('borrowerPhone',other.phone.value)
|
let objs = []
|
contactList.forEach(res=>{
|
let obj = {}
|
for(const key in res) {
|
obj[key] = res[key].value
|
}
|
objs.push(obj)
|
})
|
|
this.contactList = objs
|
console.log('CustomerBasicInfo this.contactList',this.contactList)
|
},
|
|
// 查询顶部流程节点状态
|
async qryCustomerInfoList() {
|
this.loading = true
|
const { serialNo, customerID } = this
|
const res = await qryCustomerInfoList({
|
applySerialNo: serialNo,
|
customerId: customerID
|
})
|
this.loading = false
|
const { result } = res
|
this.list = result
|
},
|
},
|
watch: {
|
serialNo() {
|
this.init()
|
}
|
}
|
}
|
</script>
|
|
<style lang="postcss" scoped>
|
</style>
|
