diff --git a/ui/src/views/login/index.vue b/ui/src/views/login/index.vue index 04d8293fb..aa9208bbe 100644 --- a/ui/src/views/login/index.vue +++ b/ui/src/views/login/index.vue @@ -317,224 +317,225 @@ onBeforeMount(() => { } } }) +}) - const modeList = ref(['']) - const QrList = ref(['']) - const loginMode = ref('') - const showQrCodeTab = ref(false) +const modeList = ref(['']) +const QrList = ref(['']) +const loginMode = ref('') +const showQrCodeTab = ref(false) - interface qrOption { - key: string - value: string - } +interface qrOption { + key: string + value: string +} - const orgOptions = ref([]) +const orgOptions = ref([]) - function uuidv4() { - return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) { - const r = (Math.random() * 16) | 0 - const v = c === 'x' ? r : (r & 0x3) | 0x8 - return v.toString(16) - }) - } - - const newDefaultSlogan = computed(() => { - const default_login = '强大易用的企业级智能体平台' - if (!theme.themeInfo?.slogan || default_login == theme.themeInfo?.slogan) { - return t('theme.defaultSlogan') - } else { - return theme.themeInfo?.slogan - } +function uuidv4() { + return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) { + const r = (Math.random() * 16) | 0 + const v = c === 'x' ? r : (r & 0x3) | 0x8 + return v.toString(16) }) +} - function redirectAuth(authType: string, needMessage: boolean = true) { - if (authType === 'LDAP' || authType === '') { +const newDefaultSlogan = computed(() => { + const default_login = '强大易用的企业级智能体平台' + if (!theme.themeInfo?.slogan || default_login == theme.themeInfo?.slogan) { + return t('theme.defaultSlogan') + } else { + return theme.themeInfo?.slogan + } +}) + +function redirectAuth(authType: string, needMessage: boolean = true) { + if (authType === 'LDAP' || authType === '') { + return + } + authApi.getLoginViewAuthSetting(authType, loading).then((res: any) => { + if (!res.data || !res.data.config) { return } - authApi.getLoginViewAuthSetting(authType, loading).then((res: any) => { - if (!res.data || !res.data.config) { - return - } - const config = res.data.config - // 构造带查询参数的redirectUrl - const redirectUrl = `${config.redirectUrl}` - let url - if (authType === 'CAS') { - url = config.ldpUri - url += - url.indexOf('?') !== -1 - ? `&service=${encodeURIComponent(redirectUrl)}` - : `?service=${encodeURIComponent(redirectUrl)}` - } else if (authType === 'OIDC') { - const scope = config.scope || 'openid+profile+email' - url = `${config.authEndpoint}?client_id=${config.clientId}&redirect_uri=${redirectUrl}&response_type=code&scope=${scope}` - if (config.state) { - url += `&state=${config.state}` - } - } else if (authType === 'OAuth2') { - url = `${config.authEndpoint}?client_id=${config.clientId}&response_type=code&redirect_uri=${redirectUrl}&state=${uuidv4()}` - if (config.scope) { - url += `&scope=${config.scope}` - } + const config = res.data.config + // 构造带查询参数的redirectUrl + const redirectUrl = `${config.redirectUrl}` + let url + if (authType === 'CAS') { + url = config.ldpUri + url += + url.indexOf('?') !== -1 + ? `&service=${encodeURIComponent(redirectUrl)}` + : `?service=${encodeURIComponent(redirectUrl)}` + } else if (authType === 'OIDC') { + const scope = config.scope || 'openid+profile+email' + url = `${config.authEndpoint}?client_id=${config.clientId}&redirect_uri=${redirectUrl}&response_type=code&scope=${scope}` + if (config.state) { + url += `&state=${config.state}` } - if (!url) { - return + } else if (authType === 'OAuth2') { + url = `${config.authEndpoint}?client_id=${config.clientId}&response_type=code&redirect_uri=${redirectUrl}&state=${uuidv4()}` + if (config.scope) { + url += `&scope=${config.scope}` } - if (needMessage) { - MsgConfirm(t('views.login.jump_tip'), '', { - confirmButtonText: t('views.login.jump'), - cancelButtonText: t('common.cancel'), - confirmButtonClass: '', - }) - .then(() => { - window.location.href = url - }) - .catch(() => { - }) - } else { - console.log('url', url) - window.location.href = url - } - }) - } - - function changeMode(val: string, needMessage: boolean = true) { - loginMode.value = val === 'LDAP' ? val : '' - if (val === 'QR_CODE') { - loginMode.value = val - showQrCodeTab.value = true + } + if (!url) { return } - showQrCodeTab.value = false - loginForm.value = { - username: '', - password: '', - captcha: '', - } - redirectAuth(val, needMessage) - loginFormRef.value?.clearValidate() - } - - onBeforeMount(() => { - loading.value = true - user.asyncGetProfile().then((res) => { - // 企业版和专业版：第三方登录 - if (user.isPE() || user.isEE()) { - login - .getAuthType() - .then((res) => { - //如果结果包含LDAP，把LDAP放在第一个 - const ldapIndex = res.indexOf('LDAP') - if (ldapIndex !== -1) { - const [ldap] = res.splice(ldapIndex, 1) - res.unshift(ldap) - } - modeList.value = [...modeList.value, ...res] - }) - .finally(() => (loading.value = false)) - login - .getQrType() - .then((res) => { - if (res.length > 0) { - modeList.value = ['QR_CODE', ...modeList.value] - QrList.value = res - QrList.value.forEach((item) => { - orgOptions.value.push({ - key: item, - value: - item === 'wecom' - ? t('views.system.authentication.scanTheQRCode.wecom') - : item === 'dingtalk' - ? t('views.system.authentication.scanTheQRCode.dingtalk') - : t('views.system.authentication.scanTheQRCode.lark'), - }) - }) - } - }) - .finally(() => (loading.value = false)) - } else { - loading.value = false - } - }) - }) - declare const window: any - - onMounted(() => { - const route = useRoute() - const currentUrl = ref(route.fullPath) - const params = new URLSearchParams(currentUrl.value.split('?')[1]) - const client = params.get('client') - - const handleDingTalk = () => { - const code = params.get('corpId') - if (code) { - dd.runtime.permission.requestAuthCode({corpId: code}).then((res) => { - console.log('DingTalk client request success:', res) - login.dingOauth2Callback(res.code).then(() => { - router.push({name: 'home'}) - }) - }) - } - } - - const handleLark = () => { - const appId = params.get('appId') - const callRequestAuthCode = () => { - window.tt?.requestAuthCode({ - appId: appId, - success: (res: any) => { - login.larkCallback(res.code).then(() => { - router.push({name: 'home'}) - }) - }, - fail: (error: any) => { - MsgError(error) - }, - }) - } - - loadScript('https://lf-scm-cn.feishucdn.com/lark/op/h5-js-sdk-1.5.35.js', { - jsId: 'lark-sdk', - forceReload: true, + if (needMessage) { + MsgConfirm(t('views.login.jump_tip'), '', { + confirmButtonText: t('views.login.jump'), + cancelButtonText: t('common.cancel'), + confirmButtonClass: '', }) .then(() => { - if (window.tt) { - window.tt.requestAccess({ - appID: appId, - scopeList: [], - success: (res: any) => { - login.larkCallback(res.code).then(() => { - router.push({name: 'home'}) - }) - }, - fail: (error: any) => { - const {errno} = error - if (errno === 103) { - callRequestAuthCode() - } - }, - }) - } else { - callRequestAuthCode() - } + window.location.href = url }) - .catch((error) => { - console.error('SDK 加载失败:', error) + .catch(() => { }) - } - - switch (client) { - case 'dingtalk': - handleDingTalk() - break - case 'lark': - handleLark() - break - default: - break + } else { + console.log('url', url) + window.location.href = url } }) +} + +function changeMode(val: string, needMessage: boolean = true) { + loginMode.value = val === 'LDAP' ? val : '' + if (val === 'QR_CODE') { + loginMode.value = val + showQrCodeTab.value = true + return + } + showQrCodeTab.value = false + loginForm.value = { + username: '', + password: '', + captcha: '', + } + redirectAuth(val, needMessage) + loginFormRef.value?.clearValidate() +} + +onBeforeMount(() => { + loading.value = true + user.asyncGetProfile().then((res) => { + // 企业版和专业版：第三方登录 + if (user.isPE() || user.isEE()) { + login + .getAuthType() + .then((res) => { + //如果结果包含LDAP，把LDAP放在第一个 + const ldapIndex = res.indexOf('LDAP') + if (ldapIndex !== -1) { + const [ldap] = res.splice(ldapIndex, 1) + res.unshift(ldap) + } + modeList.value = [...modeList.value, ...res] + }) + .finally(() => (loading.value = false)) + login + .getQrType() + .then((res) => { + if (res.length > 0) { + modeList.value = ['QR_CODE', ...modeList.value] + QrList.value = res + QrList.value.forEach((item) => { + orgOptions.value.push({ + key: item, + value: + item === 'wecom' + ? t('views.system.authentication.scanTheQRCode.wecom') + : item === 'dingtalk' + ? t('views.system.authentication.scanTheQRCode.dingtalk') + : t('views.system.authentication.scanTheQRCode.lark'), + }) + }) + } + }) + .finally(() => (loading.value = false)) + } else { + loading.value = false + } + }) +}) +declare const window: any + +onMounted(() => { + const route = useRoute() + const currentUrl = ref(route.fullPath) + const params = new URLSearchParams(currentUrl.value.split('?')[1]) + const client = params.get('client') + + const handleDingTalk = () => { + const code = params.get('corpId') + if (code) { + dd.runtime.permission.requestAuthCode({corpId: code}).then((res) => { + console.log('DingTalk client request success:', res) + login.dingOauth2Callback(res.code).then(() => { + router.push({name: 'home'}) + }) + }) + } + } + + const handleLark = () => { + const appId = params.get('appId') + const callRequestAuthCode = () => { + window.tt?.requestAuthCode({ + appId: appId, + success: (res: any) => { + login.larkCallback(res.code).then(() => { + router.push({name: 'home'}) + }) + }, + fail: (error: any) => { + MsgError(error) + }, + }) + } + + loadScript('https://lf-scm-cn.feishucdn.com/lark/op/h5-js-sdk-1.5.35.js', { + jsId: 'lark-sdk', + forceReload: true, + }) + .then(() => { + if (window.tt) { + window.tt.requestAccess({ + appID: appId, + scopeList: [], + success: (res: any) => { + login.larkCallback(res.code).then(() => { + router.push({name: 'home'}) + }) + }, + fail: (error: any) => { + const {errno} = error + if (errno === 103) { + callRequestAuthCode() + } + }, + }) + } else { + callRequestAuthCode() + } + }) + .catch((error) => { + console.error('SDK 加载失败:', error) + }) + } + + switch (client) { + case 'dingtalk': + handleDingTalk() + break + case 'lark': + handleLark() + break + default: + break + } +})