秀山需求变更调整完毕

This commit is contained in:
aixianling
2022-08-18 15:36:24 +08:00
parent 3f9deb61f0
commit a92123566d
8 changed files with 881 additions and 83 deletions

View File

@@ -7,71 +7,135 @@
</template>
</ai-title>
<template #content>
<el-form size="small" label-width="160px">
<ai-card title="贷款申请">
<template #content>
<el-row type="flex" class="flexWrap">
<el-form-item label="产品名称">
<el-row type="flex">
{{ detail.productName }}
<el-link type="primary"
@click="$router.push({name:'27338cb83e77461dbd44356a6760df84',query:{id:detail.productId}})">
产品详情
</el-link>
</el-row>
</el-form-item>
<el-form-item label="贷款银行">{{ detail.organizationName }}</el-form-item>
<el-form-item label="贷款金额(万)">{{ detail.loanAmount }}</el-form-item>
<el-form-item label="期望使用期限">{{ dict.getLabel('productRepaymentTimeline', detail.hopeLifespan) }}
</el-form-item>
<el-form-item label="企业主体" v-if="detail.enterpriseId">
<el-row type="flex">
{{ detail.enterpriseName }}
<ai-dialog-btn text="企业详情" :dialog-title="detail.enterpriseName||'企业详情'">
<enterprise-dialog v-if="detail.enterpriseId" :enterprise-id="detail.enterpriseId" :instance="instance" :dict="dict"/>
</ai-dialog-btn>
</el-row>
</el-form-item>
<el-form-item label="所在地区">{{ detail.areaName }}</el-form-item>
<el-form-item label="资金用途">{{ dict.getLabel('financialFundPurpose', detail.fundPurpose) }}
</el-form-item>
<el-form-item label="联系人">
<el-row type="flex">
{{ detail.name }}
<ai-dialog-btn text="个人详情" :dialog-title="detail.name||'个人详情'">
<person-credit-report :personId="detail.idNumber" :instance="instance" :dict="dict"/>
</ai-dialog-btn>
</el-row>
</el-form-item>
<el-form-item label="身份证号">{{ detail.idNumber }}</el-form-item>
<el-form-item label="联系方式">{{ detail.phone }}</el-form-item>
<el-form-item label="申请时间">{{ detail.createTime }}</el-form-item>
</el-row>
<el-row>
<el-form-item label="备注">{{ detail.remark }}</el-form-item>
</el-row>
</template>
</ai-card>
<ai-card title="办理结果" v-if="!isAuthing">
<template #content>
<el-row type="flex" class="flexWrap">
<el-form-item label="贷款进度">{{ dict.getLabel('financialLoanApplyStatus', detail.status) }}</el-form-item>
<el-form-item label="贷款银行">{{ detail.organizationName }}</el-form-item>
<el-form-item label="贷款经理">{{ detail.auditUserName }}</el-form-item>
<el-form-item label="联系方式 ">{{ detail.auditPhone }}</el-form-item>
<template v-if="detail.status==1">
<el-form-item label="放款金额(万)">{{ detail.auditAmount }}</el-form-item>
<el-form-item label="放款日期">{{ detail.loanDate }}</el-form-item>
<el-form-item label="实际使用期限">{{ dict.getLabel('productRepaymentTimeline', detail.auditLifespan) }}
<el-form v-if="detail.id" size="small" label-width="160px">
<template v-if="isGuaranteeProduct">
<ai-card title="担保贷款申请">
<template #content>
<el-row type="flex" class="flexWrap">
<el-form-item label="产品名称">
<el-row type="flex">
{{ detail.productName }}
<el-link type="primary"
@click="$router.push({name:'27338cb83e77461dbd44356a6760df84',query:{id:detail.productId}})">
产品详情
</el-link>
</el-row>
</el-form-item>
</template>
<el-form-item label="操作时间">{{ detail.auditTime }}</el-form-item>
</el-row>
<el-row>
<el-form-item v-if="detail.status==2" label="备注">{{ detail.auditDescription }}</el-form-item>
</el-row>
</template>
</ai-card>
<el-form-item label="担保机构">{{ detail.organizationName }}</el-form-item>
<el-form-item label="企业主体" v-if="detail.enterpriseId">
<el-row type="flex">
{{ detail.enterpriseName }}
<ai-dialog-btn text="企业详情" :dialog-title="detail.enterpriseName||'企业详情'">
<enterprise-dialog v-if="detail.enterpriseId" :enterprise-id="detail.enterpriseId" :instance="instance" :dict="dict"/>
</ai-dialog-btn>
</el-row>
</el-form-item>
<el-form-item label="联系人">
<el-row type="flex">
{{ detail.name }}
<ai-dialog-btn text="个人详情" :dialog-title="detail.name||'个人详情'">
<person-credit-report :personId="detail.idNumber" :instance="instance" :dict="dict"/>
</ai-dialog-btn>
</el-row>
</el-form-item>
<el-form-item label="身份证号">{{ detail.idNumber }}</el-form-item>
<el-form-item label="联系方式">{{ detail.phone }}</el-form-item>
<el-form-item label="申请时间">{{ detail.createTime }}</el-form-item>
</el-row>
<el-row>
<el-form-item label="备注">{{ detail.remark }}</el-form-item>
</el-row>
<el-form-item label="身份证">
<el-image class="thumb" :src="detail.idCardFrontFile.url" :preview-src-list="[detail.idCardFrontFile.url]"/>
<el-image class="thumb mar-l16" :src="detail.idCardbackFile.url" :preview-src-list="[detail.idCardbackFile.url]"/>
</el-form-item>
<el-form-item label="营业执照">
<el-image class="thumb" :src="detail.businessLicenseFile.url" :preview-src-list="[detail.businessLicenseFile.url]"/>
</el-form-item>
</template>
</ai-card>
<ai-card title="办理结果" v-if="!isAuthing">
<template #content>
<el-row type="flex" class="flexWrap">
<el-form-item label="审核进度">{{ dict.getLabel('financialLoanApplyStatus', detail.status) }}</el-form-item>
<el-form-item label="担保机构">{{ detail.organizationName }}</el-form-item>
<el-form-item label="客户经理">{{ detail.auditUserName }}</el-form-item>
<el-form-item label="联系方式 ">{{ detail.auditPhone }}</el-form-item>
<el-form-item label="担保日期">{{ detail.loanDate }}</el-form-item>
<el-form-item label="操作时间">{{ detail.auditTime }}</el-form-item>
</el-row>
<el-row>
<el-form-item v-if="detail.status==2" label="备注">{{ detail.auditDescription }}</el-form-item>
</el-row>
</template>
</ai-card>
</template>
<template v-else>
<ai-card title="贷款申请">
<template #content>
<el-row type="flex" class="flexWrap">
<el-form-item label="产品名称">
<el-row type="flex">
{{ detail.productName }}
<el-link type="primary"
@click="$router.push({name:'27338cb83e77461dbd44356a6760df84',query:{id:detail.productId}})">
产品详情
</el-link>
</el-row>
</el-form-item>
<el-form-item label="贷款银行">{{ detail.organizationName }}</el-form-item>
<el-form-item label="贷款金额(万)">{{ detail.loanAmount }}</el-form-item>
<el-form-item label="期望使用期限">{{ dict.getLabel('productRepaymentTimeline', detail.hopeLifespan) }}
</el-form-item>
<el-form-item label="企业主体" v-if="detail.enterpriseId">
<el-row type="flex">
{{ detail.enterpriseName }}
<ai-dialog-btn text="企业详情" :dialog-title="detail.enterpriseName||'企业详情'">
<enterprise-dialog v-if="detail.enterpriseId" :enterprise-id="detail.enterpriseId" :instance="instance" :dict="dict"/>
</ai-dialog-btn>
</el-row>
</el-form-item>
<el-form-item label="所在地区">{{ detail.areaName }}</el-form-item>
<el-form-item label="资金用途">{{ dict.getLabel('financialFundPurpose', detail.fundPurpose) }}
</el-form-item>
<el-form-item label="联系人">
<el-row type="flex">
{{ detail.name }}
<ai-dialog-btn text="个人详情" :dialog-title="detail.name||'个人详情'">
<person-credit-report :personId="detail.idNumber" :instance="instance" :dict="dict"/>
</ai-dialog-btn>
</el-row>
</el-form-item>
<el-form-item label="身份证号">{{ detail.idNumber }}</el-form-item>
<el-form-item label="联系方式">{{ detail.phone }}</el-form-item>
<el-form-item label="申请时间">{{ detail.createTime }}</el-form-item>
</el-row>
<el-row>
<el-form-item label="备注">{{ detail.remark }}</el-form-item>
</el-row>
</template>
</ai-card>
<ai-card title="办理结果" v-if="!isAuthing">
<template #content>
<el-row type="flex" class="flexWrap">
<el-form-item label="贷款进度">{{ dict.getLabel('financialLoanApplyStatus', detail.status) }}</el-form-item>
<el-form-item label="贷款银行">{{ detail.organizationName }}</el-form-item>
<el-form-item label="贷款经理">{{ detail.auditUserName }}</el-form-item>
<el-form-item label="联系方式 ">{{ detail.auditPhone }}</el-form-item>
<template v-if="detail.status==1">
<el-form-item label="放款金额(万)">{{ detail.auditAmount }}</el-form-item>
<el-form-item label="放款日期">{{ detail.loanDate }}</el-form-item>
<el-form-item label="实际使用期限">{{ dict.getLabel('productRepaymentTimeline', detail.auditLifespan) }}
</el-form-item>
</template>
<el-form-item label="操作时间">{{ detail.auditTime }}</el-form-item>
</el-row>
<el-row>
<el-form-item v-if="detail.status==2" label="备注">{{ detail.auditDescription }}</el-form-item>
</el-row>
</template>
</ai-card>
</template>
</el-form>
</template>
</ai-detail>
@@ -81,16 +145,26 @@
<ai-select v-model="form.auditStatus" :selectList="dict.getDict('enterpriseAuditStatus')"/>
</el-form-item>
<template v-if="form.auditStatus==1">
<el-form-item label="放款金额(万)" prop="amount">
<el-input v-model="form.amount" placeholder="请输入"/>
</el-form-item>
<el-form-item label="使用期限" prop="auditLifespan">
<ai-select v-model="form.auditLifespan" placeholder="请选择"
:selectList="dict.getDict('productRepaymentTimeline')"/>
</el-form-item>
<el-form-item label="放款日期" prop="loanDate">
<el-date-picker v-model="form.loanDate" placeholder="请选择" clearable value-format="yyyy-MM-dd"/>
</el-form-item>
<template v-if="isGuaranteeProduct">
<el-form-item label="担保日期" prop="loanDate">
<el-date-picker v-model="form.loanDate" placeholder="请选择" clearable value-format="yyyy-MM-dd"/>
</el-form-item>
<el-form-item label="审批意见">
<el-input type="textarea" v-model="form.auditDescription" placeholder="请输入" maxlength="200" show-word-limit/>
</el-form-item>
</template>
<template v-else>
<el-form-item label="放款金额(万)" prop="amount">
<el-input v-model="form.amount" placeholder="请输入"/>
</el-form-item>
<el-form-item label="使用期限" prop="auditLifespan">
<ai-select v-model="form.auditLifespan" placeholder="请选择"
:selectList="dict.getDict('productRepaymentTimeline')"/>
</el-form-item>
<el-form-item label="放款日期" prop="loanDate">
<el-date-picker v-model="form.loanDate" placeholder="请选择" clearable value-format="yyyy-MM-dd"/>
</el-form-item>
</template>
</template>
<el-form-item v-else-if="form.auditStatus==2" label="审批意见" prop="auditDescription">
<el-input type="textarea" v-model="form.auditDescription" placeholder="请输入" maxlength="200" show-word-limit/>
@@ -120,7 +194,8 @@ export default {
},
isAuthing() {
return this.detail.status == "0"
}
},
isGuaranteeProduct: v => v.detail.organizationType == 2
},
data() {
return {
@@ -134,7 +209,7 @@ export default {
{pattern: /\d+/, message: "请输入 正确的放款金额"},
],
auditLifespan: [{required: true, message: "请选择 使用期限"}],
loanDate: [{required: true, message: "请选择 放款日期"}],
loanDate: [{required: true, message: "请选择 日期"}],
auditDescription: [{required: true, message: "请输入 审批意见"}],
},
personCR: false
@@ -194,5 +269,10 @@ export default {
.el-date-editor {
width: 100%;
}
.thumb {
width: 320px;
height: 180px;
}
}
</style>

View File

@@ -26,6 +26,17 @@
</ai-search-bar>
<ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size"
@getList="getTableData" :col-configs="colConfigs" :dict="dict">
<el-table-column slot="expand" type="expand">
<template slot-scope="{row}">
<ai-wrapper>
<ai-info-item labelWidth="200px" v-for="op in desConfigs(row)" :key="op.prop" v-bind="op">
<custom-render v-if="op.render" :row="row" :render="op.render"/>
<p v-else-if="op.dict" v-text="dict.getLabel(op.dict,row[op.prop])"/>
<p v-else v-text="row[op.prop]"/>
</ai-info-item>
</ai-wrapper>
</template>
</el-table-column>
<el-table-column slot="options" label="操作" fixed="right" align="center">
<template slot-scope="{row}">
<el-button type="text" @click="showDetail(row.id)">详情</el-button>
@@ -50,7 +61,19 @@ import LoanSta from "./loanSta";
export default {
name: "loanList",
components: {LoanSta},
components: {
LoanSta,
customRender: {
props: {
row: Object,
render: Function
},
render(h) {
const {row, render} = this.$props
return render(h, {row})
}
}
},
props: {
instance: Function,
dict: Object,
@@ -60,15 +83,12 @@ export default {
...mapState(['user']),
colConfigs() {
return [
{slot: "expand"},
{label: "产品名称", prop: "productName"},
{label: "企业主体", prop: "enterpriseName"},
{label: "申请时间", prop: "createTime", width: 160},
{label: "联系人", prop: "name"},
{label: "联系方式", prop: "phone"},
{label: "身份证号", render: (h, {row}) => h('p', this.idCardNoUtil.hideId(row.idNumber)), width: 160},
{label: "企业主体", prop: "enterpriseName"},
{label: "贷款金额(万)", prop: "loanAmount"},
{label: "申请时间", prop: "createTime", width: 160},
{label: "贷款机构", prop: "organizationName"},
{label: "机构类型", prop: "organizationType", dict: "financialOrganizationType"},
{label: "状态", prop: "status", align: "center", dict: "financialLoanApplyStatus"},
{slot: "options"}
]
@@ -102,6 +122,22 @@ export default {
this.search.applyEndDate = this.search.applyTime?.[1].substring(0, 10)
this.getTableData()
},
desConfigs(row) {
let ops = []
if (row.organizationType == 2) {//担保产品
ops = [
{label: "担保机构", prop: "organizationName"},
]
} else {//金融产品
ops = [
{label: "身份证号", render: (h, {row}) => h('p', this.idCardNoUtil.hideId(row.idNumber)), width: 160},
{label: "贷款金额(万)", prop: "loanAmount"},
{label: "贷款机构", prop: "organizationName"},
{label: "机构类型", prop: "organizationType", dict: "financialOrganizationType"},
]
}
return ops
}
},
created() {
this.$dict.load('financialLoanApplyStatus')