parent
cda5fee482
commit
16855109ff
20 changed files with 1408 additions and 66 deletions
@ -1,28 +0,0 @@ |
|||||||
<template> |
|
||||||
<div> |
|
||||||
<el-tabs v-model="curTab" |
|
||||||
@tab-click="tabChange"> |
|
||||||
<el-tab-pane label="产品要素" |
|
||||||
name="tab1"> |
|
||||||
<info /> |
|
||||||
</el-tab-pane> |
|
||||||
</el-tabs> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script setup lang="ts"> |
|
||||||
import { ref, computed, watch, onMounted } from 'vue'; |
|
||||||
import type { TabsPaneContext } from 'element-plus'; |
|
||||||
import Info from './Info.vue'; |
|
||||||
|
|
||||||
const curTab = ref<string>('tab1'); |
|
||||||
|
|
||||||
// tab切换回调 |
|
||||||
const tabChange = (tab: TabsPaneContext, event: Event) => { |
|
||||||
console.log(tab, event); |
|
||||||
}; |
|
||||||
</script> |
|
||||||
|
|
||||||
<style lang="scss" scoped> |
|
||||||
@import url(../../styles/form.scss); |
|
||||||
</style> |
|
||||||
@ -0,0 +1,21 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-tabs v-model="curTab"> |
||||||
|
<el-tab-pane label="产品要素" |
||||||
|
name="tab1"> |
||||||
|
<info /> |
||||||
|
</el-tab-pane> |
||||||
|
</el-tabs> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup lang="ts"> |
||||||
|
import { ref } from 'vue'; |
||||||
|
import Info from './Info.vue'; |
||||||
|
|
||||||
|
const curTab = ref<string>('tab1'); |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
@import url(../../../styles/form.scss); |
||||||
|
</style> |
||||||
@ -0,0 +1,532 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-tabs v-model="curTab" |
||||||
|
@tab-click="tabChange"> |
||||||
|
<el-tab-pane :label="id ? '产品要素' : '新增产品'" |
||||||
|
name="tab1"> |
||||||
|
<div v-if="info" |
||||||
|
class="audit"> |
||||||
|
<div class="line"> |
||||||
|
<span class="field">审批意见：</span> |
||||||
|
<span class="status">{{ getStatus(+info?.status) }}</span> |
||||||
|
</div> |
||||||
|
<div class="line"> |
||||||
|
<span class="field">意见描述：</span> |
||||||
|
{{ info.opinionDescription }} |
||||||
|
</div> |
||||||
|
<p class="mb-2 text-sm text-[#333] text-right">审查日期：{{ info.approvalTime }}</p> |
||||||
|
<p class="mb-2 text-sm text-[#333] text-right">审查员：公瑾</p> |
||||||
|
</div> |
||||||
|
|
||||||
|
<el-form ref="formRef" |
||||||
|
:model="form" |
||||||
|
:rules="rules" |
||||||
|
label-width="100px" |
||||||
|
label-suffix="：" |
||||||
|
class="form" |
||||||
|
status-icon> |
||||||
|
<el-form-item label="产品定义" |
||||||
|
prop="productDefinition"> |
||||||
|
<el-input type="textarea" |
||||||
|
placeholder="用一段话简单介绍一下这个产品或者描述产品的设计理念。例如：本产品根据个人客户的信用状况，为其提供的一种短期融资便利产品，借款人可在额度金额内可循环周转使用贷款。" |
||||||
|
maxlength="200" |
||||||
|
v-model="form.productDefinition"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="产品名称" |
||||||
|
prop="productName"> |
||||||
|
<el-input placeholder="取个有吸引力的产品名，限20字。" |
||||||
|
maxlength="20" |
||||||
|
v-model="form.productName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="产品币种" |
||||||
|
prop="productCurrency"> |
||||||
|
<el-select v-model="form.productCurrency" |
||||||
|
placeholder="请选择"> |
||||||
|
<el-option label="人民币" |
||||||
|
:value="1" /> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="贷款对象" |
||||||
|
required> |
||||||
|
<div class="flex-1"> |
||||||
|
<!-- 企业 --> |
||||||
|
<template v-if="form.productType"> |
||||||
|
<div class="flex items-center"> |
||||||
|
<span class="mr-3 text-[#333] text-sm">企业类型</span> |
||||||
|
<el-select v-model="form.productObject" |
||||||
|
placeholder="请选择"> |
||||||
|
<el-option v-for="(item, i) in config.find((e: any) => e.name === '企业产品-贷款对象')?.recordChildren[0]?.subject?.itemList" |
||||||
|
:key="i" |
||||||
|
:label="item.options" |
||||||
|
:value="item.itemId" /> |
||||||
|
</el-select> |
||||||
|
</div> |
||||||
|
<div class="flex items-center mt-4"> |
||||||
|
<span class="mr-3 text-[#333] text-sm">借款人年龄</span> |
||||||
|
<div class="num-inputs ml-7"> |
||||||
|
<el-input placeholder="最小年龄" |
||||||
|
v-model.number="form.minimumAge"></el-input> |
||||||
|
<span class="split">-</span> |
||||||
|
<el-input placeholder="最大年龄" |
||||||
|
v-model.number="form.maximumAge"></el-input> |
||||||
|
<span class="unit">周岁</span> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<!-- 个人 --> |
||||||
|
<template v-else> |
||||||
|
<p class="field-name">选择本产品的贷款对象。</p> |
||||||
|
<div class="flex items-center mb-2"> |
||||||
|
<el-checkbox class="mt-1" |
||||||
|
v-model="form.age" |
||||||
|
label="年龄" /> |
||||||
|
<div v-if="form.age" |
||||||
|
class="num-inputs ml-7"> |
||||||
|
<el-input placeholder="最小年龄" |
||||||
|
v-model.number="form.minimumAge"></el-input> |
||||||
|
<span class="split">-</span> |
||||||
|
<el-input placeholder="最大年龄" |
||||||
|
v-model.number="form.maximumAge"></el-input> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="flex items-center mb-2"> |
||||||
|
<el-checkbox v-model="form.edu" |
||||||
|
label="学历要求"></el-checkbox> |
||||||
|
<el-checkbox-group v-if="form.edu" |
||||||
|
class="mt-2 ml-5" |
||||||
|
v-model="form.educationalRequirements"> |
||||||
|
<el-checkbox v-for="(item, i) in config.find((e: any) => e.name === '个人产品-贷款对象')?.recordChildren[1]?.subject?.itemList" |
||||||
|
:key="i" |
||||||
|
:label="item.itemId">{{ item.options }}</el-checkbox> |
||||||
|
</el-checkbox-group> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="flex items-center mb-2"> |
||||||
|
<el-checkbox v-model="form.curWL" |
||||||
|
label="工作年限"></el-checkbox> |
||||||
|
<el-checkbox-group v-if="form.curWL" |
||||||
|
class="mt-2 ml-5" |
||||||
|
v-model="form.currentWorkingLife"> |
||||||
|
<el-checkbox v-for="(item, i) in config.find((e: any) => e.name === '个人产品-贷款对象')?.recordChildren[2]?.subject?.itemList" |
||||||
|
:key="i" |
||||||
|
:label="item.itemId">{{ item.options }}</el-checkbox> |
||||||
|
</el-checkbox-group> |
||||||
|
</div> |
||||||
|
<el-checkbox v-model="form.providentFundAndSocialSecurity" |
||||||
|
label="公积金/社保"></el-checkbox> |
||||||
|
</template> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="贷款用途" |
||||||
|
prop="loanPurpose" |
||||||
|
:rules="[ |
||||||
|
{ required: true, message: '请选择贷款用途', trigger: 'change' }, |
||||||
|
{ |
||||||
|
asyncValidator: async (rule, value, callback) => { |
||||||
|
if (value === 107 && !form.otherPurposesOfLoan) { |
||||||
|
callback('请输入其他贷款用途') |
||||||
|
} else { |
||||||
|
callback() |
||||||
|
} |
||||||
|
}, |
||||||
|
}, |
||||||
|
]"> |
||||||
|
<div class="flex-1"> |
||||||
|
<p class="field-name">选择本产品贷款资金的用途。</p> |
||||||
|
<el-radio-group v-model="form.loanPurpose"> |
||||||
|
<template v-if="form.productType"> |
||||||
|
<el-radio v-for="(item, i) in config.find((e: any) => e.name === '企业产品-贷款用途')?.subject?.itemList" |
||||||
|
:key="i" |
||||||
|
:label="item.itemId">{{ item.options }}</el-radio> |
||||||
|
</template> |
||||||
|
<template v-else> |
||||||
|
<el-radio v-for="(item, i) in config.find((e: any) => e.name === '个人产品-贷款用途')?.recordChildren" |
||||||
|
:key="i" |
||||||
|
:label="item.id">{{ item.name }}</el-radio> |
||||||
|
</template> |
||||||
|
</el-radio-group> |
||||||
|
<el-input v-if="form?.loanPurpose === 107" |
||||||
|
class="w-[300px] ml-5" |
||||||
|
placeholder="请描述其他贷款用途可用于哪些方面。" |
||||||
|
maxlength="10" |
||||||
|
v-model="form.otherPurposesOfLoan"></el-input> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="担保方式" |
||||||
|
prop="bankGuaranteeTypeIds" |
||||||
|
:rules="[ |
||||||
|
{ required: true, message: '请选择担保方式', trigger: 'change' }, |
||||||
|
{ |
||||||
|
asyncValidator: async (rule, value, callback) => { |
||||||
|
if (value.includes(110) && !value.find((e: any) => e > 22 && e < 33)) { |
||||||
|
callback('请选择抵押物') |
||||||
|
} else if (value.includes(111) && !value.find((e: any) => e > 32 && e < 38)) { |
||||||
|
callback('请选择质押贷') |
||||||
|
} else { |
||||||
|
callback() |
||||||
|
} |
||||||
|
}, |
||||||
|
}, |
||||||
|
]"> |
||||||
|
<div class="flex-1"> |
||||||
|
<p class="field-name">选择本产品的担保种类。</p> |
||||||
|
<div v-for="(item, i) in config.find((e: any) => e.name === '担保方式')?.recordChildren" |
||||||
|
:key="i" |
||||||
|
class="mb-2"> |
||||||
|
<el-checkbox-group v-model="form.bankGuaranteeTypeIds"> |
||||||
|
<el-checkbox :label="item.id">{{ item.name }}</el-checkbox> |
||||||
|
<el-checkbox v-show="(item.id === 110 && form.bankGuaranteeTypeIds.includes(110)) || (item.id === 111 && form.bankGuaranteeTypeIds.includes(111))" |
||||||
|
v-for="(child, j) in item?.subject?.itemList" |
||||||
|
:key="j" |
||||||
|
:label="child.itemId">{{ child.options }}</el-checkbox> |
||||||
|
</el-checkbox-group> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="贷款额度" |
||||||
|
prop="minimumLoan" |
||||||
|
:rules="[ |
||||||
|
{ required: true, message: '请输入贷款额度', trigger: 'blur' }, |
||||||
|
{ |
||||||
|
asyncValidator: async (rule, value, callback) => { |
||||||
|
const max = form.loanCeiling |
||||||
|
if (isNaN(value) || value < 0 || max === '' || isNaN(max) || max < 0 || value > max) { |
||||||
|
callback('请输入合理的贷款额度') |
||||||
|
} else { |
||||||
|
callback() |
||||||
|
} |
||||||
|
}, |
||||||
|
}, |
||||||
|
]"> |
||||||
|
<div class="flex-1"> |
||||||
|
<div class="num-inputs"> |
||||||
|
<el-input placeholder="最小额度" |
||||||
|
min="0" |
||||||
|
v-model.number="form.minimumLoan"></el-input> |
||||||
|
<span class="split">-</span> |
||||||
|
<el-input placeholder="最高额度" |
||||||
|
min="0" |
||||||
|
v-model.number="form.loanCeiling"></el-input> |
||||||
|
<span class="unit">万元</span> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="贷款利率" |
||||||
|
prop="minimumAprOnLoan" |
||||||
|
:rules="[ |
||||||
|
{ required: true, message: '请输入贷款利率', trigger: 'blur' }, |
||||||
|
{ |
||||||
|
asyncValidator: async (rule, value, callback) => { |
||||||
|
const max = form.maximumAnnualInterestRate |
||||||
|
if (isNaN(value) || value < 0 || max === '' || isNaN(max) || max < 0 || value > max) { |
||||||
|
callback('请输入合理的贷款利率') |
||||||
|
} else { |
||||||
|
callback() |
||||||
|
} |
||||||
|
}, |
||||||
|
}, |
||||||
|
]"> |
||||||
|
<div class="flex-1"> |
||||||
|
<div class="num-inputs"> |
||||||
|
<el-input placeholder="最小年利率" |
||||||
|
min="0" |
||||||
|
v-model.number="form.minimumAprOnLoan"></el-input> |
||||||
|
<span class="split">-</span> |
||||||
|
<el-input placeholder="最高年利率" |
||||||
|
min="0" |
||||||
|
v-model.number="form.maximumAnnualInterestRate"></el-input> |
||||||
|
<span class="unit">%</span> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="贷款期限" |
||||||
|
prop="minimumTermOfLoan" |
||||||
|
:rules="[ |
||||||
|
{ required: true, message: '请输入贷款期限', trigger: 'blur' }, |
||||||
|
{ |
||||||
|
asyncValidator: async (rule, value, callback) => { |
||||||
|
const max = form.maximumTermOfLoan |
||||||
|
if (isNaN(value) || value < 0 || max === '' || isNaN(max) || max < 0 || value > max) { |
||||||
|
callback('请输入合理的贷款期限') |
||||||
|
} else { |
||||||
|
callback() |
||||||
|
} |
||||||
|
}, |
||||||
|
}, |
||||||
|
]"> |
||||||
|
<div class="flex-1"> |
||||||
|
<div class="num-inputs"> |
||||||
|
<el-input placeholder="最小期限" |
||||||
|
min="0" |
||||||
|
v-model.number="form.minimumTermOfLoan"></el-input> |
||||||
|
<span class="split">-</span> |
||||||
|
<el-input placeholder="最大期限" |
||||||
|
min="0" |
||||||
|
v-model.number="form.maximumTermOfLoan"></el-input> |
||||||
|
<span class="unit">月</span> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="还款方式" |
||||||
|
prop="modeRepayment"> |
||||||
|
<div class="flex-1"> |
||||||
|
<p class="field-name">选择本产品可以选择的还款方式。</p> |
||||||
|
<el-checkbox-group v-model="form.modeRepayment"> |
||||||
|
<el-checkbox v-for="(item, i) in config.find((e: any) => e.name === '还款方式')?.subject?.itemList" |
||||||
|
:key="i" |
||||||
|
:label="item.itemId">{{ item.options }}</el-checkbox> |
||||||
|
</el-checkbox-group> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="提前还款" |
||||||
|
prop="whetherToSupportEarlyRepayment"> |
||||||
|
<div class="flex-1 flex items-center"> |
||||||
|
<el-switch v-model="form.whetherToSupportEarlyRepayment" /> |
||||||
|
<p class="tips ml-4">本产品是否支持提前还款。</p> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
<div class="flex justify-end"> |
||||||
|
<div class="submit" |
||||||
|
@click="submit(formRef)">完成，提交风控经理</div> |
||||||
|
</div> |
||||||
|
</el-form> |
||||||
|
</el-tab-pane> |
||||||
|
<el-tab-pane v-if="id" |
||||||
|
label="产品风控" |
||||||
|
name="tab2"> |
||||||
|
<info /> |
||||||
|
</el-tab-pane> |
||||||
|
</el-tabs> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup lang="ts"> |
||||||
|
import { ref, reactive, computed, watch, onMounted, defineEmits } from 'vue'; |
||||||
|
import { ElMessage } from 'element-plus'; |
||||||
|
import type { TabsPaneContext, FormInstance, FormRules } from 'element-plus'; |
||||||
|
import { findById, save, update } from '@/api/bank'; |
||||||
|
import { getProcessInformationBasedOnRoles, addOperation } from '@/api/judgment'; |
||||||
|
import { useRouter, useRoute } from 'vue-router'; |
||||||
|
import { handleId } from '@/utils/common'; |
||||||
|
import { getStatus } from '@/store/useProduct'; |
||||||
|
import Info from './Info.vue'; |
||||||
|
|
||||||
|
const emit = defineEmits(['getList']); |
||||||
|
interface RuleForm { |
||||||
|
productDefinition: string; |
||||||
|
productName: string; |
||||||
|
productCurrency: number; |
||||||
|
bankGuaranteeTypeIds: any[]; |
||||||
|
currentWorkingLife?: any; |
||||||
|
educationalRequirements?: any; |
||||||
|
loanCeiling: any; |
||||||
|
loanPurpose: any; |
||||||
|
productObject: any; |
||||||
|
maximumAge: any; |
||||||
|
maximumAnnualInterestRate: any; |
||||||
|
maximumTermOfLoan: any; |
||||||
|
age: boolean; |
||||||
|
minimumAge: any; |
||||||
|
minimumAprOnLoan: any; |
||||||
|
minimumLoan: any; |
||||||
|
minimumTermOfLoan: any; |
||||||
|
modeRepayment?: any; |
||||||
|
otherPurposesOfLoan: string; |
||||||
|
productObject: any; |
||||||
|
productType: number; |
||||||
|
providentFundAndSocialSecurity: any; |
||||||
|
whetherToSupportEarlyRepayment?: any; |
||||||
|
} |
||||||
|
|
||||||
|
const router = useRouter(); |
||||||
|
const route = useRoute(); |
||||||
|
const id = computed(() => route.query.id); |
||||||
|
const curTab = ref<string>('tab1'); |
||||||
|
const config = ref<any[]>([]); |
||||||
|
const info = ref<Record<string, any>>(null); |
||||||
|
const formRef = ref<FormInstance>(); |
||||||
|
const form = reactive<RuleForm>({ |
||||||
|
productDefinition: '', |
||||||
|
productName: '', |
||||||
|
productCurrency: 1, |
||||||
|
bankGuaranteeTypeIds: [], |
||||||
|
currentWorkingLife: [], |
||||||
|
educationalRequirements: [], |
||||||
|
loanCeiling: '', |
||||||
|
loanPurpose: '', |
||||||
|
productObject: '', |
||||||
|
maximumAge: '', |
||||||
|
maximumAnnualInterestRate: '', |
||||||
|
maximumTermOfLoan: '', |
||||||
|
age: false, |
||||||
|
minimumAge: '', |
||||||
|
minimumAprOnLoan: '', |
||||||
|
minimumLoan: '', |
||||||
|
minimumTermOfLoan: '', |
||||||
|
modeRepayment: [], |
||||||
|
otherPurposesOfLoan: '', |
||||||
|
productObject: '', |
||||||
|
productType: computed(() => +route.query.type), |
||||||
|
providentFundAndSocialSecurity: false, |
||||||
|
whetherToSupportEarlyRepayment: false, |
||||||
|
}); |
||||||
|
const rules = reactive<FormRules<RuleForm>>({ |
||||||
|
productDefinition: [{ required: true, message: '请输入产品定义', trigger: 'blur' }], |
||||||
|
productName: [{ required: true, message: '请输入产品名称', trigger: 'blur' }], |
||||||
|
productCurrency: [{ required: true, message: '请选择产品币种', trigger: 'change' }], |
||||||
|
modeRepayment: [{ required: true, message: '请选择还款方式', trigger: 'change' }], |
||||||
|
}); |
||||||
|
|
||||||
|
// tab切换回调 |
||||||
|
const tabChange = (tab: TabsPaneContext, event: Event) => { |
||||||
|
console.log(tab, event); |
||||||
|
}; |
||||||
|
// 配置项 |
||||||
|
const getConfig = async () => { |
||||||
|
const { process } = await getProcessInformationBasedOnRoles(form.productType === 1 ? 45 : 44); |
||||||
|
config.value = process; |
||||||
|
}; |
||||||
|
// 详情 |
||||||
|
const getDetail = async () => { |
||||||
|
if (id.value) { |
||||||
|
try { |
||||||
|
const { data } = await findById(id.value); |
||||||
|
info.value = data; |
||||||
|
} finally { |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
watch( |
||||||
|
() => route.query, |
||||||
|
() => { |
||||||
|
getDetail(); |
||||||
|
}, |
||||||
|
{ |
||||||
|
immediate: true, |
||||||
|
}, |
||||||
|
); |
||||||
|
// 提交 |
||||||
|
const submit = async (formEl: FormInstance | undefined) => { |
||||||
|
if (!formEl) return; |
||||||
|
await formEl.validate(async (valid, fields) => { |
||||||
|
if (valid) { |
||||||
|
try { |
||||||
|
const param = JSON.parse(JSON.stringify(form)); |
||||||
|
|
||||||
|
// 企业 |
||||||
|
if (param.productType) { |
||||||
|
if (!param.productObject) return ElMessage.error('请选择企业类型'); |
||||||
|
} |
||||||
|
if ((!param.productType && param.age) || param.productType) { |
||||||
|
if (!param.minimumAge) return ElMessage.error('请输入最小年龄'); |
||||||
|
if (!param.maximumAge) return ElMessage.error('请输入最大年龄'); |
||||||
|
if (param.minimumAge < 0 || param.minimumAge > 999 || param.maximumAge < 0 || param.maximumAge > 999) return ElMessage.error('请输入合理的年龄'); |
||||||
|
if (param.minimumAge > param.maximumAge) return ElMessage.error('最小年龄不得大于最大年龄'); |
||||||
|
} |
||||||
|
|
||||||
|
// 个人 |
||||||
|
if (!param.productType) { |
||||||
|
if (param.edu && !param.educationalRequirements.length) return ElMessage.error('请选择学历要求'); |
||||||
|
if (param.curWL && !param.currentWorkingLife.length) return ElMessage.error('请选择工作年限'); |
||||||
|
if (param.curWL && !param.currentWorkingLife.length) return ElMessage.error('请选择工作年限'); |
||||||
|
} |
||||||
|
|
||||||
|
param.currentWorkingLife = param.currentWorkingLife.join(); |
||||||
|
param.educationalRequirements = param.educationalRequirements.join(); |
||||||
|
param.modeRepayment = param.modeRepayment.join(); |
||||||
|
param.providentFundAndSocialSecurity = param.providentFundAndSocialSecurity ? 1 : ''; |
||||||
|
param.whetherToSupportEarlyRepayment = param.whetherToSupportEarlyRepayment ? 58 : ''; |
||||||
|
// 担保方式 |
||||||
|
param.addBankProductsGuarantyStyleReqList = []; |
||||||
|
param.bankGuaranteeTypeIds.forEach((e: number) => { |
||||||
|
param.addBankProductsGuarantyStyleReqList.push({ |
||||||
|
bankGuaranteeTypeId: (e > 22 && e < 33) || (e > 32 && e < 38) ? e : '', |
||||||
|
pid: e > 22 && e < 33 ? 110 : e > 32 && e < 38 ? 111 : e, |
||||||
|
}); |
||||||
|
}); |
||||||
|
if (id.value) { |
||||||
|
param.id = id.value; |
||||||
|
param.status = 295; |
||||||
|
await update(param); |
||||||
|
addRecord(param, id.value); |
||||||
|
} else { |
||||||
|
const { message } = await save(param); |
||||||
|
addRecord(param, message); |
||||||
|
} |
||||||
|
ElMessage.success('提交成功！'); |
||||||
|
emit('getList', 1); |
||||||
|
} finally { |
||||||
|
} |
||||||
|
} else { |
||||||
|
console.log('error submit!', fields); |
||||||
|
} |
||||||
|
}); |
||||||
|
}; |
||||||
|
// 新增判分记录 |
||||||
|
const addRecord = async (data: Record<string, any>, newId: number) => { |
||||||
|
const isEnterprise = data.productType === 1; |
||||||
|
const preIds = `1,2,41,${data.productType ? 45 : 44},${newId}`; // 1，关卡id，角色（这个页面是产品经理新增产品），个人/企业（44/45） |
||||||
|
const lcRule = <Record<string, any>[]>[ |
||||||
|
handleId(48, 1, data.productDefinition, preIds + ',48', 3), |
||||||
|
handleId(49, 2, data.productName, preIds + ',49', 3), |
||||||
|
handleId(50, 3, 1, preIds + ',50', 1), |
||||||
|
]; |
||||||
|
|
||||||
|
// 贷款用途 |
||||||
|
if (isEnterprise) { |
||||||
|
// 企业 |
||||||
|
lcRule.push( |
||||||
|
handleId(62, 7, data.productObject, preIds + ',61,62', 1), |
||||||
|
handleId(63, 8, '[' + data.minimumAge + ',' + data.maximumAge + ']' + '', preIds + ',61,63', 5), |
||||||
|
handleId(65, 19, data.loanPurpose, preIds + ',65', 1), |
||||||
|
); |
||||||
|
} else { |
||||||
|
// 个人 |
||||||
|
data.age && lcRule.push(handleId(100, 41, '[' + data.minimumAge + ',' + data.maximumAge + ']' + '', preIds + ',51,100', 5)); |
||||||
|
data.edu && lcRule.push(handleId(101, 42, data.educationalRequirements, preIds + ',51,101', 1)); |
||||||
|
data.curWL && lcRule.push(handleId(102, 43, data.currentWorkingLife, preIds + ',51,102', 1)); |
||||||
|
data.providentFundAndSocialSecurity && lcRule.push(handleId(103, '', '', preIds + ',51,103', '')); // 公积金社保 |
||||||
|
|
||||||
|
lcRule.push( |
||||||
|
data.loanPurpose === 107 ? handleId(107, 11, data.otherPurposesOfLoan, preIds + ',52,107', 3) : handleId(data.loanPurpose, '', '', preIds + ',52,' + data.loanPurpose, 1), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
// 担保方式 |
||||||
|
data.bankGuaranteeTypeIds.includes(108) && lcRule.push(handleId(108, '', '', preIds + ',53,108', '')); |
||||||
|
data.bankGuaranteeTypeIds.includes(109) && lcRule.push(handleId(109, '', '', preIds + ',53,109', '')); |
||||||
|
data.bankGuaranteeTypeIds.includes(110) && lcRule.push(handleId(110, 13, data.bankGuaranteeTypeIds.filter((e: number) => e > 22 && e < 33).join(), preIds + ',53,110', 1)); |
||||||
|
data.bankGuaranteeTypeIds.includes(111) && lcRule.push(handleId(111, 14, data.bankGuaranteeTypeIds.filter((e: number) => e > 32 && e < 38).join(), preIds + ',53,111', 1)); |
||||||
|
|
||||||
|
lcRule.push( |
||||||
|
handleId(54, 15, '[' + data.minimumLoan + ',' + data.loanCeiling + ']', preIds + ',54', 5), |
||||||
|
handleId(55, 16, '[' + data.minimumAprOnLoan + ',' + data.maximumAnnualInterestRate + ']', preIds + ',55', 5), |
||||||
|
handleId(56, 17, '[' + data.minimumTermOfLoan + ',' + data.maximumTermOfLoan + ']', preIds + ',56', 5), |
||||||
|
handleId(57, 18, data.modeRepayment, preIds + ',57', 1), |
||||||
|
); |
||||||
|
|
||||||
|
data.whetherToSupportEarlyRepayment && lcRule.push(handleId(58, '', '', preIds + ',58', '')); |
||||||
|
|
||||||
|
await addOperation({ |
||||||
|
parentId: preIds, |
||||||
|
lcJudgmentRuleReq: lcRule, |
||||||
|
projectId: 1, |
||||||
|
}); |
||||||
|
}; |
||||||
|
onMounted(() => { |
||||||
|
getConfig(); |
||||||
|
}); |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
@import url(../../../styles/form.scss); |
||||||
|
.audit { |
||||||
|
@apply py-5 px-4 mb-[30px] bg-[#f9fafc] rounded-[10px]; |
||||||
|
.line { |
||||||
|
@apply mb-[18px] text-sm leading-[1.6]; |
||||||
|
} |
||||||
|
.field { |
||||||
|
@apply text-sm font-semibold; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,131 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-tabs v-model="curTab" |
||||||
|
@tab-click="tabChange"> |
||||||
|
<el-tab-pane label="产品审批" |
||||||
|
name="tab1"> |
||||||
|
<info /> |
||||||
|
<el-form ref="formRef" |
||||||
|
:model="form" |
||||||
|
:rules="rules" |
||||||
|
label-width="100px" |
||||||
|
label-suffix="：" |
||||||
|
class="form pt-5 mt-5 border-t border-t-solid border-t-[#EDF1F5]" |
||||||
|
status-icon> |
||||||
|
<el-form-item label="审批意见" |
||||||
|
prop="status"> |
||||||
|
<el-select v-model="form.status" |
||||||
|
placeholder="请选择"> |
||||||
|
<el-option v-for="(item, i) in config[0]?.subject?.itemList.slice(2)" |
||||||
|
:key="i" |
||||||
|
:label="item.options" |
||||||
|
:value="item.itemId" /> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="意见描述" |
||||||
|
prop="opinionDescription"> |
||||||
|
<el-input type="textarea" |
||||||
|
placeholder="审批意见500字以内。" |
||||||
|
maxlength="500" |
||||||
|
v-model="form.opinionDescription"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<div class="flex justify-end"> |
||||||
|
<div class="submit" |
||||||
|
@click="submit(formRef)">审批</div> |
||||||
|
</div> |
||||||
|
</el-form> |
||||||
|
</el-tab-pane> |
||||||
|
</el-tabs> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup lang="ts"> |
||||||
|
import { ref, computed, reactive, watch, onMounted } from 'vue'; |
||||||
|
import { ElMessage } from 'element-plus'; |
||||||
|
import type { TabsPaneContext, FormInstance, FormRules } from 'element-plus'; |
||||||
|
import { useRouter, useRoute } from 'vue-router'; |
||||||
|
import Info from './Info.vue'; |
||||||
|
import { findById, examineAndApprove } from '@/api/bank'; |
||||||
|
import { getProcessInformationBasedOnRoles, addOperation } from '@/api/judgment'; |
||||||
|
import dayjs from 'dayjs'; |
||||||
|
|
||||||
|
const emit = defineEmits(['getList']); |
||||||
|
interface RuleForm { |
||||||
|
id: any; |
||||||
|
status: any; |
||||||
|
opinionDescription?: string; |
||||||
|
} |
||||||
|
const router = useRouter(); |
||||||
|
const route = useRoute(); |
||||||
|
const curTab = ref<string>('tab1'); |
||||||
|
const info = ref<any>({}); |
||||||
|
const config = ref<any[]>([]); |
||||||
|
const formRef = ref<FormInstance>(); |
||||||
|
const form = reactive<RuleForm>({ |
||||||
|
id: computed(() => +route.query.id), |
||||||
|
status: '', |
||||||
|
opinionDescription: '', |
||||||
|
}); |
||||||
|
const rules = reactive<FormRules<RuleForm>>({ |
||||||
|
status: [{ required: true, message: '请选择审批意见', trigger: 'change' }], |
||||||
|
opinionDescription: [{ required: true, message: '请输入意见描述', trigger: 'blur' }], |
||||||
|
}); |
||||||
|
|
||||||
|
// tab切换回调 |
||||||
|
const tabChange = (tab: TabsPaneContext, event: Event) => { |
||||||
|
console.log(tab, event); |
||||||
|
}; |
||||||
|
// 配置项 |
||||||
|
const getConfig = async () => { |
||||||
|
const { process } = await getProcessInformationBasedOnRoles(43); // 专家委员会43 |
||||||
|
config.value = process; |
||||||
|
}; |
||||||
|
watch( |
||||||
|
() => route.query, |
||||||
|
() => { |
||||||
|
// getDetail(); |
||||||
|
}, |
||||||
|
{ |
||||||
|
immediate: true, |
||||||
|
}, |
||||||
|
); |
||||||
|
// 提交 |
||||||
|
const submit = async (formEl: FormInstance | undefined) => { |
||||||
|
if (!formEl) return; |
||||||
|
await formEl.validate(async (valid, fields) => { |
||||||
|
if (valid) { |
||||||
|
try { |
||||||
|
const param = JSON.parse(JSON.stringify(form)); |
||||||
|
param.approvalTime = dayjs(new Date()).format('YYYY年-M月-D日'); |
||||||
|
|
||||||
|
// const { message } = await examineAndApprove(param); |
||||||
|
const { message } = await examineAndApprove(param.id, param.opinionDescription, param.status, param.approvalTime); |
||||||
|
// addRecord(param, message); |
||||||
|
ElMessage.success('提交成功！'); |
||||||
|
emit('getList', 1); |
||||||
|
} finally { |
||||||
|
} |
||||||
|
} else { |
||||||
|
console.log('error submit!', fields); |
||||||
|
} |
||||||
|
}); |
||||||
|
}; |
||||||
|
// 新增判分记录 |
||||||
|
const addRecord = async (data: Record<string, any>, newId: number) => { |
||||||
|
const preIds = `1,2,43,${data.productType ? 45 : 44},${newId}`; // 1，关卡id，角色（这个页面是专家委员会审批），个人/企业（44/45） |
||||||
|
const lcRule = <Record<string, any>[]>[handleId(145, 69, data.status, preIds + ',145', 1), handleId(146, 70, data.opinionDescription, preIds + ',146', 3)]; |
||||||
|
|
||||||
|
await addOperation({ |
||||||
|
parentId: preIds, |
||||||
|
lcJudgmentRuleReq: lcRule, |
||||||
|
projectId: 1, |
||||||
|
}); |
||||||
|
}; |
||||||
|
onMounted(() => { |
||||||
|
getConfig(); |
||||||
|
}); |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
@import url(../../../styles/form.scss); |
||||||
|
</style> |
||||||
@ -0,0 +1,133 @@ |
|||||||
|
<template> |
||||||
|
<div class="block" |
||||||
|
style="padding-top: 0"> |
||||||
|
<el-tabs v-model="curTab" |
||||||
|
@tab-click="tabChange"> |
||||||
|
<el-tab-pane label="准入策略" |
||||||
|
name="tab1"> |
||||||
|
<div class="flex"> |
||||||
|
<div class="left w-[241px] pr-5 py-4"> |
||||||
|
<ul class="products"> |
||||||
|
<li v-for="(item, i) in list[0]?.recordChildren" |
||||||
|
:key="i" |
||||||
|
:class="{ active: item.id === id }" |
||||||
|
@click="switchProduct(item.id)"> |
||||||
|
<h6>{{ item.name }}</h6> |
||||||
|
<!-- <p class="type">{{ item.productNumber + ' ' + item.guarantyStyle }}</p> --> |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
<div class="right flex-1 px-5 pt-2"> |
||||||
|
<!-- <component :is="Config" |
||||||
|
v-model="form"></component> --> |
||||||
|
<config v-if="action === 'config'" |
||||||
|
@getList="getList"></config> |
||||||
|
<detail v-if="action === 'detail'"></detail> |
||||||
|
<add v-else-if="action === 'add'" |
||||||
|
@getList="getList"></add> |
||||||
|
<approve v-else-if="action === 'approve'" |
||||||
|
@getList="getList"></approve> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-tab-pane> |
||||||
|
<el-tab-pane label="信用评分策略" |
||||||
|
name="tab2"> </el-tab-pane> |
||||||
|
<el-tab-pane label="风险度策略" |
||||||
|
name="tab3"> </el-tab-pane> |
||||||
|
</el-tabs> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup lang="ts"> |
||||||
|
import { computed, onMounted, ref, watch } from 'vue'; |
||||||
|
import { ElMessage } from 'element-plus'; |
||||||
|
import { Plus } from '@element-plus/icons-vue'; |
||||||
|
import type { TabsPaneContext } from 'element-plus'; |
||||||
|
import { bankingProductsList, batchDeletion } from '@/api/bank'; |
||||||
|
import { getProcessInformationBasedOnRoles } from '@/api/judgment'; |
||||||
|
import { useRouter, useRoute } from 'vue-router'; |
||||||
|
import { getStatus } from '@/store/useProduct'; |
||||||
|
import Config from './Config.vue'; |
||||||
|
import Detail from './Detail.vue'; |
||||||
|
import Add from './Add.vue'; |
||||||
|
import Approve from './Approve.vue'; |
||||||
|
|
||||||
|
const router = useRouter(); |
||||||
|
const route = useRoute(); |
||||||
|
const curTab = ref<string>('tab1'); |
||||||
|
const action = ref<any>(''); |
||||||
|
const list = ref<Array<any>>([]); |
||||||
|
const loading = ref<boolean>(false); |
||||||
|
const productType = computed(() => route.query.type); // 个人/企业 |
||||||
|
const role = computed(() => +route.query.role || 41); |
||||||
|
const id = computed(() => +route.query.id); |
||||||
|
// 列表 |
||||||
|
const getList = async () => { |
||||||
|
const { process } = await getProcessInformationBasedOnRoles(67); |
||||||
|
id.value || |
||||||
|
router.push({ |
||||||
|
path: `/product/strategy/config`, |
||||||
|
query: { |
||||||
|
...route.query, |
||||||
|
id: process[0].recordChildren[0].id, |
||||||
|
}, |
||||||
|
}); |
||||||
|
list.value = process; |
||||||
|
}; |
||||||
|
onMounted(() => { |
||||||
|
getList(); |
||||||
|
}); |
||||||
|
|
||||||
|
watch( |
||||||
|
route, |
||||||
|
(route: any) => { |
||||||
|
action.value = route.params.action; |
||||||
|
}, |
||||||
|
{ |
||||||
|
immediate: true, |
||||||
|
}, |
||||||
|
); |
||||||
|
// 产品切换 |
||||||
|
const switchProduct = (id: number) => { |
||||||
|
router.push({ |
||||||
|
path: `/product/strategy/config`, |
||||||
|
query: { |
||||||
|
...route.query, |
||||||
|
id, |
||||||
|
}, |
||||||
|
}); |
||||||
|
}; |
||||||
|
|
||||||
|
// tab切换回调 |
||||||
|
const tabChange = (tab: TabsPaneContext, event: Event) => { |
||||||
|
console.log(tab, event); |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.left { |
||||||
|
border-right: 1px solid #e9eff2; |
||||||
|
} |
||||||
|
.products { |
||||||
|
li { |
||||||
|
@apply relative p-5 mb-5 rounded-[10px] cursor-pointer border border-solid; |
||||||
|
background: url(../../assets/images/10.png) 0 0/100% 100% no-repeat; |
||||||
|
&.active { |
||||||
|
@apply border-[#CAE0FF]; |
||||||
|
} |
||||||
|
} |
||||||
|
.del { |
||||||
|
@apply absolute top-0 right-0; |
||||||
|
} |
||||||
|
h6 { |
||||||
|
@apply text-[#14436b]; |
||||||
|
} |
||||||
|
.type, |
||||||
|
.status { |
||||||
|
@apply my-[15px] text-sm text-[#333]; |
||||||
|
} |
||||||
|
.date { |
||||||
|
@apply text-sm text-[#8798a9]; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,348 @@ |
|||||||
|
<template> |
||||||
|
<el-table class="c-table" |
||||||
|
:data="form" |
||||||
|
:max-height="height" |
||||||
|
:span-method="span" |
||||||
|
border> |
||||||
|
<el-table-column prop="name" |
||||||
|
label="指标" |
||||||
|
min-width="150" |
||||||
|
align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="规则" |
||||||
|
min-width="250" |
||||||
|
align="center"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<!-- 大病报销 || 贫困户 --> |
||||||
|
<div v-if="row.stRecordId == 161 || row.stRecordId == 164" |
||||||
|
class="flex items-center"> |
||||||
|
<span class="whitespace-nowrap">{{ row?.recordChildren[row.span ? 1 : 0]?.name }}</span> |
||||||
|
<div class="w-[90px] "> |
||||||
|
<el-select class="mx-2" |
||||||
|
v-model="row.symbol"> |
||||||
|
<el-option v-for="item in symbols" |
||||||
|
:key="item" |
||||||
|
:label="item.name" |
||||||
|
:value="item.name" /> |
||||||
|
</el-select> |
||||||
|
</div> |
||||||
|
<el-input class="w-[80px]" |
||||||
|
v-model="row.num"></el-input> |
||||||
|
<span class="ml-2 whitespace-nowrap">万元</span> |
||||||
|
</div> |
||||||
|
<!-- 大龄未婚 --> |
||||||
|
<div v-else-if="row.stRecordId == 167" |
||||||
|
class="flex items-center"> |
||||||
|
<template v-if="row.span"> |
||||||
|
<span class="whitespace-nowrap">且近一年</span> |
||||||
|
<div class="w-[90px] "> |
||||||
|
<el-select class="mx-2" |
||||||
|
v-model="row.had"> |
||||||
|
<el-option label="有" |
||||||
|
value="1" /> |
||||||
|
<el-option label="无" |
||||||
|
value="2" /> |
||||||
|
</el-select> |
||||||
|
</div> |
||||||
|
<span class="ml-2 whitespace-nowrap">缴纳过社保或公积金</span> |
||||||
|
</template> |
||||||
|
<template v-else> |
||||||
|
<span class="whitespace-nowrap">未婚，且年龄</span> |
||||||
|
<div class="w-[90px] "> |
||||||
|
<el-select class="mx-2" |
||||||
|
v-model="row.symbol"> |
||||||
|
<el-option v-for="item in symbols" |
||||||
|
:key="item" |
||||||
|
:label="item.name" |
||||||
|
:value="item.name" /> |
||||||
|
</el-select> |
||||||
|
</div> |
||||||
|
<el-input class="w-[80px]" |
||||||
|
v-model="row.num"></el-input> |
||||||
|
<span class="ml-2 whitespace-nowrap">,</span> |
||||||
|
<el-select class="w-[80px] ml-2" |
||||||
|
v-model="row.had"> |
||||||
|
<el-option label="有" |
||||||
|
value="1" /> |
||||||
|
<el-option label="无" |
||||||
|
value="2" /> |
||||||
|
</el-select> |
||||||
|
<span class="ml-2 whitespace-nowrap">固定资产</span> |
||||||
|
</template> |
||||||
|
</div> |
||||||
|
<span v-else>{{ '命中' + row.name }}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="本人命中进黑名单" |
||||||
|
width="140" |
||||||
|
align="center"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-checkbox v-model="row.personalHitBlacklist"></el-checkbox> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="配偶命中拒入" |
||||||
|
width="140" |
||||||
|
align="center"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-checkbox v-model="row.mateHitRejected"></el-checkbox> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="父母/子女命中拒入" |
||||||
|
width="150" |
||||||
|
align="center"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-checkbox v-model="row.parentsHitRejected"></el-checkbox> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="其它家庭成员命中拒入" |
||||||
|
width="170" |
||||||
|
align="center"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-checkbox v-model="row.otherFamilyMembersHitRejected"></el-checkbox> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="企业大股东命中拒入" |
||||||
|
width="160" |
||||||
|
align="center"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-checkbox v-model="row.corporateMajorityHitRejected"></el-checkbox> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
|
||||||
|
<div class="flex justify-end"> |
||||||
|
<div class="submit" |
||||||
|
@click="submit">确认完成配置</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup lang="ts"> |
||||||
|
import { ref, reactive, computed, watch, onMounted } from 'vue'; |
||||||
|
import { ElMessage } from 'element-plus'; |
||||||
|
import { accessStrategyGovernmentBlacklistFind, accessStrategyGovernmentBlacklist } from '@/api/bank'; |
||||||
|
import { getProcessInformationBasedOnRoles, addOperation } from '@/api/judgment'; |
||||||
|
import type { TableColumnCtx } from 'element-plus'; |
||||||
|
import { useRouter, useRoute } from 'vue-router'; |
||||||
|
import { handleId } from '@/utils/common'; |
||||||
|
|
||||||
|
const emit = defineEmits(['getList']); |
||||||
|
|
||||||
|
const router = useRouter(); |
||||||
|
const route = useRoute(); |
||||||
|
const id = computed(() => +route.query.id); |
||||||
|
const form = ref<Record<string, any>[]>([]); |
||||||
|
const height = window.innerHeight - 270; |
||||||
|
const symbols = <Record<string, any>[]>[ |
||||||
|
{ |
||||||
|
name: '>=', |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '<', |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '>', |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '==', |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '<=', |
||||||
|
}, |
||||||
|
]; |
||||||
|
// 配置项 |
||||||
|
const getConfig = async () => { |
||||||
|
const { process } = await getProcessInformationBasedOnRoles(150); |
||||||
|
const result = []; |
||||||
|
process.map((e) => { |
||||||
|
let temp = { |
||||||
|
checkpointId: 1, |
||||||
|
projectId: 1, |
||||||
|
name: e.name, |
||||||
|
recordChildren: e.recordChildren, |
||||||
|
isRule: isRule(e.id) ? 1 : 0, |
||||||
|
corporateMajorityHitRejected: false, |
||||||
|
mateHitRejected: false, |
||||||
|
otherFamilyMembersHitRejected: false, |
||||||
|
parentsHitRejected: false, |
||||||
|
personalHitBlacklist: false, |
||||||
|
symbol: '>=', |
||||||
|
had: '', |
||||||
|
num: '', |
||||||
|
ruleOne: '', |
||||||
|
ruleThree: '', |
||||||
|
ruleTwo: '', |
||||||
|
stRecordId: e.id, |
||||||
|
}; |
||||||
|
result.push(temp); |
||||||
|
if (isRule(e.id)) { |
||||||
|
temp = JSON.parse(JSON.stringify(temp)); |
||||||
|
temp.span = 1; |
||||||
|
result.push(temp); |
||||||
|
} |
||||||
|
}); |
||||||
|
form.value = result; |
||||||
|
console.log('🚀 ~ file: CardList.vue:68 ~ getList ~ list.value:', form.value); |
||||||
|
}; |
||||||
|
// 详情 |
||||||
|
const getDetail = async () => { |
||||||
|
if (id.value) { |
||||||
|
try { |
||||||
|
const { data } = await accessStrategyGovernmentBlacklistFind(1, 1); |
||||||
|
// info.value = data; |
||||||
|
getConfig(); |
||||||
|
} finally { |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
watch( |
||||||
|
() => route.query, |
||||||
|
() => { |
||||||
|
// getDetail(); |
||||||
|
getConfig(); |
||||||
|
}, |
||||||
|
{ |
||||||
|
immediate: true, |
||||||
|
}, |
||||||
|
); |
||||||
|
|
||||||
|
// 判断是否是3个有输入框的指标 |
||||||
|
const isRule = (rule: number): boolean => { |
||||||
|
return rule === 161 || rule === 164 || rule === 167; |
||||||
|
}; |
||||||
|
interface SpanMethodProps { |
||||||
|
row: Record<string, any>; |
||||||
|
column: TableColumnCtx<Record<string, any>>; |
||||||
|
rowIndex: number; |
||||||
|
columnIndex: number; |
||||||
|
} |
||||||
|
// 表格合并 |
||||||
|
const span = ({ row, column, rowIndex, columnIndex }: SpanMethodProps) => { |
||||||
|
if (columnIndex === 0 || columnIndex === 2 || columnIndex === 3 || columnIndex === 4 || columnIndex === 5 || columnIndex === 6) { |
||||||
|
if (rowIndex === 4 || rowIndex === 6 || rowIndex === 8) { |
||||||
|
return { |
||||||
|
rowspan: 2, |
||||||
|
colspan: 1, |
||||||
|
}; |
||||||
|
} else if (rowIndex === 5 || rowIndex === 7 || rowIndex === 9) { |
||||||
|
return { |
||||||
|
rowspan: 0, |
||||||
|
colspan: 0, |
||||||
|
}; |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
onMounted(() => {}); |
||||||
|
// 提交 |
||||||
|
const submit = async () => { |
||||||
|
const param = JSON.parse(JSON.stringify(form.value)); |
||||||
|
param.map((e) => { |
||||||
|
e.corporateMajorityHitRejected = +e.corporateMajorityHitRejected; |
||||||
|
e.mateHitRejected = +e.mateHitRejected; |
||||||
|
e.otherFamilyMembersHitRejected = +e.otherFamilyMembersHitRejected; |
||||||
|
e.parentsHitRejected = +e.parentsHitRejected; |
||||||
|
e.personalHitBlacklist = +e.personalHitBlacklist; |
||||||
|
if (e.stRecordId == 161 || e.stRecordId == 164) { |
||||||
|
if (e.span) { |
||||||
|
} else { |
||||||
|
e.ruleOne = e.symbol + e.num; |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
const { message } = await accessStrategyGovernmentBlacklist(param); |
||||||
|
// addRecord(param, message); |
||||||
|
|
||||||
|
ElMessage.success('提交成功！'); |
||||||
|
emit('getList', 1); |
||||||
|
}; |
||||||
|
// 新增判分记录 |
||||||
|
const addRecord = async (data: Record<string, any>, newId: number) => { |
||||||
|
const isEnterprise = info.value.productType === 1; |
||||||
|
const preIds = `1,2,42,${newId}`; // 1，关卡id，角色（这个页面是风控经理策略） |
||||||
|
const lcRule = <Record<string, any>[]>[]; |
||||||
|
|
||||||
|
// 企业 |
||||||
|
if (isEnterprise) { |
||||||
|
lcRule.push( |
||||||
|
handleId(120, 44, data.accountMaterials, preIds + ',112,120', 1), |
||||||
|
handleId(121, 45, 162, preIds + ',112,121', 1), |
||||||
|
handleId(122, 46, data.loanApplicationMethod, preIds + ',113,122', 1), |
||||||
|
handleId(123, 47, data.borrowerMaterial, preIds + ',113,123', 1), |
||||||
|
handleId(124, 48, data.collateral, preIds + ',113,124', 1), |
||||||
|
handleId(125, 49, data.businessMaterials, preIds + ',113,125', 1), |
||||||
|
handleId(126, 50, data.supplementaryMaterials, preIds + ',113,126', 1), |
||||||
|
|
||||||
|
handleId(127, 51, data.runBatchObject, preIds + ',114,127', 1), |
||||||
|
handleId(128, 52, data.accessStrategy, preIds + ',114,128', 1), |
||||||
|
); |
||||||
|
data.personalCreditScoringStrategiesCheck && lcRule.push(handleId(129, 53, '240,' + data.personalCreditScoringStrategies, preIds + ',114,129', 1)); |
||||||
|
data.corporateCreditScoringStrategiesCheck && lcRule.push(handleId(129, 53, '241,' + data.corporateCreditScoringStrategies, preIds + ',114,129', 1)); |
||||||
|
|
||||||
|
lcRule.push(handleId(130, 54, data.riskDegreeStrategy, preIds + ',114,130', 1)); |
||||||
|
data.interestRatePricingModelCheck && lcRule.push(handleId(131, 55, '247,' + data.interestRatePricingModel, preIds + ',114,131', 1)); |
||||||
|
data.individualInterestRateModel && lcRule.push(handleId(131, 55, data.individualInterestRateModel, preIds + ',114,131', 1)); |
||||||
|
|
||||||
|
lcRule.push( |
||||||
|
handleId(132, 56, data.dueDiligenceMode, preIds + ',115,132', 1), |
||||||
|
handleId(133, 57, data.dueDiligenceContent, preIds + ',115,133', 1), |
||||||
|
handleId(134, 58, data.reviewContent, preIds + ',116,134', 1), |
||||||
|
handleId(135, 59, data.reviewSignature, preIds + ',116,135', 1), |
||||||
|
handleId(136, 60, data.reviewApproveContent, preIds + ',117,136', 1), |
||||||
|
handleId(137, 61, data.approvalSignature, preIds + ',117,137', 1), |
||||||
|
handleId(138, 62, data.contractMaterials, preIds + ',118,138', 1), |
||||||
|
); |
||||||
|
data.loanContract && lcRule.push(handleId(139, 63, data.loanContract, preIds + ',118,139', 1)); |
||||||
|
data.mortgageContract && lcRule.push(handleId(139, 63, data.mortgageContract, preIds + ',118,139', 1)); |
||||||
|
data.pledgeContract && lcRule.push(handleId(139, 63, data.pledgeContract, preIds + ',118,139', 1)); |
||||||
|
data.guaranteeContract && lcRule.push(handleId(139, 63, data.guaranteeContract, preIds + ',118,139', 1)); |
||||||
|
lcRule.push(handleId(140, 64, data.selectionStrategy, preIds + ',119,140', 1)); |
||||||
|
} else { |
||||||
|
lcRule.push( |
||||||
|
handleId(75, 20, data.accountMaterials, preIds + ',72,75', 1), |
||||||
|
handleId(76, 21, 46, preIds + ',72,76', 1), |
||||||
|
handleId(77, 22, data.loanApplicationMethod, preIds + ',73,77', 1), |
||||||
|
handleId(78, 23, data.borrowerMaterial, preIds + ',73,78', 1), |
||||||
|
handleId(79, 24, data.mateMaterial, preIds + ',73,79', 1), |
||||||
|
handleId(80, 25, data.businessMaterials, preIds + ',73,80', 1), |
||||||
|
handleId(81, 26, data.supplementaryMaterials, preIds + ',73,81', 1), |
||||||
|
handleId(82, 27, data.runBatchObject, preIds + ',74,82', 1), |
||||||
|
handleId(83, 28, data.accessStrategy, preIds + ',74,83', 1), |
||||||
|
); |
||||||
|
data.personalCreditScoringStrategiesCheck && lcRule.push(handleId(84, 29, '94,' + data.personalCreditScoringStrategies, preIds + ',74,84', 1)); |
||||||
|
data.corporateCreditScoringStrategiesCheck && lcRule.push(handleId(84, 29, '95,' + data.corporateCreditScoringStrategies, preIds + ',74,84', 1)); |
||||||
|
|
||||||
|
lcRule.push(handleId(85, 30, data.riskDegreeStrategy, preIds + ',74,85', 1)); |
||||||
|
data.interestRatePricingModelCheck && lcRule.push(handleId(86, 31, '102,' + data.interestRatePricingModel, preIds + ',74,86', 1)); |
||||||
|
data.individualInterestRateModel && lcRule.push(handleId(86, 31, data.individualInterestRateModel, preIds + ',74,86', 1)); |
||||||
|
|
||||||
|
lcRule.push( |
||||||
|
handleId(88, 32, data.dueDiligenceMode, preIds + ',87,88', 1), |
||||||
|
handleId(89, 33, data.dueDiligenceContent, preIds + ',87,89', 1), |
||||||
|
handleId(91, 34, data.reviewContent, preIds + ',90,91', 1), |
||||||
|
handleId(92, 35, data.reviewSignature, preIds + ',90,92', 1), |
||||||
|
handleId(94, 36, data.reviewApproveContent, preIds + ',93,94', 1), |
||||||
|
handleId(95, 37, data.approvalSignature, preIds + ',93,95', 1), |
||||||
|
handleId(97, 38, data.contractMaterials, preIds + ',96,97', 1), |
||||||
|
); |
||||||
|
data.loanContract && lcRule.push(handleId(98, 39, data.loanContract, preIds + ',96,98', 1)); |
||||||
|
data.mortgageContract && lcRule.push(handleId(98, 39, data.mortgageContract, preIds + ',96,98', 1)); |
||||||
|
data.pledgeContract && lcRule.push(handleId(98, 39, data.pledgeContract, preIds + ',96,98', 1)); |
||||||
|
data.guaranteeContract && lcRule.push(handleId(98, 39, data.guaranteeContract, preIds + ',96,98', 1)); |
||||||
|
lcRule.push(handleId(99, 40, data.selectionStrategy, preIds + ',99', 1)); |
||||||
|
} |
||||||
|
|
||||||
|
await addOperation({ |
||||||
|
parentId: preIds, |
||||||
|
lcJudgmentRuleReq: lcRule, |
||||||
|
projectId: 1, |
||||||
|
}); |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
@import url(../../../styles/form.scss); |
||||||
|
.c-table { |
||||||
|
:deep(.el-input__inner) { |
||||||
|
@apply px-2; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,21 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-tabs v-model="curTab"> |
||||||
|
<el-tab-pane label="产品要素" |
||||||
|
name="tab1"> |
||||||
|
<info /> |
||||||
|
</el-tab-pane> |
||||||
|
</el-tabs> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup lang="ts"> |
||||||
|
import { ref } from 'vue'; |
||||||
|
import Info from './Info.vue'; |
||||||
|
|
||||||
|
const curTab = ref<string>('tab1'); |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
@import url(../../../styles/form.scss); |
||||||
|
</style> |
||||||
@ -0,0 +1,181 @@ |
|||||||
|
<template> |
||||||
|
<div v-if="info.approvalTime" |
||||||
|
class="audit"> |
||||||
|
<div class="line"> |
||||||
|
<span class="field">审批意见：</span> |
||||||
|
<span class="status">{{ getStatus(+info?.status) }}</span> |
||||||
|
</div> |
||||||
|
<div class="line"> |
||||||
|
<span class="field">意见描述：</span> |
||||||
|
{{ info.opinionDescription }} |
||||||
|
</div> |
||||||
|
<p class="mb-2 text-sm text-[#333] text-right">审查日期：{{ info.approvalTime }}</p> |
||||||
|
<p class="mb-2 text-sm text-[#333] text-right">审查员：公瑾</p> |
||||||
|
</div> |
||||||
|
<div class="info mt-2"> |
||||||
|
<h6 class="step-name">一、产品定义</h6> |
||||||
|
<p class="text">{{ info.productDefinition }}</p> |
||||||
|
<h6 class="step-name mt-5">二、产品要素</h6> |
||||||
|
<p class="text">产品名称：{{ info.productName }}</p> |
||||||
|
<p class="text">贷款币种：人民币</p> |
||||||
|
<p v-if="info.loanPurpose" |
||||||
|
class="text"> |
||||||
|
贷款用途：{{ |
||||||
|
info.loanPurpose === '购房' |
||||||
|
? '可用于住房按揭贷款、二手房住房按揭贷款。' |
||||||
|
: info.loanPurpose === '消费' |
||||||
|
? '贷款用途可用于除购房之外的合法个人消费支出，不得用于投资经营，不得用于无指定用途的个人支出。' |
||||||
|
: info.loanPurpose === '经营' && !info.productType |
||||||
|
? '可用于个人或其企业生产和经营活动中临时性、季节性等流动资金周转以及购置、安装或修理小型设备和装潢经营性场所所需的人民币贷款业务。' |
||||||
|
: info.loanPurpose === '创业' |
||||||
|
? '用于创业或再创业过程中的资金需求。' |
||||||
|
: info.loanPurpose === '经营' && info.productType |
||||||
|
? '用于短期生产经营周转的可循环的人民币信用贷款业务。' |
||||||
|
: info.otherPurposesOfLoan |
||||||
|
}} |
||||||
|
</p> |
||||||
|
<p class="text">担保方式：{{ info.guarantyStyle }}</p> |
||||||
|
<p class="text">贷款期限：{{ info.minimumTermOfLoan }}月 - {{ info.maximumTermOfLoan }}月</p> |
||||||
|
<p class="text">贷款限额：{{ info.minimumLoan }}万元 - {{ info.loanCeiling }}万元</p> |
||||||
|
<p class="text">贷款利率：{{ info.minimumAprOnLoan }}% - {{ info.maximumAnnualInterestRate }}%</p> |
||||||
|
<p class="text">还款方式：{{ info.modeRepayment }}</p> |
||||||
|
<div class="text"> |
||||||
|
贷款对象： |
||||||
|
<p v-if="info.minimumAge">年龄{{ info.minimumAge }} - {{ info.maximumAge }}周岁；</p> |
||||||
|
<p v-if="info.educationalRequirements">取得{{ info.educationalRequirements }}以上学历；</p> |
||||||
|
<p v-if="info.currentWorkingLife">{{ info.currentWorkingLife }}；</p> |
||||||
|
<p v-if="info.providentFundAndSocialSecurity">连续缴纳本市社保或者公积金6个月；</p> |
||||||
|
<p>持有中国银行I类账户，且已关联至手机银行，且在我行及其他金融同业无不良信用记录。</p> |
||||||
|
</div> |
||||||
|
<template v-if="riskInfo"> |
||||||
|
<h6 class="step-name mt-5">三、材料要求</h6> |
||||||
|
<p class="text">办理账户-提供材料：{{ riskInfo?.accountMaterials }}</p> |
||||||
|
<p v-if="riskInfo?.sendingAccount" |
||||||
|
class="text">办理账户-发放账户：借记卡或放款专户</p> |
||||||
|
<p v-if="riskInfo?.loanApplicationMethod" |
||||||
|
class="text">贷款申请-申请方式：{{ riskInfo?.loanApplicationMethod }}</p> |
||||||
|
<p v-if="riskInfo?.borrowerMaterial" |
||||||
|
class="text">贷款申请-提供材料-借款人材料：{{ riskInfo?.borrowerMaterial }}</p> |
||||||
|
<template v-if="info.productType"> |
||||||
|
<p v-if="riskInfo?.enterpriseMaterial" |
||||||
|
class="text">贷款申请-提供材料-企业材料：{{ riskInfo?.enterpriseMaterial }}</p> |
||||||
|
<p v-if="riskInfo?.collateral" |
||||||
|
class="text">贷款申请-提供材料-抵押物：{{ riskInfo?.collateral }}</p> |
||||||
|
</template> |
||||||
|
<template v-else> |
||||||
|
<p v-if="riskInfo?.mateMaterial" |
||||||
|
class="text">贷款申请-提供材料-配偶材料：{{ riskInfo?.mateMaterial }}</p> |
||||||
|
<p v-if="riskInfo?.businessMaterials" |
||||||
|
class="text">贷款申请-提供材料-经营类材料：{{ riskInfo?.businessMaterials }}</p> |
||||||
|
</template> |
||||||
|
<p v-if="riskInfo?.supplementaryMaterials" |
||||||
|
class="text">贷款申请-提供材料-补充材料：{{ riskInfo?.supplementaryMaterials }}</p> |
||||||
|
<p v-if="riskInfo?.runBatchObject" |
||||||
|
class="text">系统跑批准入风控策略-跑批对象：{{ riskInfo?.runBatchObject }}</p> |
||||||
|
<p v-if="riskInfo?.accessStrategy" |
||||||
|
class="text">系统跑批准入风控策略-准入策略：{{ riskInfo?.accessStrategy }}</p> |
||||||
|
<p v-if="riskInfo?.personalCreditScoringStrategies" |
||||||
|
class="text">系统跑批准入风控策略-信用评分策略：{{ riskInfo?.personalCreditScoringStrategies }}</p> |
||||||
|
<p v-if="riskInfo?.riskDegreeStrategy" |
||||||
|
class="text">系统跑批准入风控策略-风险度策略：{{ riskInfo?.riskDegreeStrategy }}</p> |
||||||
|
<p v-if="riskInfo?.interestRatePricingModel" |
||||||
|
class="text">系统跑批准入风控策略-利率定价模型-个人额度模型：{{ riskInfo?.interestRatePricingModel }}</p> |
||||||
|
<p v-if="riskInfo?.individualInterestRateModel" |
||||||
|
class="text">系统跑批准入风控策略-利率定价模型-个人利率模型</p> |
||||||
|
<p v-if="riskInfo?.dueDiligenceMode" |
||||||
|
class="text">尽职调查-尽调方式：{{ riskInfo?.dueDiligenceMode }}</p> |
||||||
|
<p v-if="riskInfo?.dueDiligenceContent" |
||||||
|
class="text">尽职调查-尽调内容：{{ riskInfo?.dueDiligenceContent }}</p> |
||||||
|
<p v-if="riskInfo?.reviewContent" |
||||||
|
class="text">贷款审查-审查内容：{{ riskInfo?.reviewContent }}</p> |
||||||
|
<p v-if="riskInfo?.reviewSignature" |
||||||
|
class="text">贷款审查-审查签字：{{ riskInfo?.reviewSignature }}</p> |
||||||
|
<p v-if="riskInfo?.reviewApproveContent" |
||||||
|
class="text">贷款审批-审批内容：{{ riskInfo?.reviewApproveContent }}</p> |
||||||
|
<p v-if="riskInfo?.approvalSignature" |
||||||
|
class="text">贷款审批-审批签字：{{ riskInfo?.approvalSignature }}</p> |
||||||
|
<p v-if="riskInfo?.contractMaterials" |
||||||
|
class="text">签订合同-提供的材料：{{ riskInfo?.contractMaterials }}</p> |
||||||
|
<p v-if="riskInfo?.loanContract" |
||||||
|
class="text">签订合同-合同模板-借贷合同：{{ riskInfo?.loanContract }}</p> |
||||||
|
<p v-if="riskInfo?.mortgageContract" |
||||||
|
class="text">签订合同-合同模板-抵押合同：{{ riskInfo?.mortgageContract }}</p> |
||||||
|
<p v-if="riskInfo?.pledgeContract" |
||||||
|
class="text">签订合同-合同模板-质押合同：{{ riskInfo?.pledgeContract }}</p> |
||||||
|
<p v-if="riskInfo?.guaranteeContract" |
||||||
|
class="text">签订合同-合同模板-担保合同：{{ riskInfo?.guaranteeContract }}</p> |
||||||
|
<p v-if="riskInfo?.selectionStrategy" |
||||||
|
class="text">贷后管理-选择策略：{{ riskInfo?.selectionStrategy }}</p> |
||||||
|
|
||||||
|
<h6 class="step-name mt-5">四、业务流程</h6> |
||||||
|
<p class="text">1、贷款人APP向智信银行公司业务部门提交借款申请，同时提交贷款用途证明文件以及有关资料；</p> |
||||||
|
<p class="text">2、智信银行对贷款人的贷款申请进行审查，同时根据实际情况要求借款人提供补充资料；</p> |
||||||
|
<p class="text">3、智信银行内部审批通过后，与贷款人签订借款合同；</p> |
||||||
|
<p class="text">4、贷款人落实有关提款前提条件，根据贷款合同提款。</p> |
||||||
|
<h6 class="step-name mt-5">五、注意要点</h6> |
||||||
|
<p class="text"> |
||||||
|
贷款人在使用款额度时，必须明确说明贷款用途。贷款人必须在获得循环贷款额度后，方可在额度与用途范围内申请贷款，受理机构仅限在原经办行，同时逐笔上报中心核批。单笔贷款金额不得超过贷款人单笔消费（或投资）总金额的80%。 |
||||||
|
</p> |
||||||
|
</template> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup lang="ts"> |
||||||
|
import { ref, computed, watch, onMounted } from 'vue'; |
||||||
|
import { findById } from '@/api/bank'; |
||||||
|
import { useRouter, useRoute } from 'vue-router'; |
||||||
|
import { getStatus } from '@/store/useProduct'; |
||||||
|
|
||||||
|
const router = useRouter(); |
||||||
|
const route = useRoute(); |
||||||
|
const id = computed(() => +route.query.id); |
||||||
|
const info = ref<Record<string, any>>({}); |
||||||
|
const riskInfo = ref<Record<string, any>>(null); |
||||||
|
|
||||||
|
// 详情 |
||||||
|
const getDetail = async () => { |
||||||
|
if (id.value) { |
||||||
|
try { |
||||||
|
const { data } = await findById(id.value); |
||||||
|
info.value = data; |
||||||
|
if (info.value.riskControlDetails) riskInfo.value = data.riskControlDetails; |
||||||
|
} finally { |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
watch( |
||||||
|
() => route.query, |
||||||
|
() => { |
||||||
|
getDetail(); |
||||||
|
}, |
||||||
|
{ |
||||||
|
immediate: true, |
||||||
|
}, |
||||||
|
); |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.info { |
||||||
|
.step-name { |
||||||
|
@apply mb-3 text-sm font-semibold text-[#006bff]; |
||||||
|
} |
||||||
|
.line { |
||||||
|
@apply flex mb-2; |
||||||
|
} |
||||||
|
.label { |
||||||
|
@apply mr-1 text-sm font-semibold text-[#333] leading-[32px]; |
||||||
|
} |
||||||
|
.text { |
||||||
|
@apply text-sm text-[#333] leading-[32px]; |
||||||
|
} |
||||||
|
} |
||||||
|
.audit { |
||||||
|
@apply py-5 px-4 mb-[30px] bg-[#f9fafc] rounded-[10px]; |
||||||
|
.line { |
||||||
|
@apply mb-[18px] text-sm leading-[1.6]; |
||||||
|
} |
||||||
|
.field { |
||||||
|
@apply text-sm font-semibold; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue