From bfb1d93d95dad9f24d8e3b6f79f160012c8b544b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=B4=AA=E6=B4=AA?= <2498601771@qq.com>
Date: Tue, 21 Nov 2023 18:33:22 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Dnpm--event=E7=9A=84?=
 =?UTF-8?q?=E4=B8=A5=E9=87=8D=E7=A8=8B=E5=BA=A6=E5=89=8D=E8=89=B2=E5=9D=97?=
 =?UTF-8?q?=E6=A0=87=E8=AF=86=E4=B8=A2=E5=A4=B1=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/static-data.js                         | 5 +++++
 src/views/charts2/charts/npm/NpmEventsHeader.vue | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/utils/static-data.js b/src/utils/static-data.js
index 894661af..cee15a00 100644
--- a/src/utils/static-data.js
+++ b/src/utils/static-data.js
@@ -222,26 +222,31 @@ export const dataForNpmEventsHeader = {
   chartData: [
     {
       eventSeverity: 'overall.critical',
+      class: 'critical',
       count: '-',
       index: 0
     },
     {
       eventSeverity: 'overall.high',
+      class: 'high',
       count: '-',
       index: 1
     },
     {
       eventSeverity: 'overall.medium',
+      class: 'medium',
       count: '-',
       index: 2
     },
     {
       eventSeverity: 'overall.low',
+      class: 'low',
       count: '-',
       index: 3
     },
     {
       eventSeverity: 'overall.info',
+      class: 'info',
       count: '-',
       index: 4
     }
diff --git a/src/views/charts2/charts/npm/NpmEventsHeader.vue b/src/views/charts2/charts/npm/NpmEventsHeader.vue
index 329679a7..9e2872f0 100644
--- a/src/views/charts2/charts/npm/NpmEventsHeader.vue
+++ b/src/views/charts2/charts/npm/NpmEventsHeader.vue
@@ -2,7 +2,7 @@
  <div class="npm-header">
   <div class="npm-header-body" v-for="(item, index) in chartData" :key=index>
     <div class="npm-header-body-severity">
-      <div class="npm-header-body-severity-icon" :class="item.eventSeverity" :test-id="`icon${index}`"></div>
+      <div class="npm-header-body-severity-icon" :class="item.class" :test-id="`icon${index}`"></div>
       <div class="npm-header-body-severity-value" :test-id="`severity${index}`">{{ $t(item.eventSeverity) }}</div>
     </div>
     <chart-error v-if="showError" tooltip :content="errorMsg" />