From d0c56545d4deba913d36d84b0b85567872bf7cc1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=B4=AA=E6=B4=AA?= <2498601771@qq.com>
Date: Wed, 21 Aug 2024 17:59:52 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20detection=E7=9A=84sequence=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E6=97=B6=E9=97=B4=E7=B1=BB=E5=AD=97=E6=AE=B5=E8=BF=9B?=
 =?UTF-8?q?=E8=A1=8C=E8=BD=AC=E6=8D=A2=E5=B9=B6=E6=B7=BB=E5=8A=A0icon?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../detections/overview/IndicatorMatchOverview.vue |  6 +++---
 src/views/detections/overview/SequenceOverview.vue | 14 ++++++++++++--
 .../detections/overview/detectionDetailMixin.js    |  2 +-
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/views/detections/overview/IndicatorMatchOverview.vue b/src/views/detections/overview/IndicatorMatchOverview.vue
index f6974c9a..be94bff8 100644
--- a/src/views/detections/overview/IndicatorMatchOverview.vue
+++ b/src/views/detections/overview/IndicatorMatchOverview.vue
@@ -30,7 +30,7 @@
         </div>
       </div>
       <div class="overview__row">
-        <div class="row__label">{{ $t('detection.list.eventSecurity') }}</div>
+        <div class="row__label">{{ $t('detection.list.eventSeverity') }}</div>
         <div class="row__content">{{ getSeverityByCode(myDetection.severity) || '-' }}</div>
       </div>
       <div class="overview__row">
@@ -41,10 +41,10 @@
         <div class="row__label">{{ $t('detection.clientLocation') }}</div>
         <div class="row__content">
           <div v-if="myDetection.clientCountryRegion">
-            <div>
+            <span>
               <img v-if="myDetection.clientCountryRegion===countryNameIdMapping.Unknown || !countryNameIdMapping[myDetection.clientCountryRegion]" src="../../../../public/images/flag/Unknown.svg" class="filter-country-flag">
               <img v-else :src="require(`../../../../public/images/flag/${countryNameIdMapping[myDetection.clientCountryRegion]}.png`)" class="filter-country-flag" >
-            </div>
+            </span>
             {{ myDetection.clientCountryRegion || '-' }}, {{ myDetection.clientSuperAdminArea || '-' }}
           </div>
           <div v-else>-</div>
diff --git a/src/views/detections/overview/SequenceOverview.vue b/src/views/detections/overview/SequenceOverview.vue
index 2905cd27..5df8c8eb 100644
--- a/src/views/detections/overview/SequenceOverview.vue
+++ b/src/views/detections/overview/SequenceOverview.vue
@@ -9,7 +9,7 @@
       </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__label">{{ $t('detection.list.eventSeverity') }}</div>
         <div class="row__content">{{ getSeverityByCode(myDetection.severity) || '-' }}</div>
       </div>
 
@@ -18,7 +18,17 @@
         <div v-for="(item, fields) in obj" :key="fields">
           <div class="overview__row" v-if="fields !== 'stage_id'">
             <div class="row__label row__label__capitalize">{{ fields }}</div>
-            <div class="row__content">{{ item || '-' }}</div>
+            <div class="row__content" v-if="item">
+              <div v-if="$_.isNumber(item)">
+                <div v-if="item > 1000000000">
+                  <i class="cn-icon cn-icon-time2 row__content__icon"></i>
+                  {{ dateFormatByAppearance(item) }}
+                </div>
+                <div v-else>{{ item }}</div>
+              </div>
+              <div v-else>{{ item }}</div>
+            </div>
+            <div class="row__content" v-else>-</div>
           </div>
         </div>
         <div class="overview__row">
diff --git a/src/views/detections/overview/detectionDetailMixin.js b/src/views/detections/overview/detectionDetailMixin.js
index a6e6022b..660c4b80 100644
--- a/src/views/detections/overview/detectionDetailMixin.js
+++ b/src/views/detections/overview/detectionDetailMixin.js
@@ -137,7 +137,7 @@ export default {
               this.handleLineChart(data)
             }
             const detailData = data[0]
-            if (detailData.eventInfo) {
+            if (detailData?.eventInfo) {
               detailData.eventInfoList = JSON.parse(detailData.eventInfo)
             }
             this.myDetection = { ...this.myDetection, ...detailData }