|
@@ -19,14 +19,14 @@
|
|
<template #icon><RollbackIcon /></template>
|
|
<template #icon><RollbackIcon /></template>
|
|
返回登录
|
|
返回登录
|
|
</t-button>
|
|
</t-button>
|
|
- <t-button
|
|
|
|
|
|
+ <!-- <t-button
|
|
v-else
|
|
v-else
|
|
variant="outline"
|
|
variant="outline"
|
|
@click="loginType = loginType === 'ACCOUNT' ? 'PHONE' : 'ACCOUNT'"
|
|
@click="loginType = loginType === 'ACCOUNT' ? 'PHONE' : 'ACCOUNT'"
|
|
>
|
|
>
|
|
<template #icon><SwapRightIcon /></template>
|
|
<template #icon><SwapRightIcon /></template>
|
|
{{ loginType === 'ACCOUNT' ? '手机号' : '账号' }}登录
|
|
{{ loginType === 'ACCOUNT' ? '手机号' : '账号' }}登录
|
|
- </t-button>
|
|
|
|
|
|
+ </t-button> -->
|
|
</div>
|
|
</div>
|
|
<div class="title2" v-if="forgetStatus">{{ `请输入新的账号与密码` }}</div>
|
|
<div class="title2" v-if="forgetStatus">{{ `请输入新的账号与密码` }}</div>
|
|
<div class="title2" v-else>{{
|
|
<div class="title2" v-else>{{
|
|
@@ -41,16 +41,16 @@
|
|
:rules="rules"
|
|
:rules="rules"
|
|
v-if="loginType === 'ACCOUNT'"
|
|
v-if="loginType === 'ACCOUNT'"
|
|
>
|
|
>
|
|
- <t-form-item name="loginName">
|
|
|
|
|
|
+ <t-form-item name="mobileNumber">
|
|
<t-input
|
|
<t-input
|
|
- v-model="formData.loginName"
|
|
|
|
|
|
+ v-model="formData.mobileNumber"
|
|
clearable
|
|
clearable
|
|
- placeholder="请输入账号"
|
|
|
|
|
|
+ placeholder="请输入手机号码"
|
|
size="large"
|
|
size="large"
|
|
@enter="loginHandle"
|
|
@enter="loginHandle"
|
|
>
|
|
>
|
|
<template #prefix-icon>
|
|
<template #prefix-icon>
|
|
- <desktop-icon />
|
|
|
|
|
|
+ <MobileIcon />
|
|
</template>
|
|
</template>
|
|
</t-input>
|
|
</t-input>
|
|
</t-form-item>
|
|
</t-form-item>
|
|
@@ -192,7 +192,7 @@ const route = useRoute();
|
|
const router = useRouter();
|
|
const router = useRouter();
|
|
|
|
|
|
const formData = reactive({
|
|
const formData = reactive({
|
|
- loginName: '',
|
|
|
|
|
|
+ mobileNumber: '',
|
|
password: '',
|
|
password: '',
|
|
});
|
|
});
|
|
const formData2 = reactive({
|
|
const formData2 = reactive({
|
|
@@ -200,8 +200,13 @@ const formData2 = reactive({
|
|
code: '',
|
|
code: '',
|
|
});
|
|
});
|
|
const rules = {
|
|
const rules = {
|
|
- loginName: [
|
|
|
|
- { required: true, message: '请输入账号', type: 'error', trigger: 'change' },
|
|
|
|
|
|
+ mobileNumber: [
|
|
|
|
+ {
|
|
|
|
+ required: true,
|
|
|
|
+ message: '请输入手机号',
|
|
|
|
+ type: 'error',
|
|
|
|
+ trigger: 'change',
|
|
|
|
+ },
|
|
],
|
|
],
|
|
password: [
|
|
password: [
|
|
{ required: true, message: '请输入密码', type: 'error', trigger: 'change' },
|
|
{ required: true, message: '请输入密码', type: 'error', trigger: 'change' },
|
|
@@ -237,7 +242,7 @@ const loginHandle = () => {
|
|
let params =
|
|
let params =
|
|
loginType.value === 'ACCOUNT'
|
|
loginType.value === 'ACCOUNT'
|
|
? {
|
|
? {
|
|
- loginName: formData.loginName,
|
|
|
|
|
|
+ mobileNumber: formData.mobileNumber,
|
|
password: getBase64(formData.password),
|
|
password: getBase64(formData.password),
|
|
}
|
|
}
|
|
: formData2;
|
|
: formData2;
|
|
@@ -262,7 +267,7 @@ const loginHandle = () => {
|
|
};
|
|
};
|
|
const findSuccess = () => {
|
|
const findSuccess = () => {
|
|
forgetStatus.value = false;
|
|
forgetStatus.value = false;
|
|
- formData.loginName = '';
|
|
|
|
|
|
+ formData.mobileNumber = '';
|
|
formData.password = '';
|
|
formData.password = '';
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|