feat: 修改小细节

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>

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>

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);
+  }
 }
 
 // 打开修改密码的页面