merge
This commit is contained in:
82
src/layout/components/SocialCallback/index.vue
Normal file
82
src/layout/components/SocialCallback/index.vue
Normal file
@ -0,0 +1,82 @@
|
||||
<template>
|
||||
<div v-loading="loading" class="social-callback"></div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { login, callback } from '@/api/login';
|
||||
import { setToken } from '@/utils/auth';
|
||||
import Cookies from 'js-cookie';
|
||||
import { getToken } from '@/utils/auth';
|
||||
import { LoginData } from '@/api/types';
|
||||
|
||||
const route = useRoute();
|
||||
const loading = ref(true);
|
||||
|
||||
|
||||
/**
|
||||
* 接收Route传递的参数
|
||||
* @param {Object} route.query.
|
||||
*/
|
||||
const code = route.query.code as string;
|
||||
const state = route.query.state as string;
|
||||
const source = route.query.source as string;
|
||||
const tenantId = Cookies.get("tenantId") ? Cookies.get("tenantId") as string : '000000';
|
||||
|
||||
|
||||
const processResponse = async (res: any) => {
|
||||
if (res.code !== 200) {
|
||||
throw new Error(res.msg);
|
||||
}
|
||||
setToken(res.data.access_token);
|
||||
ElMessage.success(res.msg);
|
||||
location.href = import.meta.env.VITE_APP_CONTEXT_PATH + 'index';
|
||||
};
|
||||
|
||||
const handleError = (error: any) => {
|
||||
ElMessage.error(error.message);
|
||||
location.href = import.meta.env.VITE_APP_CONTEXT_PATH + 'index';
|
||||
};
|
||||
|
||||
const callbackByCode = async (data: LoginData) => {
|
||||
try {
|
||||
const res = await callback(data);
|
||||
await processResponse(res);
|
||||
loading.value = false;
|
||||
} catch (error) {
|
||||
handleError(error);
|
||||
}
|
||||
};
|
||||
|
||||
const loginByCode = async (data: LoginData) => {
|
||||
try {
|
||||
const res = await login(data);
|
||||
await processResponse(res);
|
||||
loading.value = false;
|
||||
} catch (error) {
|
||||
handleError(error);
|
||||
}
|
||||
};
|
||||
|
||||
const init = async () => {
|
||||
const data: LoginData = {
|
||||
socialCode: code,
|
||||
socialState: state,
|
||||
tenantId: tenantId,
|
||||
source: source,
|
||||
clientId: 'e5cd7e4891bf95d1d19206ce24a7b32e',
|
||||
grantType: 'social'
|
||||
};
|
||||
|
||||
if (!getToken()) {
|
||||
await loginByCode(data);
|
||||
} else {
|
||||
await callbackByCode(data);
|
||||
}
|
||||
};
|
||||
|
||||
onMounted(() => {
|
||||
nextTick(() => {
|
||||
init();
|
||||
});
|
||||
});
|
||||
</script>
|
@ -1,36 +0,0 @@
|
||||
<template>
|
||||
<div v-loading="loading" class="social-login"></div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {socialLogin} from '@/api/login';
|
||||
import {setToken} from '@/utils/auth';
|
||||
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
|
||||
|
||||
/**
|
||||
* 接收Route传递的参数
|
||||
* @param {Object} route.query.
|
||||
*/
|
||||
const code = route.query.code;
|
||||
const state = route.query.state;
|
||||
const source = route.query.source as string;
|
||||
const loading = ref(true);
|
||||
await socialLogin(source, code, state)
|
||||
.then(async (res) => {
|
||||
if (res.code !== 200) {
|
||||
ElMessage.error(res.msg);
|
||||
router.go(-2);
|
||||
return;
|
||||
}
|
||||
loading.value = false;
|
||||
setToken(res.msg);
|
||||
ElMessage.success('登录成功');
|
||||
router.go(-2);
|
||||
})
|
||||
.catch(() => {
|
||||
loading.value = false;
|
||||
});
|
||||
</script>
|
@ -95,7 +95,7 @@ defineExpose({
|
||||
bottom: 0px;
|
||||
}
|
||||
:deep(.el-scrollbar__wrap) {
|
||||
height: 39px;
|
||||
height: 49px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
Reference in New Issue
Block a user