diff --git a/admin-frontend-vue/src/pages/tasks/DuplicateCheckPage.vue b/admin-frontend-vue/src/pages/tasks/DuplicateCheckPage.vue index 26733af3..ae428942 100644 --- a/admin-frontend-vue/src/pages/tasks/DuplicateCheckPage.vue +++ b/admin-frontend-vue/src/pages/tasks/DuplicateCheckPage.vue @@ -375,8 +375,8 @@ onMounted(() => { @@ -607,7 +617,12 @@ onMounted(() => { .f-item.btn-row { flex-direction: row; align-items: flex-end; gap: 8px; width: auto; } .kpi-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 14px; } .kpi-card { background: var(--el-bg-color); border: 1px solid var(--el-border-color-lighter); border-radius: 10px; padding: 12px 16px; box-shadow: var(--el-box-shadow-lighter); } -.k-label { color: var(--el-text-color-secondary); font-size: 12px; margin-bottom: 6px; } +.k-label { color: var(--el-text-color-secondary); font-size: 12px; margin-bottom: 6px; display: flex; align-items: center; gap: 6px; } +/* KPI 彩色指示圆点(对齐 reference k-dot:撞款红/在售店铺蓝/其余灰)。 */ +.k-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--el-border-color); display: inline-block; flex: none; } +.k-dot.danger { background: var(--el-color-danger); } +.k-dot.primary { background: var(--el-color-primary); } +.kpi-card.primary .k-value { color: var(--el-color-primary); } .k-value { font-size: 26px; font-weight: 700; font-variant-numeric: tabular-nums; } .kpi-card.danger .k-value { color: var(--el-color-danger); } .k-sub { color: var(--el-text-color-secondary); font-size: 11px; margin-top: 3px; } @@ -644,6 +659,7 @@ onMounted(() => { .gs-item:last-child { border-right: none; } .gs-v { font-size: 24px; font-weight: 700; font-variant-numeric: tabular-nums; } .gs-item.warn .gs-v { color: var(--el-color-danger); } +.gs-item.warn { background: var(--el-color-danger-light-9); } .gs-l { font-size: 12px; color: var(--el-text-color-secondary); margin-top: 4px; } .section-title { font-size: 14px; font-weight: 700; display: flex; align-items: baseline; gap: 8px; margin-bottom: 12px; } .matrix-wrap { overflow-x: auto; border-radius: 10px; background: var(--el-bg-color); border: 1px solid var(--el-border-color-lighter); }