From e7e360db6095d0980b3658fac04da63491abaed1 Mon Sep 17 00:00:00 2001
From: song <srf428110@163.com>
Date: Sun, 23 Jan 2022 18:32:53 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E5=B0=8F=E7=BB=86?=
 =?UTF-8?q?=E8=8A=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/leftMenu.vue   | 14 +++++++++++---
 src/components/listPlugin.vue |  3 ++-
 src/components/navbar.vue     | 16 +++++++++-------
 3 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/src/components/leftMenu.vue b/src/components/leftMenu.vue
index 85a4f5e..b290a48 100644
--- a/src/components/leftMenu.vue
+++ b/src/components/leftMenu.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-menu :default-active="leftIndex" class="el-menu-demo" mode="vertical" @select="handleSelect">
+  <el-menu :default-active="data.menuIndex" class="el-menu-demo" mode="vertical" @select="handleSelect">
     <el-menu-item :disabled="list.disabled" :index="index" @click="openPage(list.name)" v-for="(list, index) in data.menus" :key="index">
       {{ list.title }}
     </el-menu-item>
@@ -8,7 +8,7 @@
 
 <script setup>
 import { useStore } from 'vuex';
-import { reactive, computed } from 'vue';
+import { reactive, computed, watchEffect } from 'vue';
 import { useRouter } from 'vue-router';
 
 const store = useStore();
@@ -23,6 +23,15 @@ const data = reactive({
     { title: '我的业务', name: 'desk-business-list', disabled: false },
     { title: '我的插件', name: 'desk-plugin-list', disabled: false },
   ],
+  menuIndex: '',
+});
+
+console.log('menuIndex: ', data.menuIndex);
+watchEffect(() => {
+  if (leftIndex && leftIndex.value) {
+    data.menuIndex = leftIndex.value;
+    console.log('data.menuIndex: ', data.menuIndex);
+  }
 });
 
 function handleSelect(e) {
@@ -31,7 +40,6 @@ function handleSelect(e) {
 
 // 点击跳转路由
 function openPage(name) {
-  console.log('name: ', name);
   router.push({ name });
 }
 </script>
diff --git a/src/components/listPlugin.vue b/src/components/listPlugin.vue
index 4b33f5e..547b6c1 100644
--- a/src/components/listPlugin.vue
+++ b/src/components/listPlugin.vue
@@ -25,10 +25,11 @@
             title="确定要移除该插件吗?"
             confirm-button-text="确定"
             cancel-button-text="再想想"
+            v-if="showConfig"
             @confirm="deleteRelevance(list)"
           >
             <template #reference>
-              <el-button type="primary" v-if="showConfig">移除</el-button>
+              <el-button type="primary">移除</el-button>
             </template>
           </el-popconfirm>
           <el-button type="primary" disabled>下载源代码</el-button>
diff --git a/src/components/navbar.vue b/src/components/navbar.vue
index d94bed0..02b2f53 100644
--- a/src/components/navbar.vue
+++ b/src/components/navbar.vue
@@ -17,7 +17,7 @@
       </el-menu-item>
     </el-menu>
     <div class="flex items-center" style="color: #a5adb5">
-      <div @click="openPage('desk-business-list')" class="text-sm cursor-pointer">控制台</div>
+      <div @click="openPage('desk-business-list', 3)" class="text-sm cursor-pointer">控制台</div>
       <el-icon class="mx-6" size="16"><bell /></el-icon>
     </div>
     <el-dropdown>
@@ -30,10 +30,10 @@
       </span>
       <template #dropdown>
         <el-dropdown-menu>
-          <el-dropdown-item>个人资料</el-dropdown-item>
-          <el-dropdown-item>我的业务</el-dropdown-item>
-          <el-dropdown-item>我的插件</el-dropdown-item>
-          <el-dropdown-item>实名认证</el-dropdown-item>
+          <el-dropdown-item disabled>个人资料</el-dropdown-item>
+          <el-dropdown-item @click="openPage('desk-business-list', 3)">我的业务</el-dropdown-item>
+          <el-dropdown-item @click="openPage('desk-plugin-list', 4)">我的插件</el-dropdown-item>
+          <el-dropdown-item disabled>实名认证</el-dropdown-item>
           <el-dropdown-item @click="openChangePassword">修改密码</el-dropdown-item>
           <el-dropdown-item @click="signOut">退出登录</el-dropdown-item>
         </el-dropdown-menu>
@@ -65,9 +65,11 @@ const data = reactive({
 });
 
 // 点击跳转路由
-function openPage(name) {
-  console.log('name: ', name);
+function openPage(name, index) {
   router.push({ name });
+  if (index !== '') {
+    store.commit('plugin/setLeftIndex', index);
+  }
 }
 
 // 打开修改密码的页面