<template>
|
<div>
|
<!-- 该操作会导致缓存问题没法及时刷新，待修复 -->
|
<!-- <keep-alive v-if="isKeepAlive">
|
<component v-bind="$attrs" :relationtype="relationtype" v-bind:is="componentName"></component>
|
</keep-alive>
|
<component v-else v-bind="$attrs" :relationtype="relationtype" v-bind:is="componentName"></component>-->
|
<component
|
v-bind="$attrs"
|
:sellerOrBuyer="sellerOrBuyer"
|
:relationtype="relationtype"
|
v-bind:is="componentName"
|
></component>
|
</div>
|
</template>
|
<script>
|
// 动态组件
|
|
const CustomerBasicInfo = () => import('./tabsComponent/CustomerBasicInfo')
|
const GuarantorOrCoBorrowerListAndDetail = () =>
|
import('./tabsComponent/GuarantorOrCoBorrowerListAndDetail')
|
const ImageMenuList = () => import('./tabsComponent/ImageMenuList')
|
const HouseList = () => import('./tabsComponent/HouseList')
|
const ApplyDetail = () => import('./tabsComponent/ApplyDetail')
|
const PreMerchantInterestInfo = () =>
|
import('./tabsComponent/PreMerchantInterestInfo')
|
const PreCustomerInterestInfo = () =>
|
import('./tabsComponent/PreCustomerInterestInfo')
|
const CreditReportList = () => import('./tabsComponent/CreditReportList')
|
const RiskAutoExamineDetail = () =>
|
import('./tabsComponent/RiskAutoExamineDetail')
|
const OpinionList = () => import('./tabsComponent/OpinionList')
|
const FlowList = () => import('./tabsComponent/FlowList')
|
const CustomerHistoryApplyList = () =>
|
import('./tabsComponent/CustomerHistoryApplyList')
|
const EdocPrint = () => import('./tabsComponent/EdocPrint')
|
const AcctLoan = () => import('./tabsComponent/AcctLoan')
|
const AcctPaymentScheduleList = () =>
|
import('./tabsComponent/AcctPaymentScheduleList')
|
const AcctPaymentLogList = () => import('./tabsComponent/AcctPaymentLogList')
|
const AcctTransactionList = () => import('./tabsComponent/AcctTransactionList')
|
const LoanChangeList = () => import('./tabsComponent/LoanChangeList')
|
const AcctSubledgerDetailList = () =>
|
import('./tabsComponent/AcctSubledgerDetailList')
|
const SellerOrBuyer = () => import('./tabsComponent/SellerOrBuyer')
|
const Receivable = () => import('./tabsComponent/Receivable')
|
const FeeSettleInfo = () => import('./tabsComponent/FeeSettleInfo')
|
const EnterpriseInfo = () => import('./tabsComponent/EnterpriseInfo')
|
const AcctPaymentInfo = () => import('./tabsComponent/AcctPaymentInfo')
|
const LoanEnterprise = () => import('./tabsComponent/LoanEnterprise')
|
const AcctReceivables = () => import('./tabsComponent/AcctReceivables')
|
const AcctMoneyBack = () => import('./tabsComponent/AcctMoneyBack')
|
const commission = () => import('./tabsComponent/commission')
|
const ReFactoring = () => import('./tabsComponent/ReFactoring')
|
const EntAlterRecord = () => import('./tabsComponent/EntAlterRecord')
|
|
export default {
|
components: {
|
CustomerBasicInfo,
|
GuarantorOrCoBorrowerListAndDetail,
|
ImageMenuList,
|
HouseList, // 物业信息
|
ApplyDetail, // 贷款申请信息
|
PreMerchantInterestInfo, // 预收商户贴息
|
PreCustomerInterestInfo,
|
CreditReportList,
|
RiskAutoExamineDetail,
|
OpinionList,
|
FlowList,
|
CustomerHistoryApplyList,
|
EdocPrint,
|
AcctLoan,
|
AcctPaymentScheduleList,
|
AcctPaymentLogList,
|
AcctTransactionList,
|
LoanChangeList,
|
AcctSubledgerDetailList,
|
SellerOrBuyer,
|
Receivable,
|
FeeSettleInfo,
|
EnterpriseInfo,
|
LoanEnterprise,
|
AcctPaymentInfo,
|
AcctReceivables,
|
AcctMoneyBack,
|
commission,
|
ReFactoring,
|
AcctMoneyBack,
|
EntAlterRecord
|
},
|
props: {
|
/**
|
* 节点信息
|
* @example
|
* { "tabname": "借款人信息", "exist": "Y", "gray": "N", "visible": "Y" }
|
*/
|
info: {
|
type: Object,
|
required: true
|
},
|
isKeepAlive: {
|
type: Boolean,
|
default: true
|
}
|
},
|
computed: {
|
relationtype() {
|
let { info } = this
|
let { tabname } = info
|
let relationtype = '01'
|
if (tabname === '担保人信息') {
|
relationtype = '02'
|
}
|
return relationtype
|
},
|
componentName(item) {
|
let { info } = this
|
let { tabname } = info
|
let tabComponent = null
|
|
if (tabname === '借款人信息') {
|
tabComponent = 'CustomerBasicInfo'
|
}
|
|
if (tabname === '共借人信息' || tabname === '担保人信息') {
|
tabComponent = 'GuarantorOrCoBorrowerListAndDetail'
|
}
|
|
if (tabname === '物业信息') {
|
tabComponent = 'HouseList'
|
}
|
|
if (tabname === '企业信息') {
|
tabComponent = 'EnterpriseInfo'
|
}
|
|
if (tabname === '借款企业信息') {
|
tabComponent = 'LoanEnterprise'
|
}
|
|
if (tabname === '准入项目信息') {
|
tabComponent = 'commission'
|
}
|
|
if (tabname === '应收账款信息') {
|
tabComponent = 'AcctReceivables'
|
}
|
|
if (tabname === '贷款申请信息') {
|
tabComponent = 'ApplyDetail'
|
}
|
|
if (tabname === '再保理信息') {
|
tabComponent = 'ReFactoring'
|
}
|
|
if (tabname === '预收商户贴息') {
|
tabComponent = 'PreMerchantInterestInfo'
|
}
|
|
if (tabname === '预收客户息费') {
|
tabComponent = 'PreCustomerInterestInfo'
|
}
|
|
if (tabname === '主/共借人征信信息') {
|
tabComponent = 'CreditReportList'
|
}
|
|
if (tabname === '风控审批信息') {
|
tabComponent = 'RiskAutoExamineDetail'
|
}
|
|
if (tabname === '历史审批意见') {
|
tabComponent = 'OpinionList'
|
}
|
|
if (tabname === '流程流转记录') {
|
tabComponent = 'FlowList'
|
}
|
|
if (tabname === '历史贷款信息') {
|
tabComponent = 'CustomerHistoryApplyList'
|
}
|
|
if (tabname === '电子合同信息') {
|
tabComponent = 'EdocPrint'
|
}
|
|
if (tabname === '影像资料信息') {
|
tabComponent = 'ImageMenuList'
|
}
|
|
if (tabname === '借据信息') {
|
tabComponent = 'AcctLoan'
|
}
|
|
if (tabname === '还款计划') {
|
tabComponent = 'AcctPaymentScheduleList'
|
}
|
|
if (tabname === '还款信息') {
|
tabComponent = 'AcctPaymentInfo'
|
}
|
|
if (tabname === '回款信息') {
|
tabComponent = 'AcctMoneyBack'
|
}
|
|
if (tabname === '还款入账记录') {
|
tabComponent = 'AcctPaymentLogList'
|
}
|
|
if (tabname === '交易申请记录') {
|
tabComponent = 'AcctTransactionList'
|
}
|
|
if (tabname === '会计分录信息') {
|
tabComponent = 'AcctSubledgerDetailList'
|
}
|
|
if (tabname === '本金回款信息') {
|
tabComponent = 'Receivable'
|
}
|
|
if (tabname === '息费结算信息') {
|
tabComponent = 'FeeSettleInfo'
|
}
|
|
if (tabname === '贷后变更记录') {
|
tabComponent = 'LoanChangeList'
|
}
|
|
if (tabname === '卖方信息') {
|
tabComponent = 'SellerOrBuyer'
|
}
|
|
if (tabname === '买方信息') {
|
tabComponent = 'SellerOrBuyer'
|
}
|
|
if (tabname === '企业信息变更记录') {
|
tabComponent = 'EntAlterRecord'
|
}
|
|
return tabComponent
|
},
|
sellerOrBuyer() {
|
let { info } = this
|
let { tabname } = info
|
let result = ''
|
if (tabname === '卖方信息') {
|
result = '01'
|
}
|
|
if (tabname === '买方信息') {
|
result = '02'
|
}
|
return result
|
}
|
}
|
}
|
</script>
|
<style lang="postcss" scoped>
|
</style>
|
