1. 切换账号功能

apps/web-antd/src/layouts/basic.vue

@@ -23,17 +23,20 @@ import {
   Bell,
   CalendarClock,
   Megaphone,
+  Users,
 } from 'lucide-vue-next';
 
 // import { $t } from '#/locales';
 import { useAuthStore } from '#/store';
 import LoginForm from '#/views/_core/authentication/login.vue';
+import SwitchAccountModal from '#/layouts/components/SwitchAccountModal.vue';
 import { useRouter } from 'vue-router';
 import {getNoticeListApi, readAllApi} from "#/views/notice/api";
 import {formatTimeToRelative} from "#/util/tool";
 import {notification} from "ant-design-vue";
 
 const router = useRouter();
+const switchAccountModalRef = ref<InstanceType<typeof SwitchAccountModal>>();
 
 // 样式相关
 const typeIcons = {
@@ -177,41 +180,13 @@ const showDot = computed(() =>
 );
 
 const menus = computed(() => [
-  // TODO 后续放个人中心
-  // {
-  //   handler: () => {
-  //     UpdatePasswordModalApi.open();
-  //   },
-  //   icon: 'carbon:password',
-  //   text: '修改密码',
-  // },
-  // {
-  //   handler: () => {
-  //     openWindow(VBEN_DOC_URL, {
-  //       target: '_blank',
-  //     });
-  //   },
-  //   icon: BookOpenText,
-  //   text: $t('ui.widgets.document'),
-  // },
-  // {
-  //   handler: () => {
-  //     openWindow(VBEN_GITHUB_URL, {
-  //       target: '_blank',
-  //     });
-  //   },
-  //   icon: MdiGithub,
-  //   text: 'GitHub',
-  // },
-  // {
-  //   handler: () => {
-  //     openWindow(`${VBEN_GITHUB_URL}/issues`, {
-  //       target: '_blank',
-  //     });
-  //   },
-  //   icon: CircleHelp,
-  //   text: $t('ui.widgets.qa'),
-  // },
+  {
+    handler: () => {
+      switchAccountModalRef.value?.openModal();
+    },
+    icon: Users,
+    text: '切换账号',
+  },
 ]);
 
 const avatar = computed(() => {
@@ -285,6 +260,7 @@ watch(
       >
         <LoginForm />
       </AuthenticationLoginExpiredModal>
+      <SwitchAccountModal ref="switchAccountModalRef" />
     </template>
     <template #lock-screen>
       <LockScreen :avatar @to-login="handleLogout" />