调整风险人员总览核心异常点固定色板
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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: "查看详情",
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user