fix: 修复detection、entity细节问题

src/assets/css/components/views/detections/detection-list/row.scss

@@ -93,12 +93,11 @@
         .domain {
           background: #EFF2F5;
           border-radius: 2px;
-          font-family: Roboto-Italic;
           font-size: 14px;
           color: #333333;
           letter-spacing: 0;
           line-height: 14px;
-          font-weight: 400;
+          margin-left: 5px;
         }
       }
 
@@ -164,4 +163,4 @@
       }
     }
   }
-}
+}

src/store/modules/user.js

@@ -67,7 +67,7 @@ const user = {
             }
           })
         } else {
-          ElMessage.error('No menu') // TODO 国际化
+          ElMessage.error('No menu')
         }
       })
     },

src/views/detections/DetectionRow.vue

@@ -9,9 +9,9 @@
       <div class="cn-detection__row">
         <div class="cn-detection__header" v-if="pageType === detectionPageType.securityEvent">
           <i class="cn-icon cn-icon-attacker" ></i>{{detection.offenderIp || '-'}}
+          <div v-if="detection.domain" class="domain">{{detection.domain}}</div>
           <span class="line">-------</span>
           <span class="circle"></span>
-          <span class="domain">{{detection.domain }}</span>
           <i class="cn-icon cn-icon-attacked" ></i>{{detection.victimIp || '-'}}
         </div>
         <div class="cn-detection__header" v-else-if="pageType === detectionPageType.performanceEvent">

src/views/detections/overview/DetectionPerformanceEventAppOverview.vue

@@ -61,7 +61,7 @@
         <div class="metric__column">
           <div class="overview__title">{{$t('detections.metric')}}</div>
           <div class="overview__row">
-            <div class="row__content--metric ">{{detection.appName  || '-'}}</div>
+            <div class="row__content--metric ">{{detection.eventType  || '-'}}</div>
           </div>
         </div>
         <div class="metric__column">
@@ -194,6 +194,7 @@ export default {
             domain: this.detection.domain,
             startTime: this.searchStartTime,
             endTime: this.searchEndTime,
+            eventType: this.detection.eventType
           }).then((response) => {
             if (response.code === 200) {
               resolve(response.data.result[0])

src/views/detections/overview/DetectionPerformanceEventDomainOverview.vue

@@ -7,7 +7,7 @@
             <span
                     class="row__content--link"
                     @click="goDetail('domain', computeSecondaryDomain(detection.domain))"
-            >{{ computeSecondaryDomain(detection.domain) }}</span>
+            >{{detection.domain}}</span>
           <template v-if="detection.eventType === 'dns error'">
             <span>
               {{$t('detections.dnsQueryError')}}
@@ -52,7 +52,7 @@
           <span>{{ $t('detections.viewDetailOf') }}</span> &nbsp;
           <span
                   class="row__content--link"
-                  @click="goDetail('domain', computeSecondaryDomain(detection.domain))">{{computeSecondaryDomain(detection.domain)}}</span>
+                  @click="goDetail('domain', computeSecondaryDomain(detection.domain))">{{detection.domain}}</span>
         </div>
       </div>
       <div class="overview__title">{{$t('detections.goToHunt')}}</div>
@@ -63,7 +63,7 @@
         <div class="metric__column">
           <div class="overview__title">{{$t('detections.metric')}}</div>
           <div class="overview__row">
-            <div class="row__content--metric ">{{detection.domain  || '-'}}</div>
+            <div class="row__content--metric ">{{detection.eventType  || '-'}}</div>
           </div>
         </div>
         <div class="metric__column">
@@ -226,6 +226,7 @@
               domain: this.detection.domain,
               startTime: this.searchStartTime,
               endTime: this.searchEndTime,
+              eventType: this.detection.eventType
             }).then((response) => {
               if (response.code === 200) {
                 resolve(response.data.result[0])
@@ -271,4 +272,4 @@
       }
     },
   }
-</script>
+</script>

src/views/detections/overview/DetectionPerformanceEventIpOverview.vue

@@ -54,7 +54,7 @@
         <div class="metric__column">
           <div class="overview__title">{{$t('detections.metric')}}</div>
           <div class="overview__row">
-            <div class="row__content--metric ">{{detection.serverIp  || '-'}}</div>
+            <div class="row__content--metric ">{{detection.eventType  || '-'}}</div>
           </div>
         </div>
         <div class="metric__column">
@@ -76,7 +76,6 @@
           </div>
         </div>
       </div>
-
     </div>
   </div>
 </template>
@@ -191,6 +190,7 @@ export default {
             domain: this.detection.domain,
             startTime: this.searchStartTime,
             endTime: this.searchEndTime,
+            eventType: this.detection.eventType
           }).then((response) => {
             if (response.code === 200) {
               resolve(response.data.result[0])

src/views/detections/overview/DetectionSecurityEventOverview.vue

@@ -8,14 +8,11 @@
             <span
               class="row__content--link"
               @click="goDetail('ip', detection.victimIp)"
-              >{{ detection.victimIp }}</span
-            >&nbsp;
+              >{{ detection.victimIp }}</span>&nbsp;
             <span>
               {{$t('detection.commandAndControl')}}
             </span>
-            <span class="row__content--link">{{
-              detection.iocValue
-            }}</span></template
+            <span class="row__content--link" @click="goDetail('ip', basicInfo.iocValue)">{{basicInfo.iocValue || '-'}}</span></template
           >
           <template v-else>
             <span
@@ -26,10 +23,11 @@
             <span>
               {{$t('detection.payloadAndDelivery')}}
             </span>
-            <span class="row__content--link">{{
-              detection.iocValue
-            }}</span></template
-          >
+            <span class="row__content--link"
+                  @click="goDetail('ip', basicInfo.iocValue)"
+            >{{
+                basicInfo.iocValue
+            }}</span></template>
         </div>
       </div>
       <div class="overview__title">Fields</div>
@@ -96,9 +94,7 @@
         <div class="row__content">
           <div
             class="row__tag"
-            :style="`background-color:${
-              eventSeverityColor[basicInfo.domainReputationLevel]
-            }`"
+            :style="`background-color:${eventSeverityColor[basicInfo.domainReputationLevel]}`"
           >
             {{ basicInfo.domainReputationLevel || '-' }}
           </div>
@@ -184,7 +180,7 @@
             class="row__content--link"
             @click="goDetail('ip', basicInfo.offenderIp)"
             >{{ basicInfo.offenderIp }}</span
-          >
+          >&nbsp;&nbsp;
           <span
             class="row__content--link"
             @click="goDetail('domain', basicInfo.domain)"
@@ -378,14 +374,16 @@ export default {
       })
     },
     goDetail (type, name) {
-      const { href } = this.$router.resolve({
-        path: '/entityDetail',
-        query: {
-          entityType: type,
-          name: name
-        }
-      })
-      window.open(href, '_blank')
+      if (name) {
+        const { href } = this.$router.resolve({
+          path: '/entityDetail',
+          query: {
+            entityType: type,
+            name: name
+          }
+        })
+        window.open(href, '_blank')
+      }
     }
   },
   mounted () {

src/views/entityExplorer/entityList/detailOverview/App.vue

@@ -135,7 +135,7 @@
     <div class="overview__content">
       <div class="overview__row">
         <div class="row__label">{{$t('entities.recentAlert')}}</div>
-        <div class="row__content">{{entityData.performanceNum || '-'}}</div>
+        <div class="row__content">{{entityData.performanceNum}}</div>
       </div>
       <div class="overview__row overview__row--small-font"   v-for="(performance, index) in entityData.performanceList" :key="index">
         <div class="row__label row__label--width160">{{dayJs.tz(getMillisecond(performance.startTime)).format('YYYY-MM-DD HH:mm:ss') || '-'}}</div>
@@ -155,7 +155,7 @@
     <div class="overview__content">
       <div class="overview__row">
         <div class="row__label">{{$t('entities.recentSecurity')}}</div>
-        <div class="row__content">{{entityData.securityNum || '-'}}</div>
+        <div class="row__content">{{entityData.securityNum}}</div>
       </div>
       <div class="overview__row overview__row--small-font"   v-for="(security, index) in entityData.securityList" :key="index">
         <div class="row__label row__label--width160">{{dayJs.tz(getMillisecond(security.startTime)).format('YYYY-MM-DD HH:mm:ss') || '-'}}</div>

src/views/entityExplorer/entityList/detailOverview/Domain.vue

@@ -139,7 +139,7 @@
     <div class="overview__content">
       <div class="overview__row">
         <div class="row__label">{{$t('entities.recentAlert')}}</div>
-        <div class="row__content">{{entityData.performanceNum || '-'}}</div>
+        <div class="row__content">{{entityData.performanceNum}}</div>
       </div>
       <div class="overview__row overview__row--small-font" v-for="(performance, index) in entityData.performanceList" :key="index">
         <div class="row__label row__label--width160">{{dayJs.tz(getMillisecond(performance.startTime)).format('YYYY-MM-DD HH:mm:ss') || '-'}}</div>
@@ -159,7 +159,7 @@
     <div class="overview__content">
       <div class="overview__row">
         <div class="row__label">{{$t('entities.recentSecurity')}}</div>
-        <div class="row__content">{{entityData.securityNum || '-'}}</div>
+        <div class="row__content">{{entityData.securityNum}}</div>
       </div>
       <div class="overview__row overview__row--small-font" v-for="(security, i) in entityData.securityList" :key="i">
         <div class="row__label row__label--width160">{{dayJs.tz(getMillisecond(security.startTime)).format('YYYY-MM-DD HH:mm:ss') || '-'}}</div>

src/views/entityExplorer/entityList/detailOverview/Ip.vue

@@ -123,7 +123,7 @@
     <div class="overview__content">
       <div class="overview__row">
         <div class="row__label">{{$t('entities.recentAlert')}}</div>
-        <div class="row__content">{{entityData.performanceNum || '-'}}</div>
+        <div class="row__content">{{entityData.performanceNum}}</div>
       </div>
       <div class="overview__row overview__row--small-font" v-for="(performance, index) in entityData.performanceList" :key="index">
         <div class="row__label row__label--width160">{{dayJs.tz(getMillisecond(performance.startTime)).format('YYYY-MM-DD HH:mm:ss') || '-'}}</div>
@@ -143,7 +143,7 @@
     <div class="overview__content">
       <div class="overview__row">
         <div class="row__label">{{$t('entities.recentSecurity')}}</div>
-        <div class="row__content">{{entityData.securityNum || '-'}}</div>
+        <div class="row__content">{{entityData.securityNum}}</div>
       </div>
       <div class="overview__row overview__row--small-font" v-for="(security, index) in entityData.securityList" :key="index">
         <div class="row__label row__label--width160">{{dayJs.tz(getMillisecond(security.startTime)).format('YYYY-MM-DD HH:mm:ss') || '-'}}</div>