From d27a1833cd5fe576b622a1517b6a5e3f32ab349d Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Tue, 11 Jul 2023 21:37:45 +0800
Subject: [PATCH] feat: update

---
 src/store/modules/app.ts        |  5 ++++-
 src/views/marketplace/Menus.vue | 16 +++++++++++-----
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index 05761182..b4ab404d 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -37,6 +37,7 @@ interface AppState {
   isMobile: boolean;
   reloadTimer: Nullable<IntervalHandle>;
   activateMenus: MenuOptions[];
+  allMenus: MenuOptions[];
 }
 
 export const appStore = defineStore({
@@ -58,6 +59,7 @@ export const appStore = defineStore({
     isMobile: false,
     reloadTimer: null,
     activateMenus: [],
+    allMenus: [],
   }),
   getters: {
     duration(): Duration {
@@ -163,7 +165,8 @@ export const appStore = defineStore({
     },
     async getActivateMenus() {
       const resp = (await this.queryMenuItems()) || {};
-      const menus = (resp.getMenuItems || []).map((d: MenuOptions, index: number) => {
+      this.allMenus = resp.getMenuItems || [];
+      const menus = this.allMenus.map((d: MenuOptions, index: number) => {
         const t = `${d.title.replace(/\s+/g, "-")}`;
         d.name = `${t}-${index}`;
         d.path = `/${t}`;
diff --git a/src/views/marketplace/Menus.vue b/src/views/marketplace/Menus.vue
index 941918c6..01e90ab9 100644
--- a/src/views/marketplace/Menus.vue
+++ b/src/views/marketplace/Menus.vue
@@ -18,13 +18,15 @@ limitations under the License. -->
       <div class="mr-20 mt-10 flex-h category">
         <el-card
           class="item"
-          v-for="(menu, index) in appStore.activateMenus"
+          v-for="(menu, index) in appStore.allMenus"
           :key="index"
           @click="handleItems(menu)"
           :class="currentItems.name === menu.name ? 'active' : ''"
         >
-          <router-link :to="menu.hasGroup ? '' : menu.path || ''">
-            <div class="title" :class="menu.hasGroup ? '' : 'actived-font'"> {{ menu.title }}</div>
+          <router-link :to="menu.hasGroup || !menu.activate ? '' : menu.path || ''">
+            <div class="title" :class="menu.activate ? (menu.hasGroup ? '' : 'actived-font') : 'disabled'">
+              {{ menu.title }}</div
+            >
           </router-link>
           <div class="mt-10"> {{ menu.description }} </div>
           <el-link :href="menu.documentLink" target="_blank" class="link" v-show="menu.documentLink">
@@ -34,8 +36,8 @@ limitations under the License. -->
       </div>
       <div class="mt-10 cards">
         <el-card shadow="hover" v-for="(item, index) in currentItems.subItems || []" :key="index" class="card">
-          <router-link :to="item.path || ''">
-            <div class="title actived-font"> {{ item.title }}</div>
+          <router-link :to="item.activate ? item.path || '' : ''">
+            <div class="title" :class="item.activate ? 'actived-font' : 'disabled'"> {{ item.title }}</div>
           </router-link>
           <div class="mt-10"> {{ item.description }} </div>
           <el-link :href="item.documentLink" target="_blank" class="link" v-show="item.documentLink">
@@ -86,6 +88,10 @@ limitations under the License. -->
     color: $active-color;
   }
 
+  .disabled {
+    color: #aaa;
+  }
+
   .card {
     margin-bottom: 30px;
     cursor: pointer;