|
|
|
@ -1,7 +1,7 @@ |
|
|
|
<template> |
|
|
|
<view> |
|
|
|
<view class="title"> |
|
|
|
<view :class="{'green-text': tset_style === 1}">1.验证手机号码</view> |
|
|
|
<view :class="{'green-text': tset_style === 1}">1.验证原密码</view> |
|
|
|
<view :class="{'green-text': tset_style === 2}">2.设置新密码</view> |
|
|
|
</view> |
|
|
|
<view :style="{'background-color':'#fff','width':'100%','height':'100vh' }"> |
|
|
|
@ -11,18 +11,18 @@ |
|
|
|
为保障您的账号安全,修改密码前请填写原密码 |
|
|
|
</view> |
|
|
|
<view style="width: 95%;margin:30rpx auto;"> |
|
|
|
<fui-input borderTop placeholder="请输入原登录密码" v-model="user" @input="input" |
|
|
|
<fui-input borderTop placeholder="请输入原登录密码" v-model="password" @input="input" |
|
|
|
backgroundColor="#f2f2f2"></fui-input> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view v-if="tset_style == 2"> |
|
|
|
<view style="width: 95%;margin:30rpx auto;"> |
|
|
|
<fui-input borderTop placeholder="请设置6-20位新的登录密码" v-model="user" @input="input" |
|
|
|
<fui-input borderTop placeholder="请设置6-20位新的登录密码" v-model="passwords" @input="input" |
|
|
|
backgroundColor="#f2f2f2"></fui-input> |
|
|
|
</view> |
|
|
|
<view style="width: 95%;margin: auto;"> |
|
|
|
<fui-input borderTop :padding="['20rpx','32rpx']" v-model="code" placeholder="请再次输入新的登录密码" @input="input" |
|
|
|
backgroundColor="#f2f2f2"> |
|
|
|
<fui-input borderTop :padding="['20rpx','32rpx']" v-model="old_password" placeholder="请再次输入新的登录密码" |
|
|
|
@input="input" backgroundColor="#f2f2f2"> |
|
|
|
</fui-input> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -30,7 +30,8 @@ |
|
|
|
<fui-button background="#00be8c" radius="5rpx" @click="nextStep" v-if="tset_style == 1">下一步</fui-button> |
|
|
|
<fui-button background="#00be8c" radius="5rpx" @click="submit" v-if="tset_style == 2">提交</fui-button> |
|
|
|
<view style="width: 95%;margin:60rpx auto;"> |
|
|
|
<fui-button background="#fff" radius="5rpx" @click="forgot" color="#999999" v-if="tset_style == 1">忘记原密码</fui-button> |
|
|
|
<fui-button background="#fff" radius="5rpx" @click="forgot" color="#999999" |
|
|
|
v-if="tset_style == 1">忘记原密码</fui-button> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -38,11 +39,13 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import member from '@/api/member.js'; |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
code: '', |
|
|
|
user: '', |
|
|
|
password: '', |
|
|
|
passwords: '', |
|
|
|
old_password: '', |
|
|
|
tset_style: 1, |
|
|
|
} |
|
|
|
}, |
|
|
|
@ -50,17 +53,36 @@ |
|
|
|
|
|
|
|
}, |
|
|
|
methods: { |
|
|
|
sendCode() { |
|
|
|
//延时为了效果展示 |
|
|
|
setTimeout(() => { |
|
|
|
//发送短信 |
|
|
|
//... |
|
|
|
//success方法:短信发送成功后将组件改为倒计时状态 |
|
|
|
this.$refs.fui_cdv && this.$refs.fui_cdv.success() |
|
|
|
}, 800) |
|
|
|
//验证原密码 |
|
|
|
nextStep() { |
|
|
|
member.is_pass({ |
|
|
|
password: this.password |
|
|
|
}).then(res => { |
|
|
|
if (res.code == 1) { |
|
|
|
this.tset_style = 2 |
|
|
|
} else { |
|
|
|
uni.showToast({ |
|
|
|
title: res.msg, |
|
|
|
icon: 'none' |
|
|
|
}) |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
nextStep(){ |
|
|
|
this.tset_style = 2 |
|
|
|
//提交 |
|
|
|
submit() { |
|
|
|
member.set_pass({ |
|
|
|
password: this.passwords, |
|
|
|
old_password: this.old_password, |
|
|
|
}).then(res => { |
|
|
|
if (res.code == 1) { |
|
|
|
this.$util.logout(); |
|
|
|
} else { |
|
|
|
uni.showToast({ |
|
|
|
title: res.msg, |
|
|
|
icon: 'none' |
|
|
|
}) |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
forgot() { |
|
|
|
uni.navigateTo({ |
|
|
|
@ -94,12 +116,12 @@ |
|
|
|
font-size: 26rpx; |
|
|
|
border: 4rpx #f5f5f5 solid; |
|
|
|
} |
|
|
|
|
|
|
|
.green-text{ |
|
|
|
|
|
|
|
.green-text { |
|
|
|
color: #36d6b9; |
|
|
|
} |
|
|
|
|
|
|
|
.describe{ |
|
|
|
|
|
|
|
.describe { |
|
|
|
color: #999999; |
|
|
|
padding-left: 30rpx; |
|
|
|
} |
|
|
|
|