From 31363193520612a5cddb172e8cbe51c2b9a1b0fc Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Mon, 29 Aug 2022 18:30:47 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BF=AE=E6=94=B9=E5=B9=B3=E5=8F=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/i18n/langs/zh.json                     |  2 +-
 src/views/assets/Platform/PlatformList.vue | 25 +++++++++++++++-------
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/i18n/langs/zh.json b/src/i18n/langs/zh.json
index 5c044d801..d4d07593d 100644
--- a/src/i18n/langs/zh.json
+++ b/src/i18n/langs/zh.json
@@ -757,7 +757,7 @@
     "Dashboard": "仪表盘",
     "DatabaseApp": "数据库",
     "RemoteApps": "远程应用",
-    "Clouds": "云设施",
+    "Clouds": "云平台",
     "DatabaseAppCreate": "创建数据库应用",
     "DatabaseAppDetail": "数据库详情",
     "DatabaseAppPermission": "数据库授权",
diff --git a/src/views/assets/Platform/PlatformList.vue b/src/views/assets/Platform/PlatformList.vue
index 0e3001704..f239fbfe9 100644
--- a/src/views/assets/Platform/PlatformList.vue
+++ b/src/views/assets/Platform/PlatformList.vue
@@ -1,5 +1,10 @@
 <template>
-  <TabPage :active-menu.sync="tab.activeMenu" :submenu="tab.submenu" @tab-click="changeMoreCreates">
+  <TabPage
+    v-if="!loading"
+    :active-menu.sync="tab.activeMenu"
+    :submenu="tab.submenu"
+    @tab-click="changeMoreCreates"
+  >
     <keep-alive>
       <GenericListTable :table-config="tableConfig" :header-actions="headerActions" />
     </keep-alive>
@@ -19,7 +24,7 @@ export default {
   data() {
     const vm = this
     return {
-      show: true,
+      loading: true,
       tab: {
         submenu: Categories,
         activeMenu: 'host'
@@ -90,8 +95,7 @@ export default {
           },
           dropdown: []
         }
-      },
-      categoriesDropdown: this.$store.state.assets.assetCategoriesDropdown
+      }
     }
   },
   computed: {
@@ -99,13 +103,18 @@ export default {
       return `/api/v1/assets/platforms/?category=${this.tab.activeMenu}`
     }
   },
-  mounted() {
-    this.changeMoreCreates()
+  async mounted() {
+    try {
+      await this.$store.dispatch('assets/getAssetCategories')
+      await this.changeMoreCreates()
+    } finally {
+      this.loading = false
+    }
   },
   methods: {
-    changeMoreCreates() {
+    async changeMoreCreates() {
       this.tableConfig.url = this.url
-      this.headerActions.moreCreates.dropdown = this.categoriesDropdown.filter(item => {
+      this.headerActions.moreCreates.dropdown = this.$store.state.assets.assetCategoriesDropdown.filter(item => {
         return item.category === this.tab.activeMenu
       })
     }