refactor: 优化安全设置

Author: Charles7c

src/apis/auth/type.ts

@@ -7,7 +7,6 @@ export interface UserInfo {
   email: string
   phone: string
   avatar: string
-  pwdResetTime: string
   registrationDate: string
   deptName: string
   roles: string[]

src/assets/icons/email-color.svg

@@ -40,8 +40,8 @@ export const constantRoutes: RouteRecordRaw[] = [
     children: [
       {
         path: '/home',
-        component: () => import('@/views/home/index.vue'),
         name: 'Home',
+        component: () => import('@/views/home/index.vue'),
         meta: { title: '首页', icon: 'dashboard', affix: true, hidden: false }
       }
     ]
@@ -56,29 +56,19 @@ export const constantRoutes: RouteRecordRaw[] = [
     path: '/setting',
     name: 'Setting',
     component: Layout,
-    redirect: '/setting/profile',
     meta: { hidden: true },
     children: [
       {
-        path: '/setting',
-        name: 'Setting',
-        component: () => import('@/views/setting/index.vue'),
-        redirect: '',
-        meta: { hidden: true },
-        children: [
-          {
-            path: '/setting/profile',
-            component: () => import('@/views/setting/profile/index.vue'),
-            name: 'Profile',
-            meta: { title: '账号管理', hidden: false, showInTabs: false }
-          },
-          {
-            path: '/setting/security',
-            component: () => import('@/views/setting/security/index.vue'),
-            name: 'Security',
-            meta: { title: '安全设置', hidden: false, showInTabs: false }
-          }
-        ]
+        path: '/setting/profile',
+        name: 'SettingProfile',
+        component: () => import('@/views/setting/profile/index.vue'),
+        meta: { title: '账号管理', showInTabs: false }
+      },
+      {
+        path: '/setting/security',
+        name: 'SettingSecurity',
+        component: () => import('@/views/setting/security/index.vue'),
+        meta: { title: '安全设置', showInTabs: false }
       }
     ]
   }

src/assets/icons/mail-unbind.svg

@@ -18,13 +18,18 @@ import { resetHasRouteFlag } from '@/router/permission'
 import getAvatar from '@/utils/avatar'
 
 const storeSetup = () => {
-  const userInfo = reactive<Pick<UserInfo, 'id' | 'nickname' | 'avatar' | 'email' | 'phone' | 'registrationDate'>>({
+  const userInfo = reactive<UserInfo>({
     id: '',
+    username: '',
     nickname: '',
-    avatar: '',
+    gender: 0,
     email: '',
     phone: '',
-    registrationDate: ''
+    avatar: '',
+    registrationDate: '',
+    deptName: '',
+    roles: [],
+    permissions: []
   })
   const name = computed(() => userInfo.nickname)
   const avatar = computed(() => userInfo.avatar)
@@ -90,12 +95,8 @@ const storeSetup = () => {
   // 获取用户信息
   const getInfo = async () => {
     const res = await getUserInfoApi()
-    userInfo.id = res.data.id
-    userInfo.nickname = res.data.nickname
+    Object.assign(userInfo, res.data)
     userInfo.avatar = getAvatar(res.data.avatar, res.data.gender)
-    userInfo.email = res.data.email
-    userInfo.phone = res.data.phone
-    userInfo.registrationDate = res.data.registrationDate
     if (res.data.roles && res.data.roles.length) {
       roles.value = res.data.roles
       permissions.value = res.data.permissions