| | |
| | | import type { AuthApi } from '#/api/core/auth'; |
| | | |
| | | import { computed, onMounted, ref } from 'vue'; |
| | | import { useRoute } from 'vue-router'; |
| | | |
| | | import { AuthenticationLogin, Verification, z } from '../../../packages/effects/common-ui/src'; |
| | | import { isCaptchaEnable, isTenantEnable } from '../../../packages/effects/hooks/src'; |
| | |
| | | getCaptcha, |
| | | getTenantByWebsite, |
| | | getTenantSimpleList, |
| | | socialAuthRedirect, |
| | | } from '#/api/core/auth'; |
| | | import { useAuthStore } from '#/store'; |
| | | |
| | | defineOptions({ name: 'Login' }); |
| | | |
| | | const { query } = useRoute(); |
| | | const authStore = useAuthStore(); |
| | | const accessStore = useAccessStore(); |
| | | const tenantEnable = isTenantEnable(); |
| | |
| | | |
| | | const captchaType = 'blockPuzzle'; // 验证码类型:'blockPuzzle' | 'clickWord' |
| | | |
| | | /** 获取租户列表,并默认选中 */ |
| | | /** 获取租户列表 */ |
| | | const tenantList = ref<AuthApi.TenantResult[]>([]); // 租户列表 |
| | | async function fetchTenantList() { |
| | | if (!tenantEnable) { |
| | | return; |
| | | } |
| | | try { |
| | | // 获取租户列表、域名对应租户 |
| | | const websiteTenantPromise = getTenantByWebsite(window.location.hostname); |
| | | // 获取租户列表 |
| | | tenantList.value = await getTenantSimpleList(); |
| | | |
| | | // 选中租户:域名 > store 中的租户 > 首个租户 |
| | | let tenantId: null | number = null; |
| | | const websiteTenant = await websiteTenantPromise; |
| | | if (websiteTenant?.id) { |
| | | tenantId = websiteTenant.id; |
| | | } |
| | | // 如果没有从域名获取到租户,尝试从 store 中获取 |
| | | if (!tenantId && accessStore.tenantId) { |
| | | tenantId = accessStore.tenantId; |
| | | } |
| | | // 如果还是没有租户,使用列表中的第一个 |
| | | if (!tenantId && tenantList.value?.[0]?.id) { |
| | | tenantId = tenantList.value[0].id; |
| | | } |
| | | |
| | | // 设置选中的租户编号 |
| | | accessStore.setTenantId(tenantId); |
| | | loginRef.value.getFormApi().setFieldValue('tenantId', tenantId?.toString()); |
| | | } catch (error) { |
| | | console.error('获取租户列表失败:', error); |
| | | } |
| | |
| | | } |
| | | } |
| | | |
| | | /** 处理第三方登录 */ |
| | | const redirect = query?.redirect; |
| | | async function handleThirdLogin(type: number) { |
| | | if (type <= 0) { |
| | | return; |
| | | } |
| | | try { |
| | | // 计算 redirectUri |
| | | // tricky: type、redirect 需要先 encode 一次,否则钉钉回调会丢失。配合 social-login.vue#getUrlValue() 使用 |
| | | const redirectUri = `${ |
| | | location.origin |
| | | }/auth/social-login?${encodeURIComponent( |
| | | `type=${type}&redirect=${redirect || '/'}`, |
| | | )}`; |
| | | |
| | | // 进行跳转 |
| | | window.location.href = await socialAuthRedirect(type, redirectUri); |
| | | } catch (error) { |
| | | console.error('第三方登录处理失败:', error); |
| | | } |
| | | } |
| | | |
| | | /** 组件挂载时获取租户信息 */ |
| | | onMounted(() => { |
| | | fetchTenantList(); |
| | |
| | | |
| | | const formSchema = computed((): VbenFormSchema[] => { |
| | | return [ |
| | | { |
| | | component: 'VbenSelect', |
| | | componentProps: { |
| | | options: tenantList.value.map((item) => ({ |
| | | label: item.name, |
| | | value: item.id.toString(), |
| | | })), |
| | | placeholder: $t('authentication.tenantTip'), |
| | | }, |
| | | fieldName: 'tenantId', |
| | | label: $t('authentication.tenant'), |
| | | rules: z.string().min(1, { message: $t('authentication.tenantTip') }), |
| | | dependencies: { |
| | | triggerFields: ['tenantId'], |
| | | if: tenantEnable, |
| | | trigger(values) { |
| | | if (values.tenantId) { |
| | | accessStore.setTenantId(Number(values.tenantId)); |
| | | } |
| | | }, |
| | | }, |
| | | }, |
| | | // { |
| | | // component: 'VbenSelect', |
| | | // componentProps: { |
| | | // options: tenantList.value.map((item) => ({ |
| | | // label: item.name, |
| | | // value: item.id.toString(), |
| | | // })), |
| | | // placeholder: $t('authentication.tenantTip'), |
| | | // }, |
| | | // fieldName: 'tenantId', |
| | | // label: $t('authentication.tenant'), |
| | | // dependencies: { |
| | | // triggerFields: ['tenantId'], |
| | | // if: tenantEnable, |
| | | // trigger(values) { |
| | | // accessStore.setTenantId(values.tenantId ? Number(values.tenantId) : null); |
| | | // }, |
| | | // }, |
| | | // }, |
| | | { |
| | | component: 'VbenInput', |
| | | componentProps: { |
| | |
| | | ref="loginRef" |
| | | :form-schema="formSchema" |
| | | :loading="authStore.loginLoading" |
| | | :show-code-login="false" |
| | | :show-qrcode-login="false" |
| | | :show-third-party-login="false" |
| | | :show-register="false" |
| | | :show-forget-password="false" |
| | | :show-doc-link="false" |
| | | @submit="handleLogin" |
| | | @third-login="handleThirdLogin" |
| | | /> |
| | | <Verification |
| | | ref="verifyRef" |