From 8e18660edccd97e6f3a5b9fd708c72396cec161c Mon Sep 17 00:00:00 2001
From: chenjinsong <523037378@qq.com>
Date: Fri, 9 Jul 2021 11:28:19 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20entities=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/entities/EntityList.vue | 48 +++++++++++++++++++++++++-
 src/components/entities/entities.scss  | 14 +++++++-
 2 files changed, 60 insertions(+), 2 deletions(-)

diff --git a/src/components/entities/EntityList.vue b/src/components/entities/EntityList.vue
index 6af9f128..77df8dd8 100644
--- a/src/components/entities/EntityList.vue
+++ b/src/components/entities/EntityList.vue
@@ -22,7 +22,53 @@
             </div>
           </div>
         </div>
-        <div class="cn-entity__body"></div>
+        <div class="cn-entity__body">
+          <template v-if="entityType === 'ip'">
+            <div class="body__row">
+              <span class="body__row-label">{{$t('common.country')}}:</span>
+              <span class="body__row-value">{{d.country || '-'}}</span>
+            </div>
+            <div class="body__row">
+              <span class="body__row-label">{{$t('common.region')}}:</span>
+              <span class="body__row-value">{{d.region || '-'}}</span>
+            </div>
+            <div class="body__row">
+              <span class="body__row-label">{{$t('common.asn')}}:</span>
+              <span class="body__row-value">{{d.asn || '-'}}</span>
+            </div>
+            <div class="body__detail">{{$t('common.detail')}}</div>
+          </template>
+          <template v-else-if="entityType === 'domain'">
+            <div class="body__row">
+              <span class="body__row-label">{{$t('entities.categoryGroup')}}:</span>
+              <span class="body__row-value">{{d.categoryGroup || '-'}}</span>
+            </div>
+            <div class="body__row">
+              <span class="body__row-label">{{$t('entities.categoryName')}}:</span>
+              <span class="body__row-value">{{d.categoryName || '-'}}</span>
+            </div>
+            <div class="body__row">
+              <span class="body__row-label">{{$t('entities.creditScore')}}:</span>
+              <span class="body__row-value">{{d.reputationScore || '-'}}</span>
+            </div>
+            <div class="body__detail">{{$t('common.detail')}}</div>
+          </template>
+          <template v-else-if="entityType === 'app'">
+            <div class="body__row">
+              <span class="body__row-label">APP ID:</span>
+              <span class="body__row-value">{{d.appId || '-'}}</span>
+            </div>
+            <div class="body__row">
+              <span class="body__row-label">{{$t('entities.category')}}:</span>
+              <span class="body__row-value">{{d.appCategory || '-'}}</span>
+            </div>
+            <div class="body__row">
+              <span class="body__row-label">{{$t('entities.subcategory')}}:</span>
+              <span class="body__row-value">{{d.appSubategory || '-'}}</span>
+            </div>
+            <div class="body__detail">{{$t('common.detail')}}</div>
+          </template>
+        </div>
       </div>
     </div>
     <div class="entity-list__pagination"></div>
diff --git a/src/components/entities/entities.scss b/src/components/entities/entities.scss
index e383b92a..30da4e1b 100644
--- a/src/components/entities/entities.scss
+++ b/src/components/entities/entities.scss
@@ -69,7 +69,19 @@
           }
         }
         .cn-entity__body {
-          background-color: lightgoldenrodyellow;
+          .body__row {
+            padding: 0 0 0 20px;
+            color: #666;
+
+            .body__row-label {
+              padding-right: 15px;
+            }
+          }
+          .body__detail {
+            padding: 10px 0 0 20px;
+            color: $--color-primary;
+            cursor: pointer;
+          }
         }
       }
     }