|
@@ -1,5 +1,6 @@
|
|
<script setup>
|
|
<script setup>
|
|
import {ref,computed,watch} from 'vue'
|
|
import {ref,computed,watch} from 'vue'
|
|
|
|
+import { showToast } from 'vant';
|
|
import {_apiLogin} from '@/api/user'
|
|
import {_apiLogin} from '@/api/user'
|
|
import {useLogin} from './hooks/useLogin'
|
|
import {useLogin} from './hooks/useLogin'
|
|
const props = defineProps({
|
|
const props = defineProps({
|
|
@@ -29,15 +30,19 @@ let emailCode = ref('')
|
|
const isEmailCountDown = computed(()=>{
|
|
const isEmailCountDown = computed(()=>{
|
|
return codeCountDown.value<60&&codeCountDown.value>0
|
|
return codeCountDown.value<60&&codeCountDown.value>0
|
|
})
|
|
})
|
|
|
|
+let isGetNewCode = ref(false)
|
|
|
|
|
|
const emailPattern = /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/
|
|
const emailPattern = /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/
|
|
function checkForm(){
|
|
function checkForm(){
|
|
if(isEmailCountDown.value) return
|
|
if(isEmailCountDown.value) return
|
|
//是否是重新获取验证码
|
|
//是否是重新获取验证码
|
|
- if(codeStr.value==='重新获取'){
|
|
|
|
|
|
+ if(codeStr.value==='重新获取'&&!isGetNewCode.value){
|
|
//清空图形验证码输入框,引导用户重新输入
|
|
//清空图形验证码输入框,引导用户重新输入
|
|
|
|
+ showToast("重新获取需再次输入图形验证码")
|
|
getPicCode()
|
|
getPicCode()
|
|
emailPicCode.value = ''
|
|
emailPicCode.value = ''
|
|
|
|
+ isGetNewCode.value = true
|
|
|
|
+ return
|
|
}
|
|
}
|
|
//检查邮箱和图形验证码是否正确
|
|
//检查邮箱和图形验证码是否正确
|
|
if(!emailPicCode.value.length){
|
|
if(!emailPicCode.value.length){
|
|
@@ -57,6 +62,7 @@ function checkForm(){
|
|
email:email.value,
|
|
email:email.value,
|
|
picCode:emailPicCode.value
|
|
picCode:emailPicCode.value
|
|
},'email',1)
|
|
},'email',1)
|
|
|
|
+ isGetNewCode.value = false
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
|
|
|