<template>
|
<div>
|
<component
|
v-bind:is="componentName"
|
:conf="info"
|
:typeId="typeId"
|
v-bind="$attrs"
|
v-on="$listeners"
|
:ref="refId"
|
></component>
|
</div>
|
</template>
|
<script>
|
// 动态组件
|
const AcctLoan = () => import('@/components/tabs/AcctLoan')
|
const AcctLoanReturn = () => import('@/components/tabs/AcctLoanReturn')
|
const ApplyInfo = () => import('@/components/tabs/ApplyInfo')
|
const ApplyInfoDelay = () => import('@/components/tabs/ApplyInfoDelay')
|
const FlowList = () => import('@/components/tabs/FlowList')
|
const ImageMenuList = () => import('@/components/tabs/ImageMenuList')
|
const ImageMenuListNew = () => import('@/components/tabs/ImageMenuListNew')
|
const OpinionList = () => import('@/components/tabs/OpinionList')
|
const ImplementationResults = () =>
|
import('@/components/tabs/ImplementationResults')
|
const TransactionInfo = () => import('@/components/tabs/TransactionInfo')
|
const RePaymentWashLoanInfo = () =>
|
import('@/components/tabs/RePaymentWashLoanInfo')
|
|
const BankRunningWater = () => import('@/components/tabs/BankRunningWater')
|
const RevokeBankRunningWater = () =>
|
import('@/components/tabs/RevokeBankRunningWater')
|
const TransactionInformation = () =>
|
import('@/components/tabs/TransactionInformation')
|
const RevokeTransactionInformation = () =>
|
import('@/components/tabs/RevokeTransactionInformation')
|
|
const RefundApplication = () => import('@/components/tabs/RefundApplication')
|
const LoanIous = () => import('@/components/tabs/LoanIous')
|
const RepaymentApply = () => import('@/components/tabs/RepaymentApply')
|
const trialPart = () => import('@/components/tabs/trialPart')
|
const PendingClaim = () => import('@/components/tabs/PendingClaim')
|
const ProcessedClaim = () => import('@/components/tabs/ProcessedClaim')
|
const TransactionEntrySum = () =>
|
import('@/components/tabs/TransactionEntrySum')
|
|
const TransactionEntryDetails = () =>
|
import('@/components/tabs/TransactionEntryDetails')
|
|
const ClaimRevokeApply = () => import('@/components/tabs/ClaimRevokeApply')
|
const DiscountInfo = () => import('@/components/tabs/DiscountInfo')
|
const DiscountIousInfo = () => import('@/components/tabs/DiscountIousInfo')
|
const DiscountDetails = () => import('@/components/tabs/DiscountDetails')
|
const SettlementDiscount = () => import('@/components/tabs/SettlementDiscount')
|
|
const SettlementDiscountIous = () =>
|
import('@/components/tabs/SettlementDiscountIous')
|
// 息费减免申请信息
|
const ReductionApplyInfo = () => import('@/components/tabs/ReductionApplyInfo')
|
const RepaymentApplyInfo = () => import('@/components/tabs/RepaymentApplyInfo')
|
const ElectronicContract = () => import('@/components/tabs/ElectronicContract')
|
const LoanInfo = () => import('@/components/tabs/LoanInfo')
|
const ZhonghangApplyInfo = () => import('@/components/tabs/ZhonghangApplyInfo')
|
const HistoryInfo = () => import('@/components/tabs/HistoryInfo')
|
|
const ZhonghangRunningWater = () =>
|
import('@/components/tabs/ZhonghangRunningWater')
|
|
export default {
|
components: {
|
FlowList,
|
AcctLoan,
|
AcctLoanReturn,
|
ApplyInfo,
|
ApplyInfoDelay,
|
ImageMenuList,
|
OpinionList,
|
TransactionInfo,
|
RePaymentWashLoanInfo,
|
ImplementationResults,
|
BankRunningWater,
|
RevokeBankRunningWater,
|
TransactionInformation,
|
RevokeTransactionInformation,
|
RefundApplication,
|
TransactionEntrySum,
|
TransactionEntryDetails,
|
ClaimRevokeApply,
|
LoanIous,
|
RepaymentApply,
|
PendingClaim,
|
trialPart,
|
DiscountInfo,
|
DiscountDetails,
|
DiscountIousInfo,
|
ProcessedClaim,
|
SettlementDiscountIous,
|
SettlementDiscount,
|
ImageMenuListNew,
|
ReductionApplyInfo,
|
RepaymentApplyInfo,
|
ElectronicContract,
|
LoanInfo,
|
ZhonghangApplyInfo,
|
ZhonghangRunningWater,
|
HistoryInfo
|
},
|
props: {
|
/**
|
* 节点信息
|
* @example
|
* { "tabname": "借款人信息", "exist": "Y", "gray": "N", "visible": "Y" }
|
*/
|
info: {
|
type: Object,
|
required: true
|
},
|
index: {
|
type: Number,
|
default: 0
|
}
|
},
|
created() {
|
// const { $route } = this
|
// const { query } = $route
|
},
|
methods: {
|
submit(isSave = 0) {
|
const { refId } = this
|
if (typeof this.$refs[refId].submit === 'function') {
|
this.$refs[refId].submit(isSave)
|
}
|
},
|
checkData() {
|
const { refId } = this
|
if (typeof this.$refs[refId].checkData === 'function') {
|
this.$refs[refId].checkData()
|
}
|
},
|
resetForm() {
|
const { refId } = this
|
if (typeof this.$refs[refId].resetForm === 'function') {
|
this.$refs[refId].resetForm()
|
}
|
},
|
showCheck() {
|
this.$emit('showCheck', true)
|
}
|
},
|
computed: {
|
componentName(item) {
|
let { info } = this
|
// console.log(this.$route.query)
|
const { pageId, transCode } = this.$route.query
|
let { tabName } = info
|
let tabComponent = null
|
|
if (tabName === '借据信息') {
|
if (pageId === '36') {
|
tabComponent = 'AcctLoanReturn'
|
} else {
|
tabComponent = 'AcctLoan'
|
}
|
}
|
|
if (tabName === '执行结果信息') {
|
tabComponent = 'ImplementationResults'
|
}
|
|
if (tabName === '申请信息') {
|
if (
|
pageId === '36' ||
|
pageId === '37' ||
|
transCode === '5001' ||
|
transCode === '5002' ||
|
transCode === 'T5001'
|
) {
|
tabComponent = 'ReductionApplyInfo'
|
} else if (transCode === 'ZH1001') {
|
tabComponent = 'ZhonghangApplyInfo'
|
} else if (transCode === '3009') {
|
tabComponent = () => import('@/components/tabs/ApplyInfoDelay')
|
} else {
|
tabComponent = 'ApplyInfo'
|
}
|
}
|
|
if (tabName === '影像资料信息') {
|
if (pageId === '35') {
|
tabComponent = 'ImageMenuListNew'
|
} else {
|
tabComponent = 'ImageMenuList'
|
}
|
}
|
|
if (tabName === '流程流转记录') {
|
tabComponent = 'FlowList'
|
}
|
|
if (tabName === '审批意见') {
|
tabComponent = 'OpinionList'
|
}
|
|
if (tabName === '还款交易信息') {
|
tabComponent = 'TransactionInfo'
|
}
|
|
if (tabName === '还款借据信息') {
|
tabComponent = 'RePaymentWashLoanInfo'
|
}
|
|
if (tabName === '银行流水信息') {
|
if (pageId === '35') {
|
tabComponent = 'RevokeBankRunningWater'
|
} else if (transCode === 'ZH1001') {
|
tabComponent = 'ZhonghangRunningWater'
|
} else {
|
tabComponent = 'BankRunningWater'
|
}
|
}
|
|
if (tabName === '交易信息') {
|
if (pageId === '35') {
|
tabComponent = 'RevokeTransactionInformation'
|
} else {
|
tabComponent = 'TransactionInformation'
|
}
|
}
|
|
if (tabName === '退款申请信息') {
|
tabComponent = 'RefundApplication'
|
}
|
if (tabName === '贷款借据信息') {
|
tabComponent = 'LoanIous'
|
}
|
|
if (tabName === '交易入账汇总信息') {
|
tabComponent = 'TransactionEntrySum'
|
}
|
|
if (tabName === '交易入账明细信息') {
|
tabComponent = 'TransactionEntryDetails'
|
}
|
|
if (tabName === '认领撤销申请信息') {
|
tabComponent = 'ClaimRevokeApply'
|
}
|
|
if (tabName === '流转记录') {
|
tabComponent = 'FlowList'
|
}
|
|
if (tabName === '还款申请信息') {
|
tabComponent = 'RepaymentApply'
|
}
|
|
if (tabName === '提前部分还款试算') {
|
tabComponent = 'trialPart'
|
}
|
|
if (tabName === '待认领资金') {
|
tabComponent = 'PendingClaim'
|
}
|
|
if (tabName === '已认领资金') {
|
tabComponent = 'ProcessedClaim'
|
}
|
|
if (tabName === '贴息信息') {
|
tabComponent = 'DiscountInfo'
|
}
|
|
if (tabName === '贴息明细') {
|
tabComponent = 'DiscountDetails'
|
}
|
|
if (tabName === '贴息借据信息') {
|
tabComponent = 'DiscountIousInfo'
|
}
|
|
if (tabName === '待结算贴息信息') {
|
tabComponent = 'SettlementDiscount'
|
}
|
|
if (tabName === '待结算贴息借据') {
|
tabComponent = 'SettlementDiscountIous'
|
}
|
|
if (tabName === '变更前减免信息') {
|
tabComponent = 'RepaymentApplyInfo'
|
}
|
|
if (tabName === '变更前还款息费') {
|
tabComponent = 'RepaymentApplyInfo'
|
}
|
|
if (tabName === '变更申请信息') {
|
tabComponent = 'RepaymentApplyInfo'
|
}
|
|
if (tabName === '电子合同信息') {
|
tabComponent = 'ElectronicContract'
|
}
|
|
if (tabName === '贷款信息') {
|
tabComponent = 'LoanInfo'
|
}
|
|
if (tabName === '历史申请信息') {
|
tabComponent = 'HistoryInfo'
|
}
|
|
if (tabName === '开票基本信息') {
|
tabComponent = () => import('@/components/tabs/InvoiceInfo')
|
}
|
if (tabName === '利息开票关联信息') {
|
tabComponent = () => import('@/components/tabs/RelativeInterestInvoiceInfo')
|
}
|
if (tabName === '开票关联信息') {
|
tabComponent = () => import('@/components/tabs/RelativeInvoiceInfo')
|
}
|
if (tabName === '开票影像资料') {
|
tabComponent = () => import('@/components/tabs/InvoiceImageData')
|
}
|
|
if (tabName === '贷款详情') {
|
tabComponent = () => import('@/components/tabs/LoanDetail')
|
}
|
|
if (tabName === '贴息方案') {
|
tabComponent = () => import('@/components/tabs/ProgramLoanInfo')
|
}
|
|
if (tabName === '认领贴息') {
|
tabComponent = () => import('@/components/tabs/ClaimDiscountInfo')
|
}
|
|
if (tabName === '补开发票信息') {
|
tabComponent = () => import('@/components/tabs/FillOpenInvoiceInfo')
|
}
|
|
if (tabName === '基本信息') {
|
if (pageId === '110') {
|
tabComponent = () => import('@/components/tabs/BasicFinancialInfo')
|
} else {
|
tabComponent = () => import('@/components/tabs/BasicCustomerInfo')
|
}
|
}
|
|
if (tabName === '扣款信息') {
|
tabComponent = () => import('@/components/tabs/DeductionInfo')
|
}
|
|
if (tabName === '历史变更记录') {
|
tabComponent = () => import('@/components/tabs/HistoryChange')
|
}
|
|
if (tabName === '交易申请记录') {
|
tabComponent = () => import('@/components/tabs/TransationApplyRecords')
|
}
|
|
if (tabName === '历史电子邮件信息' || tabName === '历史邮寄信息') {
|
tabComponent = () => import('@/components/tabs/HistoryEmailInfo')
|
}
|
|
if (tabName === '核对结果') {
|
tabComponent = () => import('@/components/tabs/CheckResult')
|
}
|
|
if (tabName === '业务交易明细') {
|
// tabComponent = () => import('@/components/tabs/BasicFinancialInfo')
|
tabComponent = () =>
|
import('@/components/tabs/BusinessTransactionDetails')
|
}
|
|
if (tabName === '财务分录明细') {
|
tabComponent = () => import('@/components/tabs/FinancialEntryDetails')
|
}
|
|
return tabComponent
|
},
|
typeId() {
|
let { info } = this
|
let { tabName } = info
|
let id = ''
|
if (['变更前减免信息', '历史电子邮件信息'].includes(tabName)) {
|
id = 1
|
}
|
|
if (['变更前还款息费', '历史邮寄信息'].includes(tabName)) {
|
id = 2
|
}
|
|
if (tabName === '变更申请信息') {
|
id = 3
|
}
|
return id
|
},
|
refId() {
|
const { index } = this
|
return `tabContent${index}`
|
}
|
}
|
}
|
</script>
|
<style lang="postcss" scoped>
|
</style>
|
