From 4c26da0d3f1bde1f670dd0ee5cdeb3dc91245b53 Mon Sep 17 00:00:00 2001
From: chenjinsong <523037378@qq.com>
Date: Mon, 28 Feb 2022 16:10:45 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E5=B7=A6=E4=BE=A7=E7=AD=9B=E9=80=89?=
 =?UTF-8?q?=E6=97=A0=E6=95=B0=E6=8D=AE=E6=97=B6=EF=BC=8C=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?nodata?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/detections/DetectionFilter.vue | 12 ++++++++++++
 src/views/detections/DetectionRow.vue    | 14 ++++++++++++--
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/views/detections/DetectionFilter.vue b/src/views/detections/DetectionFilter.vue
index adf7d25e..48ea0ad7 100644
--- a/src/views/detections/DetectionFilter.vue
+++ b/src/views/detections/DetectionFilter.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="detection-filter-case">
+    <div class="no-data" v-if="isNoData">No data</div>
     <template v-for="(filter, index) in filterData" :key="index">
       <div class="detection-filter" v-show="filter.data.length > 0">
         <div class="filter__header" @click="filter.collapse = !filter.collapse">
@@ -51,6 +52,17 @@ export default {
       filter.showIndex && (filter.showIndex += 10)
       filter.showIndex >= filter.data.length && (filter.showMore = false)
     }
+  },
+  computed: {
+    isNoData () {
+      let isNoData = true
+      this.filterData.forEach(filter => {
+        if (!this.$_.isEmpty(filter.data)) {
+          isNoData = false
+        }
+      })
+      return isNoData
+    }
   }
 }
 </script>
diff --git a/src/views/detections/DetectionRow.vue b/src/views/detections/DetectionRow.vue
index 181b9c15..4428c7f0 100644
--- a/src/views/detections/DetectionRow.vue
+++ b/src/views/detections/DetectionRow.vue
@@ -20,16 +20,26 @@
         <div class="cn-detection__body">
           <div class="body__basic-info">
             <div class="basic-info">
-              <div class="basic-info__item">
+              <div class="basic-info__item" v-if="detection.eventSecurity">
                 <i class="cn-icon cn-icon-severity-level"></i>
                 <span>{{$t('detection.list.eventSecurity')}}&nbsp;:&nbsp;&nbsp;</span>
                 <span>{{detection.eventSecurity}}</span>
               </div>
-              <div class="basic-info__item">
+              <div class="basic-info__item" v-if="detection.eventSeverity">
+                <i class="cn-icon cn-icon-severity-level"></i>
+                <span>{{$t('detections.eventSeverity')}}&nbsp;:&nbsp;&nbsp;</span>
+                <span>{{detection.eventSeverity}}</span>
+              </div>
+              <div class="basic-info__item" v-if="detection.securityType">
                 <i class="cn-icon cn-icon-event-type"></i>
                 <span>{{$t('detection.list.securityType')}}&nbsp;:&nbsp;&nbsp;</span>
                 <span>{{detection.securityType}}</span>
               </div>
+              <div class="basic-info__item" v-if="detection.eventType">
+                <i class="cn-icon cn-icon-event-type"></i>
+                <span>{{$t('detections.eventType')}}&nbsp;:&nbsp;&nbsp;</span>
+                <span>{{detection.eventType}}</span>
+              </div>
               <div class="basic-info__item" v-if="detection.malwareName">
                 <i class="cn-icon cn-icon-trojan"></i>
                 <span>{{$t('detection.list.malwareName')}}&nbsp;:&nbsp;&nbsp;</span>