From 9b1a384a44597cd46438a5164749ca5cc503b0c9 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Wed, 10 Jul 2024 15:25:06 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E6=9D=83=E9=99=90?=
 =?UTF-8?q?=E6=8E=A7=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/top-bar/avatar/index.vue       | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/ui/src/layout/components/top-bar/avatar/index.vue b/ui/src/layout/components/top-bar/avatar/index.vue
index a225ca9b8..a589cc238 100644
--- a/ui/src/layout/components/top-bar/avatar/index.vue
+++ b/ui/src/layout/components/top-bar/avatar/index.vue
@@ -21,13 +21,19 @@
           </p>
         </div>
         <el-dropdown-item class="border-t p-8" @click="openResetPassword">
-          {{ $t("layout.topbar.avatar.resetPassword") }}
+          {{ $t('layout.topbar.avatar.resetPassword') }}
         </el-dropdown-item>
-         <el-dropdown-item class="border-t p-8" @click="openAPIKeyDialog">
-          {{ $t("layout.topbar.avatar.apiKey") }}
+        <div v-hasPermission="new ComplexPermission(['ADMIN'], ['x-pack'], 'AND')">
+          <el-dropdown-item class="border-t p-8" @click="openAPIKeyDialog">
+            {{ $t('layout.topbar.avatar.apiKey') }}
+          </el-dropdown-item>
+        </div>
+        <el-dropdown-item class="border-t" @click="openAbout">
+          {{ $t('layout.topbar.avatar.about') }}
+        </el-dropdown-item>
+        <el-dropdown-item class="border-t" @click="logout">
+          {{ $t('layout.topbar.avatar.logout') }}
         </el-dropdown-item>
-        <el-dropdown-item class="border-t" @click="openAbout"> {{ $t("layout.topbar.avatar.about") }} </el-dropdown-item>
-        <el-dropdown-item class="border-t" @click="logout"> {{ $t("layout.topbar.avatar.logout") }} </el-dropdown-item>
       </el-dropdown-menu>
     </template>
   </el-dropdown>
@@ -43,7 +49,8 @@ import { useRouter } from 'vue-router'
 import ResetPassword from './ResetPassword.vue'
 import AboutDialog from './AboutDialog.vue'
 import UserPwdDialog from '@/views/user-manage/component/UserPwdDialog.vue'
-import APIKeyDialog from "./APIKeyDialog.vue";
+import APIKeyDialog from './APIKeyDialog.vue'
+import { ComplexPermission } from '@/utils/permission/type'
 const { user } = useStore()
 const router = useRouter()