|
@@ -1,12 +1,16 @@
|
|
|
<template>
|
|
|
<div v-loading="loading" class="hc-body-loading" element-loading-text="授权登录中...">
|
|
|
<div v-if="isErrorShow" class="error-page">
|
|
|
- <div :style="`background-image: url(${svg403});`" class="img"/>
|
|
|
+ <div :style="`background-image: url(${svg403});`" class="img" />
|
|
|
<div class="content">
|
|
|
<h1>403</h1>
|
|
|
- <div class="desc">抱歉,token授权登录异常,请重新进入</div>
|
|
|
+ <div class="desc">
|
|
|
+ 抱歉,token授权登录异常,请重新进入
|
|
|
+ </div>
|
|
|
<div class="actions">
|
|
|
- <el-button block size="large" type="primary" @click="toLoginTap">手动登录</el-button>
|
|
|
+ <el-button block size="large" type="primary" @click="toLoginTap">
|
|
|
+ 手动登录
|
|
|
+ </el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -14,14 +18,14 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import {ref, onMounted} from "vue";
|
|
|
-import {useAppStore} from "~src/store";
|
|
|
-import {loginByToken} from "~api/user"
|
|
|
-import {setAppName} from "~uti/tools";
|
|
|
-import {useRouter, useRoute} from 'vue-router'
|
|
|
-import svg403 from '~src/assets/view/403.svg';
|
|
|
-import {initUserConfigInfo, setRouterData} from "~sto/user";
|
|
|
-import {getObjVal} from "js-fast-way"
|
|
|
+import { onMounted, ref } from 'vue'
|
|
|
+import { useAppStore } from '~src/store'
|
|
|
+import { loginByToken } from '~api/user'
|
|
|
+import { setAppName } from '~uti/tools'
|
|
|
+import { useRoute, useRouter } from 'vue-router'
|
|
|
+import svg403 from '~src/assets/view/403.svg'
|
|
|
+import { initUserConfigInfo, setRouterData } from '~sto/user'
|
|
|
+import { getObjVal } from 'js-fast-way'
|
|
|
|
|
|
//初始变量
|
|
|
const router = useRouter()
|
|
@@ -38,7 +42,8 @@ const isErrorShow = ref(false)
|
|
|
//渲染完成
|
|
|
onMounted(() => {
|
|
|
// 域名后加 /#/auth?token=xxxxxxx&account=aaaa×tamp=1670233144838&timeInterval=300&moduleCode=UTF-8
|
|
|
- const {token, account, timestamp, timeInterval, moduleCode} = useRoutes?.query;
|
|
|
+ // eslint-disable-next-line no-unsafe-optional-chaining
|
|
|
+ const { token, account, timestamp, timeInterval, moduleCode } = useRoutes?.query
|
|
|
if (token && account && timestamp && timeInterval && moduleCode) {
|
|
|
isErrorShow.value = false
|
|
|
loginByTokenApi({
|
|
@@ -47,7 +52,7 @@ onMounted(() => {
|
|
|
timestamp: timestamp,
|
|
|
timeInterval: timeInterval,
|
|
|
moduleCode: moduleCode,
|
|
|
- });
|
|
|
+ })
|
|
|
} else {
|
|
|
loading.value = false
|
|
|
isErrorShow.value = true
|
|
@@ -56,8 +61,8 @@ onMounted(() => {
|
|
|
|
|
|
//请求授权登录
|
|
|
const loginByTokenApi = async (form) => {
|
|
|
- const {error, code, data} = await loginByToken(form)
|
|
|
- const res = getObjVal(data);
|
|
|
+ const { error, code, data } = await loginByToken(form)
|
|
|
+ const res = getObjVal(data)
|
|
|
if (!error && code === 200 && res) {
|
|
|
useAppState.setTokenVal(res['access_token'])
|
|
|
useAppState.setRefreshTokenVal(res['refresh_token'])
|
|
@@ -72,8 +77,8 @@ const loginByTokenApi = async (form) => {
|
|
|
useAppState.setLogoIcon('')
|
|
|
useAppState.setLogoName('')
|
|
|
setAppName('')
|
|
|
- window?.$message?.success('授权登录成功');
|
|
|
- await router.push({path: '/home/index'});
|
|
|
+ window?.$message?.success('授权登录成功')
|
|
|
+ await router.push({ path: '/home/index' })
|
|
|
} else {
|
|
|
window.$message?.error('授权登录失败')
|
|
|
isErrorShow.value = true
|
|
@@ -83,7 +88,7 @@ const loginByTokenApi = async (form) => {
|
|
|
|
|
|
//跳转登陆
|
|
|
const toLoginTap = () => {
|
|
|
- router.push({path: '/login'});
|
|
|
+ router.push({ path: '/login' })
|
|
|
}
|
|
|
</script>
|
|
|
|