From f3c232965c9870b3a9ebbc35975513fccc60cc62 Mon Sep 17 00:00:00 2001
From: chenjinsong <523037378@qq.com>
Date: Tue, 13 Jul 2021 15:44:49 +0800
Subject: [PATCH] =?UTF-8?q?CN-53=20perf:=20entity=E5=AE=9E=E4=BD=93?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E7=AD=9B=E9=80=89=E5=8A=9F=E8=83=BD=E5=AE=8C?=
 =?UTF-8?q?=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/charts/StatisticsLegend.vue | 3 ++-
 src/components/entities/LeftFilter.vue     | 3 ++-
 src/i18n/index.js                          | 4 ++--
 src/views/entities/EntityExplorer.vue      | 4 ++--
 4 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/charts/StatisticsLegend.vue b/src/components/charts/StatisticsLegend.vue
index aac78330..4762e162 100644
--- a/src/components/charts/StatisticsLegend.vue
+++ b/src/components/charts/StatisticsLegend.vue
@@ -18,7 +18,7 @@
 
 <script>
 import { getChartColor } from '@/components/charts/chart-options'
-import {chartColor} from "./chart-options";
+import { chartColor } from './chart-options'
 export default {
   name: 'StatisticsLegend',
   props: {
@@ -47,6 +47,7 @@ export default {
   border: 1px solid #E7EAED;
   color: #5f6368;
   margin: auto;
+  margin-bottom: 15px;
 }
 .chart__table-top {
   width: 100%;
diff --git a/src/components/entities/LeftFilter.vue b/src/components/entities/LeftFilter.vue
index 7caaf421..314e3a71 100644
--- a/src/components/entities/LeftFilter.vue
+++ b/src/components/entities/LeftFilter.vue
@@ -11,11 +11,12 @@
         >
           <el-tree
               :data="f.data"
-              :load="(node, resolve) => f.loadFilter(node, resolve, f.filterType, f.childrenKey ? f.childrenKey : f.key)"
+              :load="(node, resolve) => f.loadFilter(node, resolve, f.filterType, f.childrenKey, f.key)"
               :node-key="f.key"
               :props="{ isLeaf: 'leaf' }"
               :expand-on-click-node="false"
               :lazy="i === 0"
+              highlight-current
               :show-checkbox="i === 1"
               @node-click="nodeClick"
           >
diff --git a/src/i18n/index.js b/src/i18n/index.js
index e939c782..63691555 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -2,8 +2,8 @@ import { createI18n } from 'vue-i18n'
 import { storageKey } from '@/utils/constants'
 import { getI18n } from '@/utils/api'
 import store from '@/store'
-import cn from './cn'
-import en from './en'
+// import cn from './cn'
+// import en from './en'
 
 const i18n = createI18n({
   locale: localStorage.getItem(storageKey.language) || 'en'
diff --git a/src/views/entities/EntityExplorer.vue b/src/views/entities/EntityExplorer.vue
index 3ff6ac96..827e0a97 100644
--- a/src/views/entities/EntityExplorer.vue
+++ b/src/views/entities/EntityExplorer.vue
@@ -241,12 +241,12 @@ export default {
     }
   }
 }
-const loadFilter = (node, resolve, filterType, key) => {
+const loadFilter = (node, resolve, filterType, key, parentKey) => {
   if (node.level === 0) {
     resolve(node.data)
   } else {
     const param = { type: key }
-    param[key] = (node.data)[key]
+    param[parentKey] = (node.data)[parentKey]
     let req = null
     switch (filterType) {
       case 'ip': {