119 lines
2.2 KiB
Vue
119 lines
2.2 KiB
Vue
<template>
|
|
<view>
|
|
<u-navbar :is-back="true" title="修改密码" :border-bottom="false"></u-navbar>
|
|
<view class="u-m-20">
|
|
<u-toast ref="uToast" />
|
|
<view>
|
|
<u-cell-group>
|
|
<u-field
|
|
v-model="oldpassword"
|
|
label="旧密码"
|
|
placeholder="请填写旧密码"
|
|
icon="lock"
|
|
iconColor="#d5d5d5"
|
|
label-width = "180"
|
|
password
|
|
focus
|
|
>
|
|
</u-field>
|
|
<u-field
|
|
v-model="newpassword"
|
|
label="新密码"
|
|
placeholder="请填写新密码"
|
|
icon="lock"
|
|
iconColor="#d5d5d5"
|
|
label-width = "180"
|
|
password
|
|
>
|
|
</u-field>
|
|
<u-field
|
|
v-model="password"
|
|
label="确认密码"
|
|
placeholder="请再次填写密码"
|
|
icon="lock-fill"
|
|
iconColor="#d5d5d5"
|
|
label-width = "180"
|
|
password
|
|
>
|
|
</u-field>
|
|
</u-cell-group>
|
|
</view>
|
|
</view>
|
|
<view class="btn">
|
|
<u-button type="primary" @tap="changePasswold">提交</u-button>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
oldpassword: '',
|
|
newpassword: '',
|
|
password: '',
|
|
}
|
|
},
|
|
methods: {
|
|
changePasswold() {
|
|
if(!this.oldpassword){
|
|
return this.$mytip.toast('请输入旧密码')
|
|
}
|
|
if(!this.newpassword){
|
|
return this.$mytip.toast('请输入新密码')
|
|
}
|
|
if(!this.password){
|
|
return this.$mytip.toast('请确认密码')
|
|
}
|
|
if(this.newpassword != this.password){
|
|
return this.$mytip.toast('密码不一致,请确认')
|
|
}
|
|
let url = "api/profile/updatePwd";
|
|
let userId = uni.getStorageSync('lifeData').vuex_user.user.userId;
|
|
this.$u.put(url,{
|
|
userId:userId,
|
|
oldPassword:this.oldpassword,
|
|
newPassword:this.newpassword
|
|
}).then(data => {
|
|
//提示后跳转页面
|
|
this.$mytip.toast('密码修改成功')
|
|
setTimeout(()=>{
|
|
uni.switchTab({
|
|
url: '/pages/center/center'
|
|
})
|
|
},1000);
|
|
});
|
|
},
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
page{
|
|
overflow: hidden;
|
|
}
|
|
|
|
.logo{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 550rpx;
|
|
img {
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
.version {
|
|
position:fixed;
|
|
bottom:0;
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 15rpx;
|
|
}
|
|
|
|
.btn {
|
|
margin: 20rpx;
|
|
}
|
|
</style>
|