|
|
@@ -224,6 +224,8 @@ import { useAppStore } from '@/pinia/appStore'
|
|
|
const appStore = useAppStore();
|
|
|
import { useRoute } from 'vue-router'
|
|
|
const route = useRoute()
|
|
|
+import { useI18n } from 'vue-i18n'
|
|
|
+const { t } = useI18n()
|
|
|
// 正则表达式
|
|
|
const PHONE_REGEX = /^1[3-9]\d{9}$/;
|
|
|
const EMAIL_REGEX = /^[A-Za-z0-9+_.-]+@[A-Za-z0-9.-]+$/;
|
|
|
@@ -268,21 +270,21 @@ const activeTab = ref('sms')
|
|
|
|
|
|
// 密码登录表单
|
|
|
const passwordForm = reactive({
|
|
|
- account: '13925214105',
|
|
|
- password: 'zhangning13Z',
|
|
|
+ account: '13925214105',//
|
|
|
+ password: 'zhangning13Z',//
|
|
|
captcha: '',
|
|
|
uuid: ''
|
|
|
})
|
|
|
|
|
|
// 短信登录表单
|
|
|
const smsForm = reactive({
|
|
|
- account: '13925214105',
|
|
|
+ account: '',
|
|
|
verifyCode: ''
|
|
|
})
|
|
|
|
|
|
// 重置密码表单
|
|
|
const resetForm = reactive({
|
|
|
- account: '13925214105',
|
|
|
+ account: '',
|
|
|
verifyCode: '',
|
|
|
newPassword: '',
|
|
|
confirmPassword: ''
|
|
|
@@ -306,46 +308,46 @@ const emailCountdown = ref(0)
|
|
|
// 表单验证规则
|
|
|
const passwordRules = reactive({
|
|
|
account: [
|
|
|
- { required: true, message: '请输入账号', trigger: 'blur' },
|
|
|
- { validator: (val) => isPasswordPhone.value || isPasswordEmail.value, message: '请输入正确的(手机号或邮箱)', trigger: 'blur' }
|
|
|
+ { required: true, message: t('login.placeholderAccount'), trigger: 'blur' },
|
|
|
+ { validator: (val) => isPasswordPhone.value || isPasswordEmail.value, message: t('login.placeholderPhoneOrEmailTip'), trigger: 'blur' }
|
|
|
],
|
|
|
password: [
|
|
|
- { required: true, message: '请输入密码', trigger: 'blur' },
|
|
|
- { min: 6, message: '密码长度不能少于6个字符', trigger: 'blur' }
|
|
|
+ { required: true, message: t('login.placeholderPassword'), trigger: 'blur' },
|
|
|
+ { min: 6, message: t('login.passwordMinLength'), trigger: 'blur' }
|
|
|
],
|
|
|
captcha: [
|
|
|
- { required: true, message: '请输入验证码', trigger: 'blur' }
|
|
|
+ { required: true, message: t('login.placeholderCaptcha'), trigger: 'blur' }
|
|
|
]
|
|
|
})
|
|
|
|
|
|
const smsRules = reactive({
|
|
|
account: [
|
|
|
- { required: true, message: '请输入手机号', trigger: 'blur' },
|
|
|
- { validator: (rule, val) => PHONE_REGEX.test(val) || EMAIL_REGEX.test(val), message: '请输入正确的(手机号或邮箱)', trigger: 'blur' }
|
|
|
+ { required: true, message: t('login.placeholderPhone'), trigger: 'blur' },
|
|
|
+ { validator: (rule, val) => PHONE_REGEX.test(val) || EMAIL_REGEX.test(val), message: t('login.placeholderPhoneOrEmailTip'), trigger: 'blur' }
|
|
|
|
|
|
],
|
|
|
verifyCode: [
|
|
|
- { required: true, message: '请输入验证码', trigger: 'blur' },
|
|
|
- { min: 6, max: 6, message: '验证码长度为6个字符', trigger: 'blur' }
|
|
|
+ { required: true, message: t('login.placeholderCaptcha'), trigger: 'blur' },
|
|
|
+ // { min: 6, max: 6, message: '验证码长度为6个字符', trigger: 'blur' }
|
|
|
]
|
|
|
})
|
|
|
// 重置密码表单验证规则
|
|
|
const resetRules = reactive({
|
|
|
account: [
|
|
|
- { required: true, message: '请输入手机号或邮箱', trigger: 'blur' },
|
|
|
- { validator: (rule, val) => PHONE_REGEX.test(val) || EMAIL_REGEX.test(val), message: '请输入正确的(手机号或邮箱)', trigger: 'blur' }
|
|
|
+ { required: true, message: t('login.placeholderPhoneOrEmail'), trigger: 'blur' },
|
|
|
+ { validator: (rule, val) => PHONE_REGEX.test(val) || EMAIL_REGEX.test(val), message: t('login.placeholderPhoneOrEmailTip'), trigger: 'blur' }
|
|
|
],
|
|
|
verifyCode: [
|
|
|
- { required: true, message: '请输入验证码', trigger: 'blur' },
|
|
|
- { min: 6, max: 6, message: '验证码长度为6个字符', trigger: 'blur' }
|
|
|
+ { required: true, message: t('login.placeholderCaptcha'), trigger: 'blur' },
|
|
|
+ // { min: 6, max: 6, message: '验证码长度为6个字符', trigger: 'blur' }
|
|
|
],
|
|
|
newPassword: [
|
|
|
- { required: true, message: '请输入新密码', trigger: 'blur' },
|
|
|
- { min: 6, message: '密码长度不能少于6个字符', trigger: 'blur' }
|
|
|
+ { required: true, message: t('login.placeholderNewPassword'), trigger: 'blur' },
|
|
|
+ { min: 6, message: t('login.passwordMinLength'), trigger: 'blur' }
|
|
|
],
|
|
|
confirmPassword: [
|
|
|
- { required: true, message: '请确认新密码', trigger: 'blur' },
|
|
|
- { validator: (rule, val) => val === resetForm.newPassword, message: '两次输入密码不一致', trigger: 'blur' }
|
|
|
+ { required: true, message: t('login.placeholderConfirmPassword'), trigger: 'blur' },
|
|
|
+ { validator: (rule, val) => val === resetForm.newPassword, message: t('login.passwordNotSame'), trigger: 'blur' }
|
|
|
]
|
|
|
})
|
|
|
|