perf: 合并用户平台框架修改

src/layouts/modules/global-footer/index.vue

@@ -6,8 +6,8 @@ defineOptions({
 
 <template>
   <DarkModeContainer class="h-full flex-center">
-    <a href="https://github.com/honghuangdc/soybean-admin/blob/main/LICENSE" target="_blank" rel="noopener noreferrer">
-      Copyright MIT © 2021 Soybean
+    <a href="#" target="_blank" rel="noopener noreferrer">
+      Copyright © 2024 WANFi
     </a>
   </DarkModeContainer>
 </template>

src/layouts/modules/global-header/components/user-avatar.vue

@@ -37,13 +37,13 @@ function logout() {
     </ButtonIcon>
     <template #overlay>
       <AMenu>
-        <AMenuItem @click="routerPushByKey('user-center')">
-          <div class="flex-center gap-8px">
-            <SvgIcon icon="ph:user-circle" class="text-icon" />
-            {{ $t('common.userCenter') }}
-          </div>
-        </AMenuItem>
-        <AMenuDivider />
+<!--        <AMenuItem @click="routerPushByKey('user-center')">-->
+<!--          <div class="flex-center gap-8px">-->
+<!--            <SvgIcon icon="ph:user-circle" class="text-icon" />-->
+<!--            {{ $t('common.userCenter') }}-->
+<!--          </div>-->
+<!--        </AMenuItem>-->
+<!--        <AMenuDivider />-->
         <AMenuItem @click="logout">
           <div class="flex-center gap-8px">
             <SvgIcon icon="ph:sign-out" class="text-icon" />

src/layouts/modules/global-header/index.vue

@@ -10,6 +10,7 @@ import GlobalBreadcrumb from '../global-breadcrumb/index.vue';
 import { useMixMenuContext } from '../../context';
 import ThemeButton from './components/theme-button.vue';
 import UserAvatar from './components/user-avatar.vue';
+import {useAuth} from "@/hooks/business/auth";
 
 defineOptions({
   name: 'GlobalHeader'
@@ -29,6 +30,8 @@ defineProps<Props>();
 const appStore = useAppStore();
 const themeStore = useThemeStore();
 const routeStore = useRouteStore();
+const { hasRole } = useAuth();
+
 const { isFullscreen, toggle } = useFullscreen();
 const { menus } = useMixMenuContext();
 
@@ -54,14 +57,14 @@ const headerMenus = computed(() => {
       <GlobalBreadcrumb v-if="!appStore.isMobile" class="ml-12px" />
     </div>
     <div class="h-full flex-y-center justify-end">
-      <FullScreen v-if="!appStore.isMobile" :full="isFullscreen" @click="toggle" />
       <LangSwitch :lang="appStore.locale" :lang-options="appStore.localeOptions" @change-lang="appStore.changeLocale" />
+      <FullScreen v-if="!appStore.isMobile" :full="isFullscreen" @click="toggle" />
       <ThemeSchemaSwitch
         :theme-schema="themeStore.themeScheme"
         :is-dark="themeStore.darkMode"
         @switch="themeStore.toggleThemeScheme"
       />
-      <ThemeButton />
+      <ThemeButton v-if="hasRole('super')" />
       <UserAvatar />
     </div>
   </DarkModeContainer>