feat: 登录页面

.env.development

@@ -3,7 +3,7 @@ VITE_APP_ENV = 'DEV'
 VITE_APP_NAME = 'DIGITAL_PERSON_FE'
 VITE_APP_THEME_COLOR = '#2468f2'
 VITE_PORT = 8848
-VITE_PUBLIC_PATH = /
-VITE_ROUTER_MODE = 'hash'
+VITE_PUBLIC_PATH = /fe
+VITE_ROUTER_MODE = 'h5'
 VITE_VITEST = true
 VITE_HIDE_HOME = false

eslint.config.js

@@ -68,6 +68,7 @@ export default [
       '@typescript-eslint/array-type': 'error',
 
       '@unocss/order': 'off',
+      'unocss/order': 'off',
     },
   },
 

package.json

@@ -16,13 +16,16 @@
     "preinstall": "npx only-allow pnpm"
   },
   "dependencies": {
+    "@icon-park/vue-next": "^1.4.2",
     "@iconify/vue": "^4.1.2",
     "@unocss/reset": "^0.61.9",
     "@vueuse/core": "^10.11.1",
     "axios": "^1.7.7",
     "nanoid": "^5.0.7",
     "pinia": "^2.2.2",
-    "vue": "^3.5.3",
+    "spark-md5": "^3.0.2",
+    "validator": "^13.12.0",
+    "vue": "^3.5.5",
     "vue-router": "^4.4.3"
   },
   "devDependencies": {
@@ -30,6 +33,8 @@
     "@commitlint/config-conventional": "^19.4.1",
     "@commitlint/types": "^19.0.3",
     "@types/node": "^20.16.5",
+    "@types/spark-md5": "^3.0.4",
+    "@types/validator": "^13.12.1",
     "@typescript-eslint/parser": "^7.18.0",
     "@unocss/eslint-config": "^0.61.9",
     "@vitejs/plugin-vue": "^4.6.2",

src/apis/user.ts

 import { request } from '@/utils/request'
 
-export function fetchLogin<T>(payload: { username: string; password: string }) {
-  return request.post<T>(`/oauth/auth?username=${payload.username}&password=${payload.password}`, null, {
-    ignoreErrorCheck: true,
-  })
+export function fetchLogin<T>(payload: {
+  loginChannel: 'MEMBER_PLATFOMR_SMS' | 'MEMBER_PLATFOMR_EMAIL' | 'MEMBER_PLATFOMR_PW'
+  account: string
+  password?: string
+  authCode?: string
+}) {
+  return request.post<T>('/bizMemberInfoRest/doLogin.json', payload)
+}
+
+export function fetchSMSCode<T>(phoneNumber: string) {
+  return request.post<T>(`/smsRest/smsDelivered.json?phone=${phoneNumber}`)
+}
+
+export function fetchEmailCode<T>(emailAddress: string) {
+  return request.post<T>(`/sendEmailRest/sendEmailCode.json?emailAddress=${emailAddress}`)
 }

src/config/base-url.ts

 export const BASE_URLS: Record<'DEV' | 'PROD', string> = {
-  DEV: '',
+  DEV: 'https://poc-sit.gsstcloud.com',
   PROD: '',
 }

src/config/theme-config.ts

@@ -3,7 +3,7 @@ import { GlobalThemeOverrides } from 'naive-ui'
 export const themeOverrides: GlobalThemeOverrides = {
   common: {
     primaryColor: '#2468f2',
-    primaryColorHover: '#45a9bb',
+    primaryColorHover: '#528eff',
     primaryColorPressed: '#398c9b',
     primaryColorSuppl: '#45a9bb',
   },

src/router/guards.ts

@@ -5,25 +5,28 @@ import { useUserStore } from '@/store/modules/user'
 const whitePathList = ['/login']
 
 export function createRouterGuards(router: Router) {
-  router.beforeEach((to) => {
+  router.beforeEach((to, _from, next) => {
     window.$loadingBar.start()
 
     const userStore = useUserStore()
 
-    if (userStore.isLogin && to.fullPath === '/login') {
-      return false
+    if (userStore.isLogin && to.name === 'Login') {
+      next({ name: 'Root' })
+      return
     }
 
     // 白名单直接跳过
     if (whitePathList.includes(to.path)) {
-      return true
+      next()
+      return
     }
 
     if (!userStore.isLogin && !whitePathList.includes(to.fullPath)) {
-      return { path: '/login', query: { redirect: encodeURIComponent(to.fullPath) } }
+      next({ path: '/login', query: { redirect: encodeURIComponent(to.fullPath) } })
+      return
     }
 
-    return true
+    next()
   })
 
   router.afterEach((to) => {

src/store/modules/user.ts

 import { defineStore } from 'pinia'
 import { ss } from '@/utils/storage'
-import { TOKEN, IS_LOGIN, USER_INFO } from '@/utils/storage-key'
-import type { UserState, UserInfo } from '../types/user'
+import { type UserState, type UserInfo, UserStoreStorageKeyEnum } from '../types/user'
 
-function getDefaultUserInfo(): UserInfo {
+function createDefaultUserInfoFactory(): UserInfo {
   return {
-    account: '',
-    userAccount: '',
-    userId: null,
-    userName: '用户',
-    createdTime: '',
-    avatar: '',
+    memberId: null,
+    avatarUrl: '',
+    nickName: '',
+    mobilePhone: '',
   }
 }
 
 export const useUserStore = defineStore('user-store', {
   state: (): UserState => ({
-    isLogin: ss.get(IS_LOGIN),
-    token: ss.get(TOKEN) || '',
-    userInfo: ss.get(USER_INFO) || getDefaultUserInfo(),
+    isLogin: ss.get(UserStoreStorageKeyEnum.isLogin),
+    token: ss.get(UserStoreStorageKeyEnum.token) || '',
+    userInfo: ss.get(UserStoreStorageKeyEnum.userInfo) || createDefaultUserInfoFactory(),
   }),
   actions: {
     async logout() {
       this.isLogin = false
       this.token = ''
-      this.userInfo = getDefaultUserInfo()
+      this.userInfo = createDefaultUserInfoFactory()
 
-      ss.remove(IS_LOGIN)
-      ss.remove(TOKEN)
-      ss.remove(USER_INFO)
-    },
-    updateIsLogin(status: boolean) {
-      this.isLogin = status
-      ss.set(IS_LOGIN, status)
+      ss.remove(UserStoreStorageKeyEnum.isLogin)
+      ss.remove(UserStoreStorageKeyEnum.token)
+      ss.remove(UserStoreStorageKeyEnum.userInfo)
     },
     updateToken(token: string) {
       this.token = token
-      ss.set(TOKEN, token)
+      ss.set(UserStoreStorageKeyEnum.token, token)
+
+      if (token) {
+        this.isLogin = true
+        ss.set(UserStoreStorageKeyEnum.isLogin, true)
+      } else {
+        this.isLogin = false
+        ss.set(UserStoreStorageKeyEnum.isLogin, false)
+      }
     },
     updateUserInfo(userInfo: UserInfo) {
       this.userInfo = userInfo
-      ss.set(USER_INFO, userInfo)
+      ss.set(UserStoreStorageKeyEnum.userInfo, userInfo)
     },
   },
 })

src/store/types/user.ts

 export interface UserInfo {
-  account: string
-  userAccount: string
-  userId: null | number
-  userName: string
-  createdTime: string
-  avatar: string
+  memberId: number | null
+  mobilePhone: string
+  nickName: string
+  avatarUrl: string
 }
 
 export interface UserState {
@@ -12,3 +10,9 @@ export interface UserState {
   token: string
   userInfo: UserInfo
 }
+
+export enum UserStoreStorageKeyEnum {
+  userInfo = 'USER_INFO',
+  token = 'TOKEN',
+  isLogin = 'IS_LOGIN',
+}

src/utils/request.ts

@@ -26,7 +26,7 @@ function handleLogout() {
 }
 
 const service = axios.create({
-  baseURL: `${BASE_URLS[ENV]}/api`,
+  baseURL: `${BASE_URLS[ENV]}/api/rest`,
   timeout: 7000,
   headers: {
     'Content-Type': 'application/json',

src/utils/storage-key.ts

-export const TOKEN = 'TOKEN'
-export const IS_LOGIN = 'IS_LOGIN'
-export const USER_INFO = 'USER_INFO'

uno.config.ts

@@ -15,4 +15,20 @@ export default defineConfig({
       }),
     ],
   ],
+  theme: {
+    animation: {
+      keyframes: {
+        'card-reverse': `{ 0% { transform: rotateY(0deg); } 100% { transform: rotateY(1turn); } }`,
+      },
+      durations: {
+        'card-reverse': '1s',
+      },
+      timingFns: {
+        'card-reverse': 'ease-in-out',
+      },
+      counts: {
+        'card-reverse': '1',
+      },
+    },
+  },
 })