|
|
|
@ -1,29 +1,39 @@
@@ -1,29 +1,39 @@
|
|
|
|
|
<template> |
|
|
|
|
<template v-if="getShow"> |
|
|
|
|
<LoginFormTitle class="enter-x" /> |
|
|
|
|
<Form class="p-4 enter-x" :model="formData" :rules="getFormRules" ref="formRef"> |
|
|
|
|
<Form ref="formRef" |
|
|
|
|
class="p-4 enter-x" |
|
|
|
|
:model="formData" |
|
|
|
|
:rules="getFormRules" |
|
|
|
|
> |
|
|
|
|
<FormItem name="mobile" class="enter-x"> |
|
|
|
|
<Input |
|
|
|
|
size="large" |
|
|
|
|
v-model:value="formData.mobile" |
|
|
|
|
:placeholder="t('sys.login.mobile')" |
|
|
|
|
class="fix-auto-fill" |
|
|
|
|
<Input v-model:value="formData.mobile" |
|
|
|
|
size="large" |
|
|
|
|
:placeholder="t('sys.login.mobile')" |
|
|
|
|
class="fix-auto-fill" |
|
|
|
|
/> |
|
|
|
|
</FormItem> |
|
|
|
|
<FormItem name="sms" class="enter-x"> |
|
|
|
|
<CountdownInput |
|
|
|
|
size="large" |
|
|
|
|
class="fix-auto-fill" |
|
|
|
|
v-model:value="formData.sms" |
|
|
|
|
:placeholder="t('sys.login.smsCode')" |
|
|
|
|
<CountdownInput v-model:value="formData.sms" |
|
|
|
|
size="large" |
|
|
|
|
class="fix-auto-fill" |
|
|
|
|
:placeholder="t('sys.login.smsCode')" |
|
|
|
|
/> |
|
|
|
|
</FormItem> |
|
|
|
|
|
|
|
|
|
<FormItem class="enter-x"> |
|
|
|
|
<Button type="primary" size="large" block @click="handleLogin" :loading="loading"> |
|
|
|
|
<Button type="primary" |
|
|
|
|
size="large" |
|
|
|
|
block |
|
|
|
|
:loading="loading" |
|
|
|
|
@click="handleLogin" |
|
|
|
|
> |
|
|
|
|
{{ t('sys.login.loginButton') }} |
|
|
|
|
</Button> |
|
|
|
|
<Button size="large" block class="mt-4" @click="handleBackLogin"> |
|
|
|
|
<Button size="large" |
|
|
|
|
block |
|
|
|
|
class="mt-4" |
|
|
|
|
@click="handleBackLogin" |
|
|
|
|
> |
|
|
|
|
{{ t('sys.login.backSignIn') }} |
|
|
|
|
</Button> |
|
|
|
|
</FormItem> |
|
|
|
@ -42,17 +52,13 @@
@@ -42,17 +52,13 @@
|
|
|
|
|
const { t } = useI18n(); |
|
|
|
|
const { handleBackLogin, getLoginState } = useLoginState(); |
|
|
|
|
const { getFormRules } = useFormRules(); |
|
|
|
|
|
|
|
|
|
const formRef = ref(); |
|
|
|
|
const loading = ref(false); |
|
|
|
|
|
|
|
|
|
const formData = reactive({ |
|
|
|
|
mobile: '', |
|
|
|
|
sms: '', |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
const { validForm } = useFormValid(formRef); |
|
|
|
|
|
|
|
|
|
const getShow = computed(() => unref(getLoginState) === LoginStateEnum.MOBILE); |
|
|
|
|
|
|
|
|
|
async function handleLogin() { |
|
|
|
|