修改统一身份认证

This commit is contained in:
chy
2026-03-02 10:35:21 +08:00
parent 40b95aae29
commit ae12c765be
2 changed files with 94 additions and 104 deletions

View File

@@ -1,9 +1,14 @@
<template> <template>
<div :class="prefixCls" class="relative h-[100%]" :style="{ backgroundImage: 'url(' + localImage + ')' ,backgroundSize:'cover'}"> <div
<div class="relative mx-auto h-full flex" style=" margin: 0 auto;"> :class="prefixCls"
class="relative h-[100%]"
:style="{ backgroundImage: 'url(' + localImage + ')', backgroundSize: 'cover' }"
>
<div class="relative mx-auto h-full flex" style="margin: 0 auto">
<div <div
class="relative flex-1 p-30px lt-sm:p-10px overflow-x-hidden overflow-y-auto" class="relative flex-1 p-30px lt-sm:p-10px overflow-x-hidden overflow-y-auto"
:class="`${prefixCls}__right`"> :class="`${prefixCls}__right`"
>
<!-- 右边的登录界面 --> <!-- 右边的登录界面 -->
<Transition appear enter-active-class="animate__animated animate__bounceInRight"> <Transition appear enter-active-class="animate__animated animate__bounceInRight">
<div <div
@@ -55,8 +60,6 @@ import sjzt from '@/assets/imgs/sjzt.png'
import szls from '@/assets/imgs/szls.png' import szls from '@/assets/imgs/szls.png'
import wlzt from '@/assets/imgs/wlzt.png' import wlzt from '@/assets/imgs/wlzt.png'
import znbb from '@/assets/imgs/znbb.png' import znbb from '@/assets/imgs/znbb.png'
// import { useRoute } from 'vue-router';
import localImage from '@/assets/imgs/background.jpg' import localImage from '@/assets/imgs/background.jpg'
defineOptions({ name: 'Login' }) defineOptions({ name: 'Login' })
@@ -67,7 +70,6 @@ const { getPrefixCls } = useDesign()
const prefixCls = getPrefixCls('login') const prefixCls = getPrefixCls('login')
const windowSize = useWindowSize() const windowSize = useWindowSize()
const loginAnimationData = ref(loginAnimation['default']) const loginAnimationData = ref(loginAnimation['default'])
const leftStyle = computed(() => { const leftStyle = computed(() => {
const winW = windowSize.width.value const winW = windowSize.width.value
const leftW = winW / 2 const leftW = winW / 2
@@ -97,6 +99,14 @@ const leftStyle = computed(() => {
return { lottie, bottomText, logo } return { lottie, bottomText, logo }
}) })
onMounted(() => {
const queryParams = new URLSearchParams(window.location.search);
const paramValue = queryParams.get('url'); // 获取查询参数值,例如 ?paramName=value 中的 value
debugger
});
const newClass = computed(() => { const newClass = computed(() => {
const mobile = appStore.getMobile ? 'is-mobile' : '' const mobile = appStore.getMobile ? 'is-mobile' : ''
const toggle = appStore.getFullscreen ? 'is-toggle' : '' const toggle = appStore.getFullscreen ? 'is-toggle' : ''
@@ -166,7 +176,7 @@ $prefix-cls: #{$namespace}-login;
flex-direction: row; flex-direction: row;
gap: 50px; /* 图标和文字之间的间距 */ gap: 50px; /* 图标和文字之间的间距 */
img { img {
margin:0 margin: 0;
} }
} }

View File

@@ -140,41 +140,6 @@ const loginData = reactive({
} }
}) })
const socialList = [
{ icon: 'ant-design:wechat-filled', type: 30 },
{ icon: 'ant-design:dingtalk-circle-filled', type: 20 },
{ icon: 'ant-design:github-filled', type: 0 },
{ icon: 'ant-design:alipay-circle-filled', type: 0 }
]
const easyDropdownList = [
{
label: t('login.btnMobile'),
icon: 'ant-design:phone-twotone',
type: LoginStateEnum.MOBILE,
code: 'page'
},
{
label: t('login.btnQRCode'),
icon: 'ant-design:qrcode-outlined',
type: LoginStateEnum.QR_CODE,
code: 'page'
},
{ label: t('login.btnWechat'), icon: 'ant-design:wechat-filled', type: 30, code: 'url' },
{
label: t('login.btnDingtalk'),
icon: 'ant-design:dingtalk-circle-filled',
type: 20,
code: 'url'
},
{ label: t('login.btnGitHub'), icon: 'ant-design:github-filled', type: 0, code: 'url' },
{ label: t('login.btnAlipay'), icon: 'ant-design:alipay-circle-filled', type: 0, code: 'url' }
]
const easyCommand = (row) => {
if (row.code == 'page') setLoginState(row.type)
else if (row.code == 'url') doSocialLogin(row.type)
}
// 获取验证码 // 获取验证码
const getCode = async () => { const getCode = async () => {
@@ -242,15 +207,30 @@ const handleLogin = async (params) => {
authUtil.removeLoginForm() authUtil.removeLoginForm()
} }
authUtil.setToken(res) authUtil.setToken(res)
debugger
if (!redirect.value) { if (!redirect.value) {
redirect.value = '/' redirect.value = '/'
} }
// 判断是否为SSO登录 // 判断是否为SSO登录
if (redirect.value.indexOf('sso') !== -1) { if (redirect.value.indexOf('sso') !== -1) {
window.location.href = window.location.href.replace('/login?redirect=', '') window.location.href = window.location.href.replace('/login?redirect=', '')
} else { } else {
const queryParams = new URLSearchParams(window.location.search);
const ticketUrl = queryParams.get('url'); // 获取查询参数值,例如 ?paramName=value 中的 value
console.log(ticketUrl);
debugger
if(ticketUrl!=null){
var urll=ticketUrl+"/#/login"+"?ticket=93279E3308BDBBEED946FC965017F67A";
window.location.href = urll
}else{
push({ path: redirect.value || permissionStore.addRouters[0].path }) push({ path: redirect.value || permissionStore.addRouters[0].path })
} }
}
} finally { } finally {
loginLoading.value = false loginLoading.value = false
loading.value?.close() loading.value?.close()