From 1fdcf9ff757bce4d9d53e7af79f1e5c65f366a4e Mon Sep 17 00:00:00 2001
From: Bai <baijiangjie@gmail.com>
Date: Mon, 15 May 2023 19:01:23 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E8=B5=84=E4=BA=A7?=
 =?UTF-8?q?=E3=80=81=E7=BD=91=E5=85=B3=E5=88=97=E8=A1=A8=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=20labels=20=E4=BF=A1=E6=81=AF=E4=B8=8D?=
 =?UTF-8?q?=E5=85=A8=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TableFormatters/TagsFormatter.vue       | 10 +++++++++-
 .../assets/Asset/AssetList/components/BaseList.vue     |  9 +++++++--
 src/views/assets/Domain/DomainDetail/GatewayList.vue   |  9 +++++++--
 3 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/components/TableFormatters/TagsFormatter.vue b/src/components/TableFormatters/TagsFormatter.vue
index 9d96fc496..7e1cfd084 100644
--- a/src/components/TableFormatters/TagsFormatter.vue
+++ b/src/components/TableFormatters/TagsFormatter.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <el-tag
-      v-for="tag of cellValue"
+      v-for="tag of iTags"
       :key="tag"
       :type="getTagType(tag)"
       class="tag-formatter"
@@ -24,6 +24,9 @@ export default {
         return {
           getTagType(tag) {
             return 'primary'
+          },
+          getTags(cellValue) {
+            return cellValue
           }
         }
       }
@@ -34,6 +37,11 @@ export default {
       formatterArgs: Object.assign(this.formatterArgsDefault, this.col.formatterArgs)
     }
   },
+  computed: {
+    iTags() {
+      return this.formatterArgs.getTags(this.cellValue)
+    }
+  },
   methods: {
     getTagType(tag) {
       return this.formatterArgs.getTagType(tag)
diff --git a/src/views/assets/Asset/AssetList/components/BaseList.vue b/src/views/assets/Asset/AssetList/components/BaseList.vue
index f642d9cc8..47d757f8c 100644
--- a/src/views/assets/Asset/AssetList/components/BaseList.vue
+++ b/src/views/assets/Asset/AssetList/components/BaseList.vue
@@ -164,8 +164,13 @@ export default {
             }
           },
           connectivity: connectivityMeta,
-          labels_display: {
-            formatter: TagsFormatter
+          labels: {
+            formatter: TagsFormatter,
+            formatterArgs: {
+              getTags(cellValue) {
+                return cellValue.map(item => `${item.name}:${item.value}`)
+              }
+            }
           },
           actions: {
             formatter: ActionsFormatter,
diff --git a/src/views/assets/Domain/DomainDetail/GatewayList.vue b/src/views/assets/Domain/DomainDetail/GatewayList.vue
index b05833b4a..b1727015f 100644
--- a/src/views/assets/Domain/DomainDetail/GatewayList.vue
+++ b/src/views/assets/Domain/DomainDetail/GatewayList.vue
@@ -78,8 +78,13 @@ export default {
           nodes_display: {
             formatter: ArrayFormatter
           },
-          labels_display: {
-            formatter: TagsFormatter
+          labels: {
+            formatter: TagsFormatter,
+            formatterArgs: {
+              getTags(cellValue) {
+                return cellValue.map(item => `${item.name}:${item.value}`)
+              }
+            }
           },
           connectivity: connectivityMeta,
           actions: {