From 6d19560863f7cb0f648be1c3c74c92e10e1bb741 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Mon, 2 Sep 2024 15:13:17 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83(?=
 =?UTF-8?q?=E5=9F=BA=E7=A1=80=E6=A1=86=E6=9E=B6)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/src/layouts/basic.vue           |  11 +-
 apps/web-antd/src/router/access.ts            |  69 +-----------
 apps/web-antd/src/router/routes/local.ts      | 102 ++++++++++++++++++
 .../src/views/_core/profile/index.vue         |  36 +++++++
 packages/icons/src/iconify/index.ts           |   2 +
 packages/locales/src/langs/en-US.json         |   1 +
 packages/locales/src/langs/zh-CN.json         |   1 +
 7 files changed, 154 insertions(+), 68 deletions(-)
 create mode 100644 apps/web-antd/src/router/routes/local.ts
 create mode 100644 apps/web-antd/src/views/_core/profile/index.vue

diff --git a/apps/web-antd/src/layouts/basic.vue b/apps/web-antd/src/layouts/basic.vue
index e5f8c159..f7849000 100644
--- a/apps/web-antd/src/layouts/basic.vue
+++ b/apps/web-antd/src/layouts/basic.vue
@@ -1,9 +1,10 @@
 <script lang="ts" setup>
 import { computed, onMounted } from 'vue';
+import { useRouter } from 'vue-router';
 
 import { AuthenticationLoginExpiredModal } from '@vben/common-ui';
 import { VBEN_DOC_URL, VBEN_GITHUB_URL } from '@vben/constants';
-import { BookOpenText, CircleHelp, MdiGithub } from '@vben/icons';
+import { BookOpenText, CircleHelp, MdiGithub, ProfileIcon } from '@vben/icons';
 import {
   BasicLayout,
   LockScreen,
@@ -24,6 +25,7 @@ import { useAuthStore, useNotifyStore } from '#/store';
 const userStore = useUserStore();
 const authStore = useAuthStore();
 const accessStore = useAccessStore();
+const router = useRouter();
 
 const menus = computed(() => [
   {
@@ -35,6 +37,13 @@ const menus = computed(() => [
     icon: BookOpenText,
     text: $t('widgets.document'),
   },
+  {
+    handler: () => {
+      router.push('/profile');
+    },
+    icon: ProfileIcon,
+    text: $t('widgets.profile'),
+  },
   {
     handler: () => {
       openWindow(VBEN_GITHUB_URL, {
diff --git a/apps/web-antd/src/router/access.ts b/apps/web-antd/src/router/access.ts
index 0376c08f..59ba0322 100644
--- a/apps/web-antd/src/router/access.ts
+++ b/apps/web-antd/src/router/access.ts
@@ -14,76 +14,11 @@ import { getAllMenusApi, type Menu } from '#/api';
 import { BasicLayout, IFrameView } from '#/layouts';
 import { $t } from '#/locales';
 
+import { localMenuList } from './routes/local';
+
 const forbiddenComponent = () => import('#/views/_core/fallback/forbidden.vue');
 const NotFoundComponent = () => import('#/views/_core/fallback/not-found.vue');
 
-/**
- * 这里放本地路由
- */
-const localMenuList: RouteRecordStringComponent[] = [
-  {
-    component: 'BasicLayout',
-    meta: {
-      order: -1,
-      title: 'page.dashboard.title',
-    },
-    name: 'Dashboard',
-    path: '/',
-    redirect: '/analytics',
-    children: [
-      {
-        name: 'Analytics',
-        path: '/analytics',
-        component: '/dashboard/analytics/index',
-        meta: {
-          affixTab: true,
-          title: 'page.dashboard.analytics',
-        },
-      },
-      {
-        name: 'Workspace',
-        path: '/workspace',
-        component: '/dashboard/workspace/index',
-        meta: {
-          title: 'page.dashboard.workspace',
-        },
-      },
-      {
-        name: 'VbenDocument',
-        path: '/vben-admin/document',
-        component: 'IFrameView',
-        meta: {
-          icon: 'lucide:book-open-text',
-          iframeSrc: 'https://dapdap.top',
-          keepAlive: true,
-          title: $t('page.vben.document'),
-        },
-      },
-    ],
-  },
-  {
-    component: 'BasicLayout',
-    meta: {
-      hideChildrenInMenu: true,
-      icon: 'lucide:copyright',
-      order: 9999,
-      title: $t('page.vben.about'),
-    },
-    name: 'About',
-    path: '/about',
-    children: [
-      {
-        component: '/_core/about/index',
-        meta: {
-          title: $t('page.vben.about'),
-        },
-        name: 'VbenAbout',
-        path: '/vben-admin/about',
-      },
-    ],
-  },
-];
-
 async function generateAccess(options: GenerateMenuAndRoutesOptions) {
   const pageMap: ComponentRecordType = import.meta.glob('../views/**/*.vue');
 
diff --git a/apps/web-antd/src/router/routes/local.ts b/apps/web-antd/src/router/routes/local.ts
new file mode 100644
index 00000000..0fb74122
--- /dev/null
+++ b/apps/web-antd/src/router/routes/local.ts
@@ -0,0 +1,102 @@
+import type { RouteRecordStringComponent } from '@vben/types';
+
+import { $t } from '@vben/locales';
+
+/**
+ * 该文件放非后台返回的路由 比如个人中心 等需要跳转显示的页面
+ */
+
+/**
+ * 个人中心
+ */
+const profileRoute: RouteRecordStringComponent[] = [
+  {
+    component: 'BasicLayout',
+    meta: {
+      hideChildrenInMenu: true,
+      hideInMenu: true,
+      title: $t('widgets.profile'),
+    },
+    name: 'Profile',
+    path: '',
+    children: [
+      {
+        component: '/_core/profile/index',
+        meta: {
+          icon: 'mingcute:profile-line',
+          title: $t('widgets.profile'),
+        },
+        name: 'ProfileIndex',
+        path: '/profile',
+      },
+    ],
+  },
+];
+
+/**
+ * 这里放本地路由
+ */
+export const localMenuList: RouteRecordStringComponent[] = [
+  {
+    component: 'BasicLayout',
+    meta: {
+      order: -1,
+      title: 'page.dashboard.title',
+    },
+    name: 'Dashboard',
+    path: '/',
+    redirect: '/analytics',
+    children: [
+      {
+        name: 'Analytics',
+        path: '/analytics',
+        component: '/dashboard/analytics/index',
+        meta: {
+          affixTab: true,
+          title: 'page.dashboard.analytics',
+        },
+      },
+      {
+        name: 'Workspace',
+        path: '/workspace',
+        component: '/dashboard/workspace/index',
+        meta: {
+          title: 'page.dashboard.workspace',
+        },
+      },
+      {
+        name: 'VbenDocument',
+        path: '/vben-admin/document',
+        component: 'IFrameView',
+        meta: {
+          icon: 'lucide:book-open-text',
+          iframeSrc: 'https://dapdap.top',
+          keepAlive: true,
+          title: $t('page.vben.document'),
+        },
+      },
+    ],
+  },
+  {
+    component: 'BasicLayout',
+    meta: {
+      hideChildrenInMenu: true,
+      icon: 'lucide:copyright',
+      order: 9999,
+      title: $t('page.vben.about'),
+    },
+    name: 'About',
+    path: '/about',
+    children: [
+      {
+        component: '/_core/about/index',
+        meta: {
+          title: $t('page.vben.about'),
+        },
+        name: 'VbenAbout',
+        path: '/vben-admin/about',
+      },
+    ],
+  },
+  ...profileRoute,
+];
diff --git a/apps/web-antd/src/views/_core/profile/index.vue b/apps/web-antd/src/views/_core/profile/index.vue
new file mode 100644
index 00000000..34f2a627
--- /dev/null
+++ b/apps/web-antd/src/views/_core/profile/index.vue
@@ -0,0 +1,36 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+
+import { Page } from '@vben/common-ui';
+
+import { Card } from 'ant-design-vue';
+
+const currentActiveKey = ref('tab1');
+
+const tabList = [
+  {
+    key: 'tab1',
+    tab: 'tab1',
+  },
+  {
+    key: 'tab2',
+    tab: 'tab2',
+  },
+];
+</script>
+
+<template>
+  <Page>
+    <Card
+      :active-tab-key="currentActiveKey"
+      :tab-list="tabList"
+      @tab-change="
+        (key) => {
+          currentActiveKey = key;
+        }
+      "
+    >
+      dsadsa
+    </Card>
+  </Page>
+</template>
diff --git a/packages/icons/src/iconify/index.ts b/packages/icons/src/iconify/index.ts
index a01541cd..ca80feb6 100644
--- a/packages/icons/src/iconify/index.ts
+++ b/packages/icons/src/iconify/index.ts
@@ -21,3 +21,5 @@ export const CommandLineIcon = createIconifyIcon(
 export const MemoryIcon = createIconifyIcon('la:memory');
 
 export const GiteeIcon = createIconifyIcon('simple-icons:gitee');
+// 个人中心
+export const ProfileIcon = createIconifyIcon('mingcute:profile-line');
diff --git a/packages/locales/src/langs/en-US.json b/packages/locales/src/langs/en-US.json
index b8408644..80fe320f 100644
--- a/packages/locales/src/langs/en-US.json
+++ b/packages/locales/src/langs/en-US.json
@@ -61,6 +61,7 @@
   },
   "widgets": {
     "document": "Document",
+    "profile": "Profile",
     "qa": "Q&A",
     "setting": "Settings",
     "logoutTip": "Do you want to logout?",
diff --git a/packages/locales/src/langs/zh-CN.json b/packages/locales/src/langs/zh-CN.json
index 46ceb599..ca9bbfbd 100644
--- a/packages/locales/src/langs/zh-CN.json
+++ b/packages/locales/src/langs/zh-CN.json
@@ -61,6 +61,7 @@
   },
   "widgets": {
     "document": "文档",
+    "profile": "个人中心",
     "qa": "问题 & 帮助",
     "setting": "设置",
     "logoutTip": "是否退出登录？",