From 5a1c20f84ad6901c1cf241d8d60e43ab29d03513 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=B4=AA=E6=B4=AA?= <2498601771@qq.com>
Date: Thu, 27 Apr 2023 16:50:37 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B0=83=E6=95=B4=E5=AE=9E=E4=BD=93?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E4=BB=A3=E7=A0=81=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/entityExplorer/entityList/Row.vue | 134 +++++++-------------
 1 file changed, 49 insertions(+), 85 deletions(-)

diff --git a/src/views/entityExplorer/entityList/Row.vue b/src/views/entityExplorer/entityList/Row.vue
index 5a0fb639..bfaa6b60 100644
--- a/src/views/entityExplorer/entityList/Row.vue
+++ b/src/views/entityExplorer/entityList/Row.vue
@@ -2,20 +2,15 @@
   <div class="cn-entity--list" :style="{ zIndex: !isCollapse ? 1 : 'unset' }">
     <!-- 左侧下拉按钮 -->
     <div class="cn-entity__collapse">
-      <span @click="switchCollapse" :class="{ 'reg-down': !isCollapse }"
-        ><i class="cn-icon cn-icon-arrow-right"></i
-      ></span>
+      <span @click="switchCollapse" :class="{ 'reg-down': !isCollapse }">
+        <i class="cn-icon cn-icon-arrow-right"></i>
+      </span>
     </div>
     <div class="cn-entity__case">
       <div class="cn-entity__icon"><i :class="iconClass"></i></div>
       <div class="cn-entity__row">
         <div class="cn-entity__header">
-          {{
-            entityData.ipAddr ||
-            entityData.domainName ||
-            entityData.appName ||
-            'Unknown'
-          }}
+          {{ entityData.ipAddr || entityData.domainName || entityData.appName || 'Unknown' }}
         </div>
         <div class="cn-entity__body">
           <div class="body__basic-info">
@@ -40,11 +35,7 @@
               <template v-else-if="entityData.entityType === 'domain'">
                 <div class="basic-info__item">
                   <i class="cn-icon cn-icon-category"></i>
-                  <span
-                    >{{
-                      $t('entities.domainDetail.categoryGroup')
-                    }}&nbsp;:&nbsp;&nbsp;</span
-                  >
+                  <span>{{ $t('entities.domainDetail.categoryGroup') }}&nbsp;:&nbsp;&nbsp;</span>
                   <span>{{ entityData.domainCategoryGroup || '-' }}</span>
                 </div>
                 <div class="basic-info__item">
@@ -54,11 +45,7 @@
                 </div>
                 <div class="basic-info__item">
                   <i class="cn-icon cn-icon-credit"></i>
-                  <span
-                    >{{
-                      $t('entities.reputationLevel')
-                    }}&nbsp;:&nbsp;&nbsp;</span
-                  >
+                  <span>{{ $t('entities.reputationLevel') }}&nbsp;:&nbsp;&nbsp;</span>
                   <span>{{ entityData.domainReputationScore || '-' }}</span>
                 </div>
               </template>
@@ -71,7 +58,7 @@
                 <div class="basic-info__item">
                   <i class="cn-icon cn-icon-category"></i>
                   <span
-                    >{{ $t('entities.subcategory') }}&nbsp;:&nbsp;&nbsp;</span
+                  >{{ $t('entities.subcategory') }}&nbsp;:&nbsp;&nbsp;</span
                   >
                   <span>{{ entityData.appSubcategory || '-' }}</span>
                 </div>
@@ -85,37 +72,30 @@
               <div class="basic-info__item">
                 <div class="item__box">
                   <i class="cn-icon cn-icon-rise"></i>
-                  <span
-                    >{{
-                      $t('entities.sentThroughput')
-                    }}&nbsp;:&nbsp;&nbsp;</span
-                  >
-                  <span>{{
-                    entityData.bytesSentRate
-                      ? unitConvert(
-                          entityData.bytesSentRate,
-                          unitTypes.byte,
-                        ).join(' ') + 'ps'
-                      : '-'
-                  }}</span>
+                  <span>{{ $t('entities.sentThroughput') }}&nbsp;:&nbsp;&nbsp;</span>
+                  <span>
+                    {{
+                      entityData.bytesSentRate ? unitConvert(entityData.bytesSentRate, unitTypes.byte).join(' ') + 'ps' : '-'
+                    }}
+                  </span>
                   <!-- 曲线-->
                   <div class="item-box-loading">
                     <loading :loading="loading" size="small"></loading>
                     <div
                         class="row__charts"
                         :id="`entityDetailSend${entityType}${listMode}`"
-                        v-if="entityData.entityType === 'domain'"
-                    ></div>
+                        v-if="entityData.entityType === 'domain'">
+                    </div>
                     <div
                         class="row__charts"
                         :id="`entityDetailSend${entityType}${listMode}`"
-                        v-if="entityData.entityType === 'app'"
-                    ></div>
+                        v-if="entityData.entityType === 'app'">
+                    </div>
                     <div
                         class="row__charts"
                         :id="`entityDetailSend${entityType}${listMode}`"
-                        v-if="entityData.entityType === 'ip'"
-                    ></div>
+                        v-if="entityData.entityType === 'ip'">
+                    </div>
                   </div>
                 </div>
               </div>
@@ -123,57 +103,44 @@
               <div class="basic-info__item">
                 <div class="item__box">
                   <i class="cn-icon cn-icon-fall"></i>
-                  <span
-                    >{{
-                      $t('entities.receivedThroughput')
-                    }}&nbsp;:&nbsp;&nbsp;</span
-                  >
-                  <span>{{
-                    entityData.bytesReceivedRate
-                      ? unitConvert(
-                          entityData.bytesReceivedRate,
-                          unitTypes.byte,
-                        ).join(' ') + 'ps'
-                      : '-'
-                  }}</span>
-
+                  <span>{{ $t('entities.receivedThroughput') }}&nbsp;:&nbsp;&nbsp;</span>
+                  <span>
+                    {{
+                      entityData.bytesReceivedRate ? unitConvert(entityData.bytesReceivedRate, unitTypes.byte).join(' ') + 'ps' : '-'
+                    }}
+                  </span>
                   <div class="item-box-loading">
                     <loading :loading="loading" size="small"></loading>
                     <div
-                      class="row__charts"
-                      :id="`entityDetailReceived${entityType}${listMode}`"
-                      v-if="entityData.entityType === 'domain'"
-                    ></div>
+                        class="row__charts"
+                        :id="`entityDetailReceived${entityType}${listMode}`"
+                        v-if="entityData.entityType === 'domain'">
+                    </div>
                     <div
-                      class="row__charts"
-                      :id="`entityDetailReceived${entityType}${listMode}`"
-                      v-if="entityData.entityType === 'app'"
-                    ></div>
+                        class="row__charts"
+                        :id="`entityDetailReceived${entityType}${listMode}`"
+                        v-if="entityData.entityType === 'app'">
+                    </div>
                     <div
-                      class="row__charts"
-                      :id="`entityDetailReceived${entityType}${listMode}`"
-                      v-if="entityData.entityType === 'ip'"
-                    ></div>
+                        class="row__charts"
+                        :id="`entityDetailReceived${entityType}${listMode}`"
+                        v-if="entityData.entityType === 'ip'">
+                    </div>
                   </div>
                 </div>
               </div>
               <div class="basic-info__item">
                 <i class="cn-icon cn-icon-entity-alert"></i>
                 <span>{{ $t('entities.recentAlert') }}&nbsp;:&nbsp;&nbsp;</span>
-                <span>{{ entityData.performanceCount}}</span>
+                <span>{{ entityData.performanceCount }}</span>
               </div>
               <div class="basic-info__item">
                 <i class="cn-icon cn-icon-safe"></i>
-                <span
-                  >{{ $t('entities.recentSecurity') }}&nbsp;:&nbsp;&nbsp;</span
-                >
-                <span>{{ entityData.securityCount}}</span>
+                <span>{{ $t('entities.recentSecurity') }}&nbsp;:&nbsp;&nbsp;</span>
+                <span>{{ entityData.securityCount }}</span>
               </div>
             </div>
-            <div
-              class="show-detail"
-              @click="showDetail"
-            >
+            <div class="show-detail" @click="showDetail">
               {{ $t('overall.detail') }}>
             </div>
           </div>
@@ -182,10 +149,7 @@
       <el-collapse-transition>
         <div class="cn-entity__detail-overview" v-if="!isCollapse">
           <el-divider></el-divider>
-          <detail-overview
-            :entity="entityData"
-            :time-filter="timeFilter"
-          ></detail-overview>
+          <detail-overview :entity="entityData" :time-filter="timeFilter"/>
         </div>
       </el-collapse-transition>
     </div>
@@ -220,15 +184,15 @@ export default {
     ipLocationRegion () {
       return function (entityData) {
         const hasProvinceAndCity =
-          entityData.ipLocationProvince &&
-          entityData.ipLocationCity &&
-          entityData.ipLocationProvince !== 'null' &&
-          entityData.ipLocationCity !== 'null'
+            entityData.ipLocationProvince &&
+            entityData.ipLocationCity &&
+            entityData.ipLocationProvince !== 'null' &&
+            entityData.ipLocationCity !== 'null'
         const hasProvince =
-          entityData.ipLocationProvince &&
-          entityData.ipLocationProvince !== 'null'
+            entityData.ipLocationProvince &&
+            entityData.ipLocationProvince !== 'null'
         const hasCity =
-          entityData.ipLocationCity && entityData.ipLocationCity !== 'null'
+            entityData.ipLocationCity && entityData.ipLocationCity !== 'null'
         if (hasProvinceAndCity) {
           return `${entityData.ipLocationProvince}, ${entityData.ipLocationCity}`
         } else if (hasProvince) {