登录逻辑调整

src/store/modules/auth.ts

@@ -26,6 +26,20 @@ export default {
                 })
             })
         },
+        Register: ({ commit }, payload: AuthData) => {
+            return new Promise((resolve, reject) => {
+                auth.register(payload).then(response => {
+                    commit('setAccessToken', response, { root: true })
+                    commit('refresh/setUser', true, { root: true })
+                    user.info().then(info => {
+                        commit('setUserInfo', info, { root: true })
+                    })
+                    resolve(response)
+                }).catch(error => {
+                    reject(error)
+                })
+            })
+        },
         Logout: ({ commit }) => {
             return new Promise((resolve, reject) => {
                 auth.logout().then(() => {

src/utils/filters.ts

@@ -1,44 +0,0 @@
-/**
- * 秒，转化为时间格式 100 => 01:40
- * @param time
- */
-const numberToTime = (time: number) => {
-    let timeStr = ''
-    const stringFormat = (i: number) => {
-        return i < 10 ? `0${i}` : `${i}`
-    }
-    let minuteTime = 0
-    let secondTime = 0
-    let hourTime = 0
-    if (time < 60) {
-        timeStr = `00:${stringFormat(time)}`
-    } else if (time >= 60 && time < 3600) {
-        minuteTime = Math.ceil(time / 60)
-        secondTime = time % 60
-        timeStr = `${stringFormat(minuteTime)}:${stringFormat(secondTime)}`
-    } else if (time >= 3600) {
-        const _t = time % 3600
-        hourTime = Math.ceil(time / 3600)
-        minuteTime = Math.ceil(_t / 60)
-        secondTime = _t % 60
-        timeStr = `${stringFormat(hourTime)}:${stringFormat(minuteTime)}:${stringFormat(secondTime)}`
-    }
-    return timeStr
-}
-
-/**
- * 隐藏手机号中间位数
- * @param str   要修改的字符串
- * @param start 开始位置隐藏几位
- * @param end   末端隐藏位数
- */
-const hideMiddle = (str: string, start?: number, end?: number) => {
-    start = start || 3
-    end = end || 4
-    return str.substr(0, start) + '***' + str.substr(-end)
-}
-
-export {
-    numberToTime,
-    hideMiddle
-}

src/views/Auth/login.vue

@@ -13,11 +13,7 @@ const store = useStore()
 
 const onLogin = () => {
   store.dispatch('auth/Login', { username: '15555555555', password: '123123' }).then(() => {
-    if (route.query.to) {
-      router.replace({ path: route.query.to })
-    } else {
-      router.replace({ name: 'Home' })
-    }
+    route.query.to ? router.replace({ path: route.query.to as string }) : router.replace({ name: 'Home' })
   }).catch(err => {
     alert(err.message)
   })

src/views/Auth/register.vue

@@ -7,20 +7,25 @@
 </template>
 
 <script lang="ts" setup>
-import { auth } from '@/api'
-import { INVITE_CODE } from '@/store'
+import { INVITE_CODE, useStore } from '@/store'
+import type { AuthData } from '@/types/auth'
+import { ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
 
+const store = useStore()
+const route = useRoute()
+const router = useRouter()
 const invite = localStorage.getItem(INVITE_CODE)
+const loading = ref<boolean>(false)
 
-const onRegister = () => {
-  auth.register({
-    username: '15512341112',
-    password: '111111',
-    invite: invite
-  }).then(res => {
-    console.log(res)
+const onRegister = (e: AuthData) => {
+  loading.value = true
+  store.dispatch('auth/Register', e).then(() => {
+    route.query.to ? router.replace({ path: route.query.to as string }) : router.replace({ name: 'Home' })
   }).catch(err => {
     alert(err.message)
+  }).finally(() => {
+    loading.value = false
   })
 }
 </script>