From 8e5a45bfcfeeba8b7134e8aeef7ed2681396c8cc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=B4=AA=E6=B4=AA?= <2498601771@qq.com>
Date: Sun, 7 Apr 2024 16:54:09 +0800
Subject: [PATCH] =?UTF-8?q?CN-1612=20feat:=20=E9=83=A8=E5=88=86css?=
 =?UTF-8?q?=E9=87=8D=E6=9E=84=E5=86=85=E5=AE=B9=EF=BC=9A=E5=AE=9E=E4=BD=93?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85tag=E7=9A=84class=E5=90=8D=E8=BF=9B=E8=A1=8C?=
 =?UTF-8?q?=E6=9B=B4=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../entityList/detail-overview.scss            | 18 +++++-------------
 .../views/entityExplorer/entityList/row.scss   |  2 +-
 .../entityList/detailOverview/App.vue          |  4 ++--
 .../entityList/detailOverview/Domain.vue       |  4 ++--
 .../entityList/detailOverview/Ip.vue           |  6 +++---
 5 files changed, 13 insertions(+), 21 deletions(-)

diff --git a/src/assets/css/components/views/entityExplorer/entityList/detail-overview.scss b/src/assets/css/components/views/entityExplorer/entityList/detail-overview.scss
index fb75f49c..93f60a66 100644
--- a/src/assets/css/components/views/entityExplorer/entityList/detail-overview.scss
+++ b/src/assets/css/components/views/entityExplorer/entityList/detail-overview.scss
@@ -137,32 +137,24 @@
             border-radius: 2px;
             color: var(--el-color-white);
 
-            &.alert-level-tag--high.critical {
+            &.alert-level-tag--critical {
               background-color: var(--cn-color-critical);
             }
 
-            &.alert-level-tag--high.high {
+            &.alert-level-tag--high {
               background-color: var(--cn-color-high);
             }
 
-            &.alert-level-tag--high.info {
+            &.alert-level-tag--info {
               background-color: var(--cn-color-info);
             }
 
-            &.alert-level-tag--high.medium {
+            &.alert-level-tag--medium {
               background-color: var(--cn-color-medium);
             }
 
-            &.alert-level-tag--high.low {
-              background-color: var(--cn-color-low);
-            }
-
-            &.alert-level-tag--middle {
-              background-color: #FFAB66;
-            }
-
             &.alert-level-tag--low {
-              background-color: #F6C738;
+              background-color: var(--cn-color-low);
             }
           }
 
diff --git a/src/assets/css/components/views/entityExplorer/entityList/row.scss b/src/assets/css/components/views/entityExplorer/entityList/row.scss
index ff08796a..a2b8485d 100644
--- a/src/assets/css/components/views/entityExplorer/entityList/row.scss
+++ b/src/assets/css/components/views/entityExplorer/entityList/row.scss
@@ -239,7 +239,7 @@
       padding: 0 30px;
       font-size: 12px;
       //color: #2C72C6;
-      color: var(--el-color-business);
+      color: var(--el-color-primary);
       font-weight: 400;
       display: flex;
       flex-direction: column;
diff --git a/src/views/entityExplorer/entityList/detailOverview/App.vue b/src/views/entityExplorer/entityList/detailOverview/App.vue
index f515a23b..9171f467 100644
--- a/src/views/entityExplorer/entityList/detailOverview/App.vue
+++ b/src/views/entityExplorer/entityList/detailOverview/App.vue
@@ -147,7 +147,7 @@
       <div class="overview__row overview__row--small-font" v-for="(performance, index) in entityData.performanceList" :key="index">
         <div class="row__label row__label--width130">{{dateFormatByAppearance(performance.startTime) || '-'}}</div>
         <div class="row__content row__content--width90">
-          <div class="alert-level-tag alert-level-tag--high" :class="iconClass(performance)">{{performance.eventSeverity}}</div>
+          <div class="alert-level-tag" :class="`alert-level-tag--${iconClass(performance)}`">{{performance.eventSeverity}}</div>
         </div>
         <div class="row__content-loading">
           <div class="performance-event-remark">{{performance.eventType}}</div>
@@ -174,7 +174,7 @@
       <div class="overview__row overview__row--small-font" v-for="(security, index) in entityData.securityList" :key="index">
         <div class="row__label row__label--width130">{{security.startTime ? dateFormatByAppearance(Number(security.startTime)) : '-'}}</div>
         <div class="row__content row__content--width90">
-          <div class="alert-level-tag alert-level-tag--high" :class="iconClass(security)">{{security.eventSeverity}}</div>
+          <div class="alert-level-tag" :class="`alert-level-tag--${iconClass(security)}`">{{security.eventSeverity}}</div>
         </div>
         <div class="cn-detection__header">
           <i class="cn-icon cn-icon-attacker"></i>
diff --git a/src/views/entityExplorer/entityList/detailOverview/Domain.vue b/src/views/entityExplorer/entityList/detailOverview/Domain.vue
index c0a9261f..ff403b9e 100644
--- a/src/views/entityExplorer/entityList/detailOverview/Domain.vue
+++ b/src/views/entityExplorer/entityList/detailOverview/Domain.vue
@@ -151,7 +151,7 @@
       <div class="overview__row overview__row--small-font" v-for="(performance, index) in entityData.performanceList" :key="index">
         <div class="row__label row__label--width130">{{performance.startTime ? dateFormatByAppearance(Number(performance.startTime)) : '-'}}</div>
         <div class="row__content row__content--width90">
-          <div class="alert-level-tag alert-level-tag--high" :class="iconClass(performance)">{{performance.eventSeverity}}</div>
+          <div class="alert-level-tag" :class="`alert-level-tag--${iconClass(performance)}`">{{performance.eventSeverity}}</div>
         </div>
         <div class="row__content-loading">
           <div class="performance-event-remark">{{performance.eventType}}</div>
@@ -178,7 +178,7 @@
       <div class="overview__row overview__row--small-font" v-for="(security, i) in entityData.securityList" :key="i">
         <div class="row__label row__label--width130">{{security.startTime ? dateFormatByAppearance(Number(security.startTime)) : '-'}}</div>
         <div class="row__content row__content--width90">
-          <div class="alert-level-tag alert-level-tag--high" :class="iconClass(security)">{{security.eventSeverity}}</div>
+          <div class="alert-level-tag" :class="`alert-level-tag--${iconClass(security)}`">{{security.eventSeverity}}</div>
         </div>
         <div class="cn-detection__header">
           <i class="cn-icon cn-icon-attacker"></i>
diff --git a/src/views/entityExplorer/entityList/detailOverview/Ip.vue b/src/views/entityExplorer/entityList/detailOverview/Ip.vue
index ff837e24..9e2059ea 100644
--- a/src/views/entityExplorer/entityList/detailOverview/Ip.vue
+++ b/src/views/entityExplorer/entityList/detailOverview/Ip.vue
@@ -187,7 +187,7 @@
       <div class="overview__row overview__row--small-font" v-for="(performance, index) in entityData.performanceList" :key="index">
         <div class="row__label row__label--width130">{{performance.startTime ? dateFormatByAppearance(Number(performance.startTime)) : '-'}}</div>
         <div class="row__content row__content--width90">
-          <div class="alert-level-tag alert-level-tag--high" :class="iconClass(performance)">{{performance.eventSeverity}}</div>
+          <div class="alert-level-tag" :class="`alert-level-tag--${iconClass(performance)}`">{{performance.eventSeverity}}</div>
         </div>
         <div class="row__content-loading">
           <div class="performance-event-remark">{{performance.eventType}}</div>
@@ -214,9 +214,9 @@
       <div class="overview__row overview__row--small-font" v-for="(security, index) in entityData.securityList" :key="index">
         <div class="row__label row__label--width130">{{security.startTime ? dateFormatByAppearance(Number(security.startTime)) : '-'}}</div>
         <div class="row__content row__content--width90">
-          <div class="alert-level-tag alert-level-tag--high" :class="iconClass(security)">{{security.eventSeverity}}</div>
+          <div class="alert-level-tag" :class="`alert-level-tag--${iconClass(security)}`">{{security.eventSeverity}}</div>
         </div>
-        <div class="cn-detection__header" >
+        <div class="cn-detection__header">
           <i class="cn-icon cn-icon-attacker"></i>
           <span>{{ security.offenderIp }}</span>
           <div class="domain" v-if="security.offenderIp===security.serverIp">{{ security.domain }}</div>