From bc8a704088d9f2f8c7430804ec0bf605d4adbe09 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=B4=AA=E6=B4=AA?= <2498601771@qq.com>
Date: Fri, 16 Aug 2024 18:32:09 +0800
Subject: [PATCH] =?UTF-8?q?fix:=201=E3=80=81detection=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E4=B8=A5=E9=87=8D=E7=A8=8B=E5=BA=A6=E5=AD=97?=
 =?UTF-8?q?=E6=AE=B5=EF=BC=9B2=E3=80=81=E4=BF=AE=E5=A4=8Ddetection?=
 =?UTF-8?q?=E7=9A=84threshold=E8=AF=A6=E6=83=85=E5=9B=A0=E6=8E=A5=E5=8F=A3?=
 =?UTF-8?q?=E5=AD=97=E6=AE=B5=E5=8F=98=E6=9B=B4=E5=AF=BC=E8=87=B4=E7=9A=84?=
 =?UTF-8?q?=E6=8A=A5=E9=94=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/tools.js                            | 30 +++++++++++++++++++
 .../overview/IndicatorMatchOverview.vue       |  8 ++++-
 .../detections/overview/SequenceOverview.vue  |  9 +++++-
 .../overview/detectionDetailMixin.js          |  4 ++-
 4 files changed, 48 insertions(+), 3 deletions(-)

diff --git a/src/utils/tools.js b/src/utils/tools.js
index 18af7dcc..a33d4859 100644
--- a/src/utils/tools.js
+++ b/src/utils/tools.js
@@ -1591,3 +1591,33 @@ export const headerCellClass = (row) => {
 export const handleSpecialCode = (str) => {
   return str.indexOf('&amp;') > -1 ? str.replaceAll('&amp;', '&') : str
 }
+
+/**
+ * 严重程度code和字符转换
+ * @param code
+ * @returns {string}
+ */
+export const getSeverityByCode = (code) => {
+  switch (code) {
+    case 5:
+    case '5': {
+      return 'Critical'
+    }
+    case 4:
+    case '4': {
+      return 'High'
+    }
+    case 3:
+    case '3': {
+      return 'Medium'
+    }
+    case 2:
+    case '2': {
+      return 'Low'
+    }
+    case 1:
+    case '1': {
+      return 'Info'
+    }
+  }
+}
diff --git a/src/views/detections/overview/IndicatorMatchOverview.vue b/src/views/detections/overview/IndicatorMatchOverview.vue
index 58569f71..f6974c9a 100644
--- a/src/views/detections/overview/IndicatorMatchOverview.vue
+++ b/src/views/detections/overview/IndicatorMatchOverview.vue
@@ -29,6 +29,10 @@
           {{ unitConvert(parseInt(detection.durationS), 'time', 's', null, 0).join(' ') || '-' }}
         </div>
       </div>
+      <div class="overview__row">
+        <div class="row__label">{{ $t('detection.list.eventSecurity') }}</div>
+        <div class="row__content">{{ getSeverityByCode(myDetection.severity) || '-' }}</div>
+      </div>
       <div class="overview__row">
         <div class="row__label">{{ $t('overall.clientIp') }}</div>
         <div class="row__content">{{ myDetection.clientIp || '-' }}</div>
@@ -95,6 +99,7 @@ import detectionDetailMixin from '@/views/detections/overview/detectionDetailMix
 import { countryNameIdMapping } from '@/utils/constants'
 import EventsTimeline from '@/views/detections/overview/EventsTimeline'
 import unitConvert from '@/utils/unit-convert'
+import { getSeverityByCode } from '@/utils/tools'
 export default {
   name: 'IndicatorMatchOverview',
   mixins: [detectionDetailMixin],
@@ -113,7 +118,8 @@ export default {
   },
   methods: {
     dateFormatByAppearance,
-    unitConvert
+    unitConvert,
+    getSeverityByCode
   }
 }
 </script>
diff --git a/src/views/detections/overview/SequenceOverview.vue b/src/views/detections/overview/SequenceOverview.vue
index 5ab0d975..2905cd27 100644
--- a/src/views/detections/overview/SequenceOverview.vue
+++ b/src/views/detections/overview/SequenceOverview.vue
@@ -7,6 +7,11 @@
           <div v-html="handleDescription"></div>
         </div>
       </div>
+      <div class="overview__title">{{ $t('overall.fields') }}</div>
+      <div class="overview__row">
+        <div class="row__label">{{ $t('detection.list.eventSecurity') }}</div>
+        <div class="row__content">{{ getSeverityByCode(myDetection.severity) || '-' }}</div>
+      </div>
 
       <div v-for="(obj, index) in myDetection.eventInfoList" :key="obj.stage_id">
         <div class="overview__title margin-t-18">{{ $t('detection.detail.stage') }}{{ index + 1 }}</div>
@@ -41,6 +46,7 @@
 import { dateFormatByAppearance } from '@/utils/date-util'
 import EventsTimeline from './EventsTimeline'
 import detectionDetailMixin from '@/views/detections/overview/detectionDetailMixin'
+import { getSeverityByCode } from '@/utils/tools'
 
 export default {
   name: 'SequenceOverview',
@@ -59,7 +65,8 @@ export default {
     return {}
   },
   methods: {
-    dateFormatByAppearance
+    dateFormatByAppearance,
+    getSeverityByCode
   }
 }
 </script>
diff --git a/src/views/detections/overview/detectionDetailMixin.js b/src/views/detections/overview/detectionDetailMixin.js
index 751c1e58..8c608777 100644
--- a/src/views/detections/overview/detectionDetailMixin.js
+++ b/src/views/detections/overview/detectionDetailMixin.js
@@ -115,6 +115,7 @@ export default {
           }
         }
       }).catch(e => {
+        console.error(e)
         this.$message.error(this.errorMsgHandler(e))
       })
     },
@@ -142,6 +143,7 @@ export default {
           }
         }
       }).catch(e => {
+        console.error(e)
         this.$message.error(this.errorMsgHandler(e))
       })
     },
@@ -152,7 +154,7 @@ export default {
       }
       const seriesData = []
       data.forEach(item => {
-        seriesData.push([getMillisecond(JSON.parse(item.statTime)), item.recordsNums])
+        seriesData.push([getMillisecond(JSON.parse(item.startTime)), item.recordsNum])
       })
       this.lineOption.series[0].data = seriesData
       this.lineOption.series[0].color = getSeverityNumberColor(data[0].severity) || '#ff9a79'