调整风险人员总览核心异常点固定色板

This commit is contained in:
wkc
2026-03-23 14:07:33 +08:00
parent ca591ebd3c
commit c23aef0ea0
5 changed files with 260 additions and 16 deletions

View File

@@ -33,9 +33,10 @@
<el-tag
v-for="(tag, index) in scope.row.riskPointTagList"
:key="`${scope.row.idNo || scope.row.name || index}-risk-point-${index}`"
class="core-risk-tag"
:style="resolveModelTagStyle(tag)"
size="mini"
effect="plain"
:type="mapRiskLevelToTagType(tag.riskLevel)"
>
{{ tag.ruleName }}
</el-tag>
@@ -55,6 +56,59 @@
</template>
<script>
const CORE_TAG_PALETTE = {
LARGE_TRANSACTION: {
color: "#b91c1c",
borderColor: "#fca5a5",
backgroundColor: "#fff1f2",
},
ABNORMAL_TRANSACTION: {
color: "#c2410c",
borderColor: "#fdba74",
backgroundColor: "#fff7ed",
},
SUSPICIOUS_GAMBLING: {
color: "#a16207",
borderColor: "#fcd34d",
backgroundColor: "#fefce8",
},
SUSPICIOUS_RELATION: {
color: "#166534",
borderColor: "#86efac",
backgroundColor: "#f0fdf4",
},
SUSPICIOUS_PART_TIME: {
color: "#0f766e",
borderColor: "#6ee7b7",
backgroundColor: "#ecfeff",
},
SUSPICIOUS_PROPERTY: {
color: "#1d4ed8",
borderColor: "#93c5fd",
backgroundColor: "#eff6ff",
},
SUSPICIOUS_FOREIGN_EXCHANGE: {
color: "#4338ca",
borderColor: "#a5b4fc",
backgroundColor: "#eef2ff",
},
SUSPICIOUS_INTEREST_PAYMENT: {
color: "#7e22ce",
borderColor: "#d8b4fe",
backgroundColor: "#faf5ff",
},
SUSPICIOUS_PURCHASE: {
color: "#be185d",
borderColor: "#f9a8d4",
backgroundColor: "#fdf2f8",
},
ABNORMAL_BEHAVIOR: {
color: "#334155",
borderColor: "#cbd5e1",
backgroundColor: "#f8fafc",
},
};
function normalizeRiskPointTags(tags, riskPoint, riskLevel) {
if (Array.isArray(tags) && tags.length) {
return tags
@@ -69,6 +123,8 @@ function normalizeRiskPointTags(tags, riskPoint, riskLevel) {
return {
ruleName: item.ruleName || item.label || item.name || "",
riskLevel: item.riskLevel || riskLevel,
modelCode: item.modelCode || "",
modelName: item.modelName || "",
};
}
return null;
@@ -115,15 +171,8 @@ export default {
},
},
methods: {
mapRiskLevelToTagType(riskLevel) {
const level = String(riskLevel || "").toUpperCase();
if (level === "HIGH" || level === "DANGER") {
return "danger";
}
if (level === "MEDIUM" || level === "WARNING") {
return "warning";
}
return "info";
resolveModelTagStyle(tag) {
return CORE_TAG_PALETTE[tag.modelCode] || {};
},
},
};
@@ -176,6 +225,11 @@ export default {
gap: 6px;
}
:deep(.core-risk-tag) {
border-radius: 999px;
font-weight: 500;
}
.empty-text {
color: #94a3b8;
}

View File

@@ -23,8 +23,8 @@ export const mockOverviewData = {
modelCount: 3,
riskPoint: "跨地域转账频繁交易",
riskPointTagList: [
{ ruleName: "跨地域转账", riskLevel: "HIGH" },
{ ruleName: "频繁交易", riskLevel: "HIGH" },
{ modelCode: "LARGE_TRANSACTION", modelName: "大额交易", ruleName: "跨地域转账", riskLevel: "HIGH" },
{ modelCode: "ABNORMAL_TRANSACTION", modelName: "异常交易", ruleName: "频繁交易", riskLevel: "HIGH" },
],
actionLabel: "查看详情",
},
@@ -38,8 +38,8 @@ export const mockOverviewData = {
modelCount: 2,
riskPoint: "多工资转入频繁交易",
riskPointTagList: [
{ ruleName: "多工资转入", riskLevel: "MEDIUM" },
{ ruleName: "频繁交易", riskLevel: "MEDIUM" },
{ modelCode: "SUSPICIOUS_PART_TIME", modelName: "可疑兼职", ruleName: "多工资转入", riskLevel: "MEDIUM" },
{ modelCode: "ABNORMAL_BEHAVIOR", modelName: "异常行为", ruleName: "频繁交易", riskLevel: "MEDIUM" },
],
actionLabel: "查看详情",
},
@@ -53,7 +53,7 @@ export const mockOverviewData = {
modelCount: 1,
riskPoint: "频繁小额转账",
riskPointTagList: [
{ ruleName: "频繁小额转账", riskLevel: "LOW" },
{ modelCode: "SUSPICIOUS_GAMBLING", modelName: "疑似赌博", ruleName: "频繁小额转账", riskLevel: "LOW" },
],
actionLabel: "查看详情",
},