From fcf32800fe7ddd992719560a2e5739eca6959150 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Tue, 19 Nov 2024 11:30:48 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=9D=9E=E7=AE=A1=E7=90=86=E5=91=98?=
 =?UTF-8?q?=E8=A7=92=E8=89=B2=E4=B8=8D=E8=83=BD=E8=AE=BE=E7=BD=AE=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/account/settings.vue | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/views/account/settings.vue b/src/views/account/settings.vue
index 6acec7e0..5f51d448 100644
--- a/src/views/account/settings.vue
+++ b/src/views/account/settings.vue
@@ -5,6 +5,7 @@ import BaseInfo from './components/base-info.vue';
 import ResetPasswd from './components/reset-passwd.vue';
 import StyleLayout from './components/style-layout.vue';
 import { useRoute } from 'vue-router';
+import { hasRoles } from '@/plugins/auth-user';
 import useAppStore from '@/store/modules/app';
 import useI18n from '@/hooks/useI18n';
 const appStore = useAppStore();
@@ -45,14 +46,14 @@ onActivated(() => {
         >
           <ResetPasswd></ResetPasswd>
         </a-tab-pane>
-        <div v-roles:has="['admin']">
-          <a-tab-pane
-            key="style-layout"
-            :tab="t('views.account.settings.styleLayout')"
-          >
-            <StyleLayout></StyleLayout>
-          </a-tab-pane>
-        </div>
+
+        <a-tab-pane
+          key="style-layout"
+          :tab="t('views.account.settings.styleLayout')"
+          v-if="hasRoles(['admin'])"
+        >
+          <StyleLayout></StyleLayout>
+        </a-tab-pane>
       </a-tabs>
     </a-card>
   </PageContainer>