From c73694ab8b0b6242c4d5e0f30bc7ebe3d69b4e33 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=97=A0=E6=9C=A8?= <netfan@foxmail.com>
Date: Sun, 27 Jun 2021 02:31:27 +0800
Subject: [PATCH] fix: user dropdown event response failure
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修正顶部用户下拉菜单不响应点击事件的问题
---
 .../header/components/user-dropdown/index.vue | 38 +++++++++++--------
 1 file changed, 22 insertions(+), 16 deletions(-)

diff --git a/src/layouts/default/header/components/user-dropdown/index.vue b/src/layouts/default/header/components/user-dropdown/index.vue
index 2c3669a4334..64b56871d9b 100644
--- a/src/layouts/default/header/components/user-dropdown/index.vue
+++ b/src/layouts/default/header/components/user-dropdown/index.vue
@@ -10,10 +10,11 @@
     </span>
 
     <template #overlay>
-      <Menu @click="handleMenuClick">
+      <Menu>
         <MenuItem
           key="doc"
           :text="t('layout.header.dropdownItemDoc')"
+          @click="openDoc"
           icon="ion:document-text-outline"
           v-if="getShowDoc"
         />
@@ -21,11 +22,13 @@
         <MenuItem
           v-if="getUseLockPage"
           key="lock"
+          @click="handleLock"
           :text="t('layout.header.tooltipLock')"
           icon="ion:lock-closed-outline"
         />
         <MenuItem
           key="logout"
+          @click="handleLoginOut"
           :text="t('layout.header.dropdownItemLoginOut')"
           icon="ion:power-outline"
         />
@@ -54,7 +57,7 @@
 
   import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent';
 
-  type MenuEvent = 'logout' | 'doc' | 'lock';
+  //type MenuEvent = 'logout' | 'doc' | 'lock';
 
   export default defineComponent({
     name: 'UserDropdown',
@@ -95,28 +98,31 @@
         openWindow(DOC_URL);
       }
 
-      function handleMenuClick(e: { key: MenuEvent }) {
-        switch (e.key) {
-          case 'logout':
-            handleLoginOut();
-            break;
-          case 'doc':
-            openDoc();
-            break;
-          case 'lock':
-            handleLock();
-            break;
-        }
-      }
+      // function handleMenuClick(e: { key: MenuEvent }) {
+      //   switch (e.key) {
+      //     case 'logout':
+      //       handleLoginOut();
+      //       break;
+      //     case 'doc':
+      //       openDoc();
+      //       break;
+      //     case 'lock':
+      //       handleLock();
+      //       break;
+      //   }
+      // }
 
       return {
         prefixCls,
         t,
         getUserInfo,
-        handleMenuClick,
+        // handleMenuClick,
         getShowDoc,
         register,
         getUseLockPage,
+        handleLoginOut,
+        openDoc,
+        handleLock,
       };
     },
   });