parent
45826f2574
commit
07a30dec64
15 changed files with 766 additions and 46 deletions
@ -0,0 +1,452 @@ |
|||||||
|
<template> |
||||||
|
<el-table class="c-table" |
||||||
|
:data="form" |
||||||
|
:max-height="height" |
||||||
|
:span-method="span" |
||||||
|
border> |
||||||
|
<el-table-column prop="name" |
||||||
|
label="数据源" |
||||||
|
min-width="100" |
||||||
|
align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="rule" |
||||||
|
label="规则" |
||||||
|
min-width="150"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="进黑名单条件" |
||||||
|
min-width="250"> |
||||||
|
<template #default="{ row,$index }"> |
||||||
|
<div v-if="$index < 4" |
||||||
|
class="flex items-center"> |
||||||
|
<span class="whitespace-nowrap">{{ row.rule }}</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> |
||||||
|
<template v-else-if="$index > 3 && $index < 14 || $index === 16 || $index === 17 || $index === 19 || $index === 28">命中{{ row.rule }}</template> |
||||||
|
<!-- 腾讯 --> |
||||||
|
<div v-else-if="$index === 14" |
||||||
|
class="flex items-center"> |
||||||
|
<span class="whitespace-nowrap">{{ row?.recordChildren[0]?.recordChildren[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 class="w-[120px] "> |
||||||
|
<el-select class="mx-2" |
||||||
|
v-model="row.had"> |
||||||
|
<el-option v-for="item in house" |
||||||
|
:key="item" |
||||||
|
:label="item.name" |
||||||
|
:value="item.name" /> |
||||||
|
</el-select> |
||||||
|
</div> |
||||||
|
<span class="ml-2 whitespace-nowrap">。</span> |
||||||
|
</div> |
||||||
|
<div v-else-if="$index === 15" |
||||||
|
class="flex items-center"> |
||||||
|
<el-input class="w-[80px]" |
||||||
|
v-model="row.num"></el-input> |
||||||
|
<div class="w-[90px] "> |
||||||
|
<el-select class="mx-2" |
||||||
|
v-model="row.symbol"> |
||||||
|
<el-option v-for="item in units" |
||||||
|
:key="item" |
||||||
|
:label="item.name" |
||||||
|
:value="item.name" /> |
||||||
|
</el-select> |
||||||
|
</div> |
||||||
|
<span class="ml-2 whitespace-nowrap">内申请次数</span> |
||||||
|
<div class="w-[90px] "> |
||||||
|
<el-select class="mx-2" |
||||||
|
v-model="row.symbol1"> |
||||||
|
<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.num1"></el-input> |
||||||
|
<span class="ml-2 whitespace-nowrap">，且</span> |
||||||
|
<div class="w-[120px] "> |
||||||
|
<el-select class="mx-2" |
||||||
|
v-model="row.had"> |
||||||
|
<el-option v-for="item in house" |
||||||
|
:key="item" |
||||||
|
:label="item.name" |
||||||
|
:value="item.name" /> |
||||||
|
</el-select> |
||||||
|
</div> |
||||||
|
<span class="ml-2 whitespace-nowrap">。</span> |
||||||
|
</div> |
||||||
|
<div v-else-if="$index === 18" |
||||||
|
class="w-[90px] "> |
||||||
|
<el-select v-model="row.symbol"> |
||||||
|
<el-option v-for="item in row?.recordChildren[0]?.subject?.itemList" |
||||||
|
:key="item" |
||||||
|
:label="item.options" |
||||||
|
:value="item.options" /> |
||||||
|
</el-select> |
||||||
|
</div> |
||||||
|
<div v-else-if="$index > 19 && $index < 28" |
||||||
|
class="flex items-center"> |
||||||
|
<el-input class="w-[80px]" |
||||||
|
v-model="row.num"></el-input> |
||||||
|
<div class="w-[90px] "> |
||||||
|
<el-select class="mx-2" |
||||||
|
v-model="row.symbol"> |
||||||
|
<el-option v-for="item in units" |
||||||
|
:key="item" |
||||||
|
:label="item.name" |
||||||
|
:value="item.name" /> |
||||||
|
</el-select> |
||||||
|
</div> |
||||||
|
<span class="ml-2 whitespace-nowrap">{{tdNames[row.ruleId]}}</span> |
||||||
|
<template v-if="row.ruleId === 350"> |
||||||
|
<div class="w-[90px] "> |
||||||
|
<el-select class="mx-2" |
||||||
|
v-model="row.symbol1"> |
||||||
|
<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.num1"></el-input> |
||||||
|
<span class="ml-2 whitespace-nowrap">。</span> |
||||||
|
</template> |
||||||
|
</div> |
||||||
|
</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, watch } from 'vue'; |
||||||
|
import { ElMessage } from 'element-plus'; |
||||||
|
import { accessStrategyBusinessBlacklistFind, accessStrategyBusinessBlacklistSave } from '@/api/model'; |
||||||
|
import { getProcessInformationBasedOnRoles, addOperation } from '@/api/judgment'; |
||||||
|
import type { TableColumnCtx } from 'element-plus'; |
||||||
|
import { useRouter, useRoute } from 'vue-router'; |
||||||
|
import { handleId, getNum, getSymbol, getChinese } from '@/utils/common'; |
||||||
|
import Cookies from 'js-cookie'; |
||||||
|
|
||||||
|
const router = useRouter(); |
||||||
|
const route = useRoute(); |
||||||
|
const projectId = +Cookies.get('sand-projectId'); |
||||||
|
const levelId = +Cookies.get('sand-level'); |
||||||
|
const form = ref<Record<string, any>[]>([]); |
||||||
|
const info = ref<Record<string, any>[]>([]); |
||||||
|
const height = window.innerHeight - 270; |
||||||
|
const spanRows = [1, 2, 3, 5, 6, 7, 8, 9, 10, 11, 12, 13, 15, 17, 19, 20, 21, 22, 23, 24, 25, 26, 27]; |
||||||
|
const symbols = <Record<string, any>[]>[ |
||||||
|
{ |
||||||
|
name: '>=', |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '<', |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '>', |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '==', |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '<=', |
||||||
|
}, |
||||||
|
]; |
||||||
|
const house = <Record<string, any>[]>[ |
||||||
|
{ |
||||||
|
// id: 353, |
||||||
|
name: '有商品房', |
||||||
|
}, |
||||||
|
{ |
||||||
|
// id: 354, |
||||||
|
name: '无商品房', |
||||||
|
}, |
||||||
|
]; |
||||||
|
const units = <Record<string, any>[]>[ |
||||||
|
{ |
||||||
|
name: '年', |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '月', |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '天', |
||||||
|
}, |
||||||
|
]; |
||||||
|
const tdNames = <Record<string, any>>{ |
||||||
|
344: '内身份证关联多个申请信息。', |
||||||
|
345: '内申请信息关联多个身份证。', |
||||||
|
346: '内申请人身份证作为联系人身份证出现的次数过多。', |
||||||
|
347: '内设备或身份证或手机号申请次数过多。', |
||||||
|
348: '内申请人在多个平台申请借款。', |
||||||
|
349: '内申请人在多个平台申请借款。', |
||||||
|
350: '内身份证或手机号申请次数', |
||||||
|
351: '内同一个设备或手机号申请被拒次数过多。', |
||||||
|
}; |
||||||
|
// 配置项 |
||||||
|
const getConfig = async () => { |
||||||
|
const { process } = await getProcessInformationBasedOnRoles(152); |
||||||
|
const result = []; |
||||||
|
process.map((e, i) => { |
||||||
|
const cur = info.value.find((n) => n.stRecordId === e.id); |
||||||
|
let num = getNum(cur?.ruleOne); |
||||||
|
let symbol = getSymbol(cur?.ruleOne); |
||||||
|
let had = getChinese(cur?.ruleOne); |
||||||
|
let temp = { |
||||||
|
checkpointId: levelId, |
||||||
|
projectId, |
||||||
|
name: e.name, |
||||||
|
recordChildren: e.recordChildren, |
||||||
|
isRule: 0, |
||||||
|
subjectId: e.subjectId, |
||||||
|
stRecordId: e.id, |
||||||
|
ruleId: e?.recordChildren[0].id, |
||||||
|
rule: e?.recordChildren[0].name, |
||||||
|
symbol: (e.id === 318 || e.id === 320) && cur ? symbol : !i || i === 2 ? '>=' : e.id === 322 ? '' : '年', |
||||||
|
symbol1: '>=', |
||||||
|
num, |
||||||
|
num1: '', |
||||||
|
had, |
||||||
|
}; |
||||||
|
|
||||||
|
result.push(temp); |
||||||
|
e?.recordChildren.map((n, i) => { |
||||||
|
if (i) { |
||||||
|
temp = JSON.parse(JSON.stringify(temp)); |
||||||
|
temp.ruleId = n.id; |
||||||
|
temp.rule = n.name; |
||||||
|
temp.isRule = 1; |
||||||
|
// 新颜 |
||||||
|
if (e.id === 318) { |
||||||
|
if (n.id === 325) { |
||||||
|
temp.symbol = getSymbol(cur?.ruleTwo) ?? '>='; |
||||||
|
temp.num = getNum(cur?.ruleTwo); |
||||||
|
} else if (n.id === 326) { |
||||||
|
temp.symbol = getSymbol(cur?.ruleThree) ?? '>='; |
||||||
|
temp.num = getNum(cur?.ruleThree); |
||||||
|
} else if (n.id === 327) { |
||||||
|
temp.symbol = getSymbol(cur?.ruleFour) ?? '>='; |
||||||
|
temp.num = getNum(cur?.ruleFour); |
||||||
|
} |
||||||
|
} |
||||||
|
// 腾讯行业风险 |
||||||
|
if (n.id === 339) { |
||||||
|
temp.num = getNum(cur?.ruleTwo); |
||||||
|
const unit = cur?.ruleTwo.match(/[年月日]+/g); |
||||||
|
temp.symbol = unit ? unit[0] : '年'; |
||||||
|
|
||||||
|
temp.symbol1 = getSymbol(cur?.ruleTwo) ?? '>='; |
||||||
|
const arr = cur?.ruleTwo?.split(',') ?? []; |
||||||
|
temp.num1 = getNum(arr[1]); |
||||||
|
|
||||||
|
temp.had = getChinese(arr[2]); |
||||||
|
} |
||||||
|
if (e.id === 322) temp.symbol = '年'; |
||||||
|
// 腾讯行业风险 |
||||||
|
if (n.id === 344) { |
||||||
|
temp.num = getNum(cur?.ruleTwo); |
||||||
|
temp.symbol = getChinese(cur?.ruleTwo); |
||||||
|
} else if (n.id === 345) { |
||||||
|
temp.num = getNum(cur?.ruleThree); |
||||||
|
temp.symbol = getChinese(cur?.ruleThree); |
||||||
|
} else if (n.id === 346) { |
||||||
|
temp.num = getNum(cur?.ruleFour); |
||||||
|
temp.symbol = getChinese(cur?.ruleFour); |
||||||
|
} else if (n.id === 347) { |
||||||
|
temp.num = getNum(cur?.ruleFive); |
||||||
|
temp.symbol = getChinese(cur?.ruleFive); |
||||||
|
} else if (n.id === 348) { |
||||||
|
temp.num = getNum(cur?.ruleSix); |
||||||
|
temp.symbol = getChinese(cur?.ruleSix); |
||||||
|
} else if (n.id === 349) { |
||||||
|
temp.num = getNum(cur?.ruleSeven); |
||||||
|
temp.symbol = getChinese(cur?.ruleSeven); |
||||||
|
} else if (n.id === 350) { |
||||||
|
const arr = cur?.ruleEight?.split(',') ?? []; |
||||||
|
temp.num = getNum(arr[0]); |
||||||
|
temp.symbol = getChinese(cur?.ruleEight); |
||||||
|
temp.symbol1 = getSymbol(cur?.ruleEight); |
||||||
|
temp.num1 = getNum(arr[1]); |
||||||
|
} else if (n.id === 351) { |
||||||
|
temp.num = getNum(cur?.ruleNine); |
||||||
|
temp.symbol = getChinese(cur?.ruleNine); |
||||||
|
} |
||||||
|
result.push(temp); |
||||||
|
} |
||||||
|
}); |
||||||
|
}); |
||||||
|
form.value = result; |
||||||
|
}; |
||||||
|
// 详情 |
||||||
|
const getDetail = async () => { |
||||||
|
try { |
||||||
|
const { data } = await accessStrategyBusinessBlacklistFind(levelId, projectId); |
||||||
|
info.value = data; |
||||||
|
getConfig(); |
||||||
|
} finally { |
||||||
|
} |
||||||
|
}; |
||||||
|
|
||||||
|
watch( |
||||||
|
() => route.query, |
||||||
|
() => { |
||||||
|
getDetail(); |
||||||
|
}, |
||||||
|
{ |
||||||
|
immediate: true, |
||||||
|
}, |
||||||
|
); |
||||||
|
|
||||||
|
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) { |
||||||
|
if (rowIndex === 0) { |
||||||
|
return { |
||||||
|
rowspan: 4, |
||||||
|
colspan: 1, |
||||||
|
}; |
||||||
|
} else if (rowIndex === 4) { |
||||||
|
return { |
||||||
|
rowspan: 10, |
||||||
|
colspan: 1, |
||||||
|
}; |
||||||
|
} else if (rowIndex === 14 || rowIndex === 16) { |
||||||
|
return { |
||||||
|
rowspan: 2, |
||||||
|
colspan: 1, |
||||||
|
}; |
||||||
|
} else if (rowIndex === 18) { |
||||||
|
return { |
||||||
|
rowspan: 10, |
||||||
|
colspan: 1, |
||||||
|
}; |
||||||
|
} else if (spanRows.includes(rowIndex)) { |
||||||
|
return { |
||||||
|
rowspan: 0, |
||||||
|
colspan: 0, |
||||||
|
}; |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
// 提交 |
||||||
|
const submit = async () => { |
||||||
|
let param = [ |
||||||
|
{ |
||||||
|
id: info.value.find((n) => n.stRecordId === 318)?.id, |
||||||
|
stRecordId: 318, |
||||||
|
checkpointId: levelId, |
||||||
|
projectId, |
||||||
|
ruleOne: form.value[0].symbol + form.value[0].num, |
||||||
|
ruleTwo: form.value[1].symbol + form.value[1].num, |
||||||
|
ruleThree: form.value[2].symbol + form.value[2].num, |
||||||
|
ruleFour: form.value[3].symbol + form.value[3].num, |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: info.value.find((n) => n.stRecordId === 320)?.id, |
||||||
|
stRecordId: 320, |
||||||
|
checkpointId: levelId, |
||||||
|
projectId, |
||||||
|
ruleOne: form.value[14].symbol + form.value[14].num + ',' + form.value[14].had, |
||||||
|
ruleTwo: form.value[15].num + form.value[15].symbol + ',' + form.value[15].symbol1 + form.value[15].num1 + ',' + form.value[15].had, |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: info.value.find((n) => n.stRecordId === 322)?.id, |
||||||
|
stRecordId: 322, |
||||||
|
checkpointId: levelId, |
||||||
|
projectId, |
||||||
|
ruleOne: form.value[18].symbol, |
||||||
|
ruleTwo: form.value[20].num + form.value[20].symbol, |
||||||
|
ruleThree: form.value[21].num + form.value[21].symbol, |
||||||
|
ruleFour: form.value[22].num + form.value[22].symbol, |
||||||
|
ruleFive: form.value[23].num + form.value[23].symbol, |
||||||
|
ruleSix: form.value[24].num + form.value[24].symbol, |
||||||
|
ruleSeven: form.value[25].num + form.value[25].symbol, |
||||||
|
ruleEight: form.value[26].num + form.value[26].symbol + ',' + form.value[26].symbol1 + form.value[26].num1, |
||||||
|
ruleNine: form.value[27].num + form.value[27].symbol, |
||||||
|
}, |
||||||
|
]; |
||||||
|
await accessStrategyBusinessBlacklistSave({ businessBlacklistList: param }); |
||||||
|
addRecord(param); |
||||||
|
getDetail(); |
||||||
|
ElMessage.success('提交成功！'); |
||||||
|
}; |
||||||
|
// 新增判分记录 |
||||||
|
const addRecord = async (data: Record<string, any>) => { |
||||||
|
const preIds = `1,${Cookies.get('sand-level')},42,67,147,152`; // 1，关卡id，角色（这个页面是风控经理策略） |
||||||
|
const rule = <Record<string, any>[]>[ |
||||||
|
handleId(324, 150, data[0].ruleOne, preIds + ',318,324', 5), |
||||||
|
handleId(325, 151, data[0].ruleTwo, preIds + ',318,325', 5), |
||||||
|
handleId(326, 152, data[0].ruleThree, preIds + ',318,326', 5), |
||||||
|
handleId(327, 153, data[0].ruleFour, preIds + ',318,327', 5), |
||||||
|
|
||||||
|
handleId(353, 154, data[1].ruleOne, preIds + ',320,353', 5), |
||||||
|
]; |
||||||
|
form.value[14].had && rule.push(handleId(354, 155, form.value[14].had === '有商品房' ? 353 : 354, preIds + ',320,354', 1)); |
||||||
|
rule.push( |
||||||
|
handleId(355, 156, form.value[15].num + form.value[15].symbol, preIds + ',320,355', 5), |
||||||
|
handleId(356, 157, form.value[15].symbol1 + form.value[15].num1, preIds + ',320,356', 5), |
||||||
|
); |
||||||
|
form.value[15].had && rule.push(handleId(357, 155, form.value[15].had === '有商品房' ? 353 : 354, preIds + ',320,357', 1)); |
||||||
|
data[2].ruleOne && rule.push(handleId(342, 158, data[2].ruleOne === '拒绝' ? 355 : 356, preIds + ',322,342', 1)); |
||||||
|
rule.push( |
||||||
|
handleId(344, 159, data[2].ruleTwo, preIds + ',322,344', 5), |
||||||
|
handleId(345, 160, data[2].ruleThree, preIds + ',322,345', 5), |
||||||
|
handleId(346, 161, data[2].ruleFour, preIds + ',322,346', 5), |
||||||
|
handleId(347, 162, data[2].ruleFive, preIds + ',322,347', 5), |
||||||
|
handleId(348, 163, data[2].ruleSix, preIds + ',322,348', 5), |
||||||
|
handleId(349, 164, data[2].ruleSeven, preIds + ',322,349', 5), |
||||||
|
handleId(350, 165, data[2].ruleEight, preIds + ',322,350', 5), |
||||||
|
handleId(351, 166, data[2].ruleNine, preIds + ',322,351', 5), |
||||||
|
); |
||||||
|
|
||||||
|
await addOperation({ |
||||||
|
checkpointId: levelId, |
||||||
|
parentId: preIds, |
||||||
|
lcJudgmentRuleReq: rule, |
||||||
|
projectId, |
||||||
|
}); |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
@import url(../../../styles/form.scss); |
||||||
|
.c-table { |
||||||
|
:deep(.el-input__inner) { |
||||||
|
@apply px-2; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue