From 013f15fc4a0fcace51a7e0ffbb18c3d6785c2fab Mon Sep 17 00:00:00 2001
From: chenjinsong <523037378@qq.com>
Date: Thu, 5 Jan 2023 15:00:00 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20detections=20=E6=80=A7=E8=83=BD=E4=BA=8B?=
 =?UTF-8?q?=E4=BB=B6=E4=B8=8B=E6=8B=89=E5=86=85=E5=AE=B9risk=20level?=
 =?UTF-8?q?=E6=98=A0=E5=B0=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DetectionPerformanceEventAppOverview.vue       | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/views/detections/overview/DetectionPerformanceEventAppOverview.vue b/src/views/detections/overview/DetectionPerformanceEventAppOverview.vue
index 9dc7a00a..0c2cccff 100644
--- a/src/views/detections/overview/DetectionPerformanceEventAppOverview.vue
+++ b/src/views/detections/overview/DetectionPerformanceEventAppOverview.vue
@@ -38,7 +38,7 @@
       <div class="overview__row">
         <div class="row__label">{{$t('entities.riskLevel')}}</div>
         <div class="row__content">
-          <div class="row__tag" :style="`background-color:${eventSeverityColor[basicInfo.appRisk]}`">{{basicInfo.appRisk || '-'}}</div>
+          <div class="row__tag" :style="`background-color:${eventSeverityColor[basicInfo.appRisk]}`">{{basicInfo.appRisk ? getRiskLevel(basicInfo.appRisk) : '-'}}</div>
         </div>
       </div>
     </div>
@@ -88,7 +88,7 @@
 </template>
 
 <script>
-import { eventSeverityColor, unitTypes } from '@/utils/constants'
+import { eventSeverityColor, unitTypes, riskLevelMapping } from '@/utils/constants'
 import { api, getData } from '@/utils/api'
 import { getSecond } from '@/utils/date-util'
 import { get } from '@/utils/http'
@@ -104,12 +104,22 @@ export default {
   },
   data () {
     return {
+      riskLevelMapping,
       eventSeverityColor,
       basicInfo: {},
       metricList: []
     }
   },
   computed: {
+    getRiskLevel () {
+      return function (appRisk) {
+        if (this.riskLevelMapping[appRisk]) {
+          return this.riskLevelMapping[appRisk].name
+        } else {
+          return appRisk
+        }
+      }
+    },
     computeLocation () {
       return function (basicInfo) {
         let result = ''