116 lines
2.6 KiB
Vue
116 lines
2.6 KiB
Vue
<template>
|
|
<view class="">
|
|
<back :pageNameFlag="pageNameFlag" :showFlag="showFlag" :pageName='pageName' :errorMsg="errorMsg"></back>
|
|
<view class="content-block">
|
|
<view class="phone-block">
|
|
<view class="num">+86</view>
|
|
<image class="pull" src="/static/pic/pull.png"></image>
|
|
<view class="phone">
|
|
<input class="phone-input" placeholder="输入手机号" :value="phoneNum" placeholder-class="phone-placeholder" type="number" @input="changePhoneNum" maxlength="11" confirm-type="done"/>
|
|
</view>
|
|
<view class="reset-block" @click="reset" v-if="resetFlag==1">
|
|
<image class="phone-pic" src="/static/pic/close.png"></image>
|
|
</view>
|
|
</view>
|
|
<button class="login-vercode" v-if="nextFlag==0">
|
|
<view class="text">下一步</view>
|
|
</button>
|
|
<button class="login-vercode" v-if="nextFlag==1" @click="nextPage" :disabled="disabledFlag">
|
|
<view class="textHigh">下一步</view>
|
|
</button>
|
|
</view>
|
|
<!-- 图片滑块 -->
|
|
<tfVerify ref="tfVerifyRef" @chenggong="chenggong"/>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import back from '../../components/back.vue';
|
|
import tfVerify from '@/components/tfVerify/tfVerify.vue';
|
|
export default {
|
|
components: {back, tfVerify },
|
|
data() {
|
|
return {
|
|
pageNameFlag:1,
|
|
showFlag:0,
|
|
pageName:'忘记密码',
|
|
phoneNum:'',
|
|
resetFlag:0,
|
|
nextFlag:0,
|
|
errorMsg:'',
|
|
disabledFlag:false,
|
|
showVerify: false,
|
|
imgs: [
|
|
{
|
|
src: '/static/pic/BG0.jpeg',
|
|
color: '#67c23a'
|
|
},
|
|
{
|
|
src: '/static/pic/BG1.jpeg',
|
|
color: '#67c23a'
|
|
},{
|
|
src: '/static/pic/BG2.jpg',
|
|
color: '#67c23a'
|
|
},{
|
|
src: '/static/pic/BG3.jpg',
|
|
color: '#67c23a'
|
|
},{
|
|
src: '/static/pic/BG4.jpg',
|
|
color: '#67c23a'
|
|
},
|
|
]
|
|
}
|
|
},
|
|
methods: {
|
|
reset(){
|
|
this.phoneNum='';
|
|
this.resetFlag=0;
|
|
this.nextFlag=0
|
|
},
|
|
changePhoneNum(e){
|
|
var that = this;
|
|
if(e.detail.value.length>0){
|
|
that.phoneNum=e.detail.value;
|
|
that.resetFlag=1;
|
|
}else{
|
|
that.phoneNum='';
|
|
that.resetFlag=0;
|
|
}
|
|
if(e.detail.value.length>=10){
|
|
that.nextFlag=1
|
|
}else{
|
|
that.nextFlag=0
|
|
}
|
|
},
|
|
nextPage(){
|
|
var that=this;
|
|
that.disabledFlag=true;
|
|
if(that.phoneNum.length!=11){
|
|
that.showFlag=1;
|
|
that.errorMsg='请检查号码';
|
|
setTimeout(function() {
|
|
that.errorMsg='';
|
|
that.showFlag=0;
|
|
that.disabledFlag=false;
|
|
}, 5000);
|
|
return;
|
|
}else{
|
|
that.disabledFlag=false;
|
|
uni.navigateTo({
|
|
url:'../setNewPassword/setNewPassword?phoneNum='+this.phoneNum,
|
|
})
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
@import url("forgetPassword.css");
|
|
</style>
|