You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
407 lines
15 KiB
407 lines
15 KiB
<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 class="flex items-center"> |
|
<template v-if="!$index"> |
|
<span class="whitespace-nowrap">人脸识别匹配度</span> |
|
<div class="w-[90px] mx-2"> |
|
<el-select v-model="row.symbol"> |
|
<el-option v-for="item in symbols" |
|
:key="item" |
|
:label="item" |
|
:value="item" /> |
|
</el-select> |
|
</div> |
|
<div class="w-[90px] "> |
|
<el-select v-model="row.num"> |
|
<el-option v-for="item in nums" |
|
:key="item" |
|
:label="item" |
|
:value="item" /> |
|
</el-select> |
|
</div> |
|
<span class="whitespace-nowrap ml-2">%。</span> |
|
</template> |
|
<div v-else-if="$index === 1 || $index === 2 || $index > 18" |
|
class="w-[90px] mx-2"> |
|
<el-select v-model="row.had"> |
|
<el-option v-for="item in have" |
|
:key="item" |
|
:label="item" |
|
:value="item" /> |
|
</el-select> |
|
</div> |
|
<template v-else-if="$index === 3 || $index === 4"> |
|
<span class="whitespace-nowrap">在网期限：</span> |
|
<div class="w-[90px] "> |
|
<el-select v-model="row.num"> |
|
<el-option v-for="item in nums" |
|
:key="item" |
|
:label="item" |
|
:value="item" /> |
|
</el-select> |
|
</div> |
|
<span class="mx-2">~</span> |
|
<div class="w-[90px] "> |
|
<el-select v-model="row.num1"> |
|
<el-option v-for="item in nums" |
|
:key="item" |
|
:label="item" |
|
:value="item" /> |
|
</el-select> |
|
</div> |
|
<div class="w-[90px] mx-2"> |
|
<el-select v-model="row.unit"> |
|
<el-option v-for="item in units" |
|
:key="item" |
|
:label="item" |
|
:value="item" /> |
|
</el-select> |
|
</div> |
|
</template> |
|
<template v-else-if="row.stRecordId === 385"> |
|
<span class="whitespace-nowrap">命中：</span> |
|
<div class="flex-1"> |
|
<el-select v-model="row.select"> |
|
<el-option v-for="item in row?.recordChildren[0]?.subject?.itemList" |
|
:key="item" |
|
:value="item.options" /> |
|
</el-select> |
|
</div> |
|
</template> |
|
<template v-else-if="$index > 13 && $index < 19"> |
|
<span class="whitespace-nowrap">关联人数</span> |
|
<div class="w-[90px] mx-2"> |
|
<el-select v-model="row.symbol"> |
|
<el-option v-for="item in symbols" |
|
:key="item" |
|
:label="item" |
|
:value="item" /> |
|
</el-select> |
|
</div> |
|
<div class="w-[90px] "> |
|
<el-select v-model="row.num"> |
|
<el-option v-for="item in nums" |
|
:key="item" |
|
:label="item" |
|
:value="item" /> |
|
</el-select> |
|
</div> |
|
<span class="whitespace-nowrap ml-2">人。</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 { accessStrategyAntiFraudStrategyFind, accessStrategyAntiFraudStrategySave } 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 symbols: Array<string> = ['>=', '<', '>', '==', '<=']; |
|
const nums: Array<number> = [2, 3, 4, 7, 10, 30, 60, 85]; |
|
const units: Array<string> = ['年', '月', '天']; |
|
const have: Array<string> = ['否', '是']; |
|
// 配置项 |
|
const getConfig = async () => { |
|
const { process } = await getProcessInformationBasedOnRoles(155); |
|
const result = []; |
|
process.forEach((e, i) => { |
|
const cur = info.value.find((n) => n.stRecordId === e.id); |
|
let num = getNum(cur?.ruleOne); |
|
let symbol = getSymbol(cur?.ruleOne); |
|
let temp = { |
|
name: e.name, |
|
recordChildren: e.recordChildren, |
|
subjectId: e.subjectId, |
|
stRecordId: e.id, |
|
ruleId: e?.recordChildren[0].id, |
|
rule: e?.recordChildren[0].name, |
|
symbol: symbol || '>=', |
|
num: num || 2, |
|
num1: '', |
|
had: '否', |
|
select: cur?.ruleOne || '', |
|
unit: '', |
|
}; |
|
|
|
result.push(temp); |
|
// eslint-disable-next-line no-unused-expressions |
|
e?.recordChildren.forEach((n, i) => { |
|
if (i) { |
|
temp = JSON.parse(JSON.stringify(temp)); |
|
temp.ruleId = n.id; |
|
temp.rule = n.name; |
|
if (n.id === 388) { |
|
temp.had = cur?.ruleTwo || '否'; |
|
} else if (n.id === 389) { |
|
temp.had = cur?.ruleThree || '否'; |
|
} else if (n.id === 406) { |
|
temp.had = cur?.ruleSix || '否'; |
|
} else if (n.id === 407) { |
|
temp.had = cur?.ruleSeven || '否'; |
|
} else if (n.id === 408) { |
|
temp.had = cur?.ruleEight || '否'; |
|
} else if (n.id === 409) { |
|
temp.had = cur?.ruleNine || '否'; |
|
} else if (n.id === 410) { |
|
temp.had = cur?.ruleTen || '否'; |
|
} else if (n.id === 411) { |
|
temp.had = cur?.ruleEleven || '否'; |
|
} else if (n.id === 412) { |
|
temp.had = cur?.ruleTwelve || '否'; |
|
} else if (n.id === 413) { |
|
temp.had = cur?.ruleThirteen || '否'; |
|
} else if (n.id === 414) { |
|
temp.had = cur?.ruleFourteen || '否'; |
|
} else if (e.id === 385) { |
|
// 人脸反欺诈 |
|
if (n.id === 393) { |
|
temp.select = cur?.ruleTwo; |
|
} else if (n.id === 394) { |
|
temp.select = cur?.ruleThree; |
|
} else if (n.id === 395) { |
|
temp.select = cur?.ruleFour; |
|
} else if (n.id === 396) { |
|
temp.select = cur?.ruleFive; |
|
} else if (n.id === 397) { |
|
temp.select = cur?.ruleSix; |
|
} else if (n.id === 398) { |
|
temp.select = cur?.ruleSeven; |
|
} else if (n.id === 399) { |
|
temp.select = cur?.ruleEight; |
|
} else if (n.id === 400) { |
|
temp.select = cur?.ruleNine; |
|
} |
|
} else if (n.id === 390) { |
|
const arr = cur?.ruleFour?.split('~') || []; |
|
temp.num = getNum(arr[0]) || ''; |
|
temp.num1 = getNum(arr[1]) || ''; |
|
temp.unit = getChinese(arr[1]) || ''; |
|
} else if (n.id === 391) { |
|
const arr = cur?.ruleFive?.split('~') || []; |
|
temp.num = getNum(arr[0]) || ''; |
|
temp.num1 = getNum(arr[1]) || ''; |
|
temp.unit = getChinese(arr[1]) || ''; |
|
} else if (n.id === 401) { |
|
temp.symbol = getSymbol(cur?.ruleOne) || '>='; |
|
temp.num = getNum(cur?.ruleOne) || 2; |
|
} else if (n.id === 402) { |
|
temp.symbol = getSymbol(cur?.ruleTwo) || '>='; |
|
temp.num = getNum(cur?.ruleTwo) || 2; |
|
} else if (n.id === 403) { |
|
temp.symbol = getSymbol(cur?.ruleThree) || '>='; |
|
temp.num = getNum(cur?.ruleThree) || 2; |
|
} else if (n.id === 404) { |
|
temp.symbol = getSymbol(cur?.ruleFour) || '>='; |
|
temp.num = getNum(cur?.ruleFour) || 2; |
|
} else if (n.id === 405) { |
|
temp.symbol = getSymbol(cur?.ruleFive) || '>='; |
|
temp.num = getNum(cur?.ruleFive) || 2; |
|
} |
|
result.push(temp); |
|
} |
|
}); |
|
}); |
|
form.value = result; |
|
}; |
|
// 详情 |
|
const getDetail = async () => { |
|
try { |
|
const { data } = await accessStrategyAntiFraudStrategyFind(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: 5, |
|
colspan: 1, |
|
}; |
|
} else if (rowIndex === 5) { |
|
return { |
|
rowspan: 9, |
|
colspan: 1, |
|
}; |
|
} else if (rowIndex === 14) { |
|
return { |
|
rowspan: 14, |
|
colspan: 1, |
|
}; |
|
} else { |
|
return { |
|
rowspan: 0, |
|
colspan: 0, |
|
}; |
|
} |
|
} |
|
}; |
|
// 提交 |
|
const submit = async () => { |
|
let param = [ |
|
{ |
|
id: info.value.find((n) => n.stRecordId === 384)?.id, |
|
stRecordId: 384, |
|
checkpointId: levelId, |
|
projectId, |
|
ruleOne: form.value[0].symbol + form.value[0].num, |
|
ruleTwo: form.value[1].had, |
|
ruleThree: form.value[2].had, |
|
ruleFour: form.value[3].num + '~' + form.value[3].num1 + form.value[3].unit, |
|
ruleFive: form.value[4].num + '~' + form.value[4].num1 + form.value[4].unit, |
|
}, |
|
{ |
|
id: info.value.find((n) => n.stRecordId === 385)?.id, |
|
stRecordId: 385, |
|
checkpointId: levelId, |
|
projectId, |
|
ruleOne: form.value[5].select, |
|
ruleTwo: form.value[6].select, |
|
ruleThree: form.value[7].select, |
|
ruleFour: form.value[8].select, |
|
ruleFive: form.value[9].select, |
|
ruleSix: form.value[10].select, |
|
ruleSeven: form.value[11].select, |
|
ruleEight: form.value[12].select, |
|
ruleNine: form.value[13].select, |
|
}, |
|
{ |
|
id: info.value.find((n) => n.stRecordId === 386)?.id, |
|
stRecordId: 386, |
|
checkpointId: levelId, |
|
projectId, |
|
ruleOne: form.value[14].symbol + form.value[14].num, |
|
ruleTwo: form.value[15].symbol + form.value[15].num, |
|
ruleThree: form.value[16].symbol + form.value[16].num, |
|
ruleFour: form.value[17].symbol + form.value[17].num, |
|
ruleFive: form.value[18].symbol + form.value[18].num, |
|
ruleSix: form.value[19].had, |
|
ruleSeven: form.value[20].had, |
|
ruleEight: form.value[21].had, |
|
ruleNine: form.value[22].had, |
|
ruleTen: form.value[23].had, |
|
ruleEleven: form.value[24].had, |
|
ruleTwelve: form.value[25].had, |
|
ruleThirteen: form.value[26].had, |
|
ruleFourteen: form.value[27].had, |
|
}, |
|
]; |
|
await accessStrategyAntiFraudStrategySave({ antiFraudStrategyList: param }); |
|
addRecord(param); |
|
getDetail(); |
|
ElMessage.success('提交成功！'); |
|
}; |
|
const getName = (str: string): string | number => { |
|
const result = form.value[5]?.recordChildren[0]?.subject?.itemList?.find((e) => e.options === str); |
|
return result?.itemId || ''; |
|
}; |
|
// 新增判分记录 |
|
const addRecord = async (data: Record<string, any>) => { |
|
const preIds = `1,${Cookies.get('sand-level')},42,67,147,155`; // 1，关卡id，角色（这个页面是风控经理策略） |
|
const rule: Array<Record<string, any>> = [ |
|
handleId(387, 150, data[0].ruleOne, preIds + ',384,387', 5), |
|
handleId(388, 140, data[0].ruleTwo === '是' ? 345 : 346, preIds + ',384,388', 1), |
|
handleId(389, 140, data[0].ruleThree === '是' ? 345 : 346, preIds + ',384,389', 1), |
|
handleId(390, 187, data[0].ruleFour, preIds + ',384,390', 5), |
|
handleId(391, 187, data[0].ruleFive, preIds + ',384,391', 5), |
|
]; |
|
data[1].ruleOne && rule.push(handleId(392, 188, getName(data[1].ruleOne), preIds + ',385,392', 1)); |
|
data[1].ruleTwo && rule.push(handleId(393, 188, getName(data[1].ruleTwo), preIds + ',385,393', 1)); |
|
data[1].ruleThree && rule.push(handleId(394, 188, getName(data[1].ruleThree), preIds + ',385,394', 1)); |
|
data[1].ruleFour && rule.push(handleId(395, 188, getName(data[1].ruleFour), preIds + ',385,395', 1)); |
|
data[1].ruleFive && rule.push(handleId(396, 188, getName(data[1].ruleFive), preIds + ',385,396', 1)); |
|
data[1].ruleSix && rule.push(handleId(397, 188, getName(data[1].ruleSix), preIds + ',385,397', 1)); |
|
data[1].ruleSeven && rule.push(handleId(398, 188, getName(data[1].ruleSeven), preIds + ',385,398', 1)); |
|
data[1].ruleEight && rule.push(handleId(399, 188, getName(data[1].ruleEight), preIds + ',385,399', 1)); |
|
data[1].ruleNine && rule.push(handleId(400, 188, getName(data[1].ruleNine), preIds + ',385,400', 1)); |
|
|
|
rule.push( |
|
handleId(401, 182, data[2].ruleOne, preIds + ',386,401', 5), |
|
handleId(402, 183, data[2].ruleTwo, preIds + ',386,402', 5), |
|
handleId(403, 184, data[2].ruleThree, preIds + ',386,403', 5), |
|
handleId(404, 161, data[2].ruleFour, preIds + ',386,404', 5), |
|
handleId(405, 162, data[2].ruleFive, preIds + ',386,405', 5), |
|
|
|
handleId(406, 140, data[2].ruleSix === '是' ? 345 : 346, preIds + ',386,406', 1), |
|
handleId(407, 140, data[2].ruleSeven === '是' ? 345 : 346, preIds + ',386,407', 1), |
|
handleId(408, 140, data[2].ruleEight === '是' ? 345 : 346, preIds + ',386,408', 1), |
|
handleId(409, 140, data[2].ruleNine === '是' ? 345 : 346, preIds + ',386,409', 1), |
|
handleId(410, 140, data[2].ruleTen === '是' ? 345 : 346, preIds + ',386,410', 1), |
|
handleId(411, 140, data[2].ruleEleven === '是' ? 345 : 346, preIds + ',386,411', 1), |
|
handleId(412, 140, data[2].ruleTwelve === '是' ? 345 : 346, preIds + ',386,412', 1), |
|
handleId(413, 140, data[2].ruleThirteen === '是' ? 345 : 346, preIds + ',386,413', 1), |
|
handleId(414, 140, data[2].ruleFourteen === '是' ? 345 : 346, preIds + ',386,414', 1), |
|
); |
|
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>
|
|
|