jiazhipeng
10 months ago
12 changed files with 540 additions and 220 deletions
@ -0,0 +1,141 @@ |
|||
<template> |
|||
<view class="bg"> |
|||
<view class="item flex-between"> |
|||
<view>导游ID</view> |
|||
<view>{{userInfo.mobile}}</view> |
|||
</view> |
|||
<view class="item flex-between"> |
|||
<view>手机号</view> |
|||
<view>{{userInfo.mobile}}</view> |
|||
</view> |
|||
<view class="item flex-between"> |
|||
<view>短信验证码</view> |
|||
<view class="flex"> |
|||
<input type="text" v-model="verifyCode"> |
|||
<view @click="getMobileCode()" class="getCode">{{ getCodeBtnTxt }}</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="item flex-between" > |
|||
<view>新密码</view> |
|||
<view> |
|||
<input type="password" v-model="password"> |
|||
</view> |
|||
</view> |
|||
<view class="item flex-between" > |
|||
<view>确认密码</view> |
|||
<view> |
|||
<input type="password" v-model="confirmPassword"> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
userInfo: {}, |
|||
verifyCode: '', |
|||
password: '', |
|||
confirmPassword: '', |
|||
getCodeBtnTxt: '获取验证码', |
|||
smsCodeId: '' |
|||
} |
|||
}, |
|||
onShow() { |
|||
this.userInfo = (uni.getStorageSync('userInfo') && JSON.parse(uni.getStorageSync('userInfo'))) || this.$store.state.user.userInfo || {} |
|||
console.log(this.userInfo) |
|||
}, |
|||
methods: { |
|||
getCode(){ |
|||
let that = this |
|||
if (!this.isCanSend) return; |
|||
that.isCanSend = false |
|||
var params = { |
|||
url: '', |
|||
mobile: this.userInfo.mobile, |
|||
captchaCode: that.captchaCode, |
|||
captchaCodeId: that.captchaCodeId, |
|||
} |
|||
this.Post({},'/api/uservice/user/getMobileCodeForBind').then(res=>{ |
|||
this.smsCodeId = res |
|||
}) |
|||
}, |
|||
|
|||
changeGetCodeBtn() { |
|||
let that = this |
|||
let second = 60; |
|||
let timer = setInterval(() => { |
|||
second--; |
|||
if (second) { |
|||
that.getCodeBtnTxt = second + "s重新获取" |
|||
} else { |
|||
clearInterval(timer); |
|||
that.isCanSend = true |
|||
// 手动清除 Toast |
|||
that.getCodeBtnTxt = "获取验证码" |
|||
} |
|||
}, 1000); |
|||
}, |
|||
bindMobile() { |
|||
let that = this |
|||
that.mobile = that.userInfo.mobile.trim() |
|||
if (that.smsCodeId == 0) { |
|||
that.$toast("请先获取验证码") |
|||
return; |
|||
} |
|||
that.mobileCode = that.mobileCode.trim() |
|||
if (that.mobileCode.length < 6) { |
|||
that.$toast("请输入手机验证码") |
|||
return; |
|||
} |
|||
this.Post({},'/api/uservice/user/getMobileCodeForBind').then(res=>{ |
|||
uni.showToast({ |
|||
title:'修改成功，请重新登录',icon:"none" |
|||
}) |
|||
setTimeout(()=>{ |
|||
that.$store.commit('changeUserInfo', null) |
|||
uni.navigateTo({ |
|||
url:"/pages/login/login" |
|||
}) |
|||
},1000) |
|||
|
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.bg { |
|||
min-height: 100vh; |
|||
background: #F5F5F5; |
|||
padding: 0 26rpx; |
|||
} |
|||
|
|||
.item { |
|||
height: 110rpx; |
|||
font-weight: 500; |
|||
font-size: 28rpx; |
|||
color: #000000; |
|||
border-bottom: 1rpx solid #D8D8D8; |
|||
} |
|||
input{ |
|||
text-align: right; |
|||
} |
|||
|
|||
.getCode{ |
|||
font-weight: 500; |
|||
font-size: 24rpx; |
|||
color: #FFFFFF; |
|||
background: #96684F; |
|||
border-radius: 7rpx; |
|||
width: 153rpx; |
|||
height: 53rpx; |
|||
text-align: center; |
|||
line-height: 53rpx; |
|||
margin-left: 10rpx; |
|||
} |
|||
|
|||
</style> |
|||
Loading…
Reference in new issue