You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
155 lines
3.4 KiB
Vue
155 lines
3.4 KiB
Vue
<template>
|
|
<view class="p-root-person-pwdLogin g_w_all g_h_all g_bg_f_5 g_kuaishou">
|
|
<view class="g_pt_16">
|
|
<g-panel-form-slot
|
|
:list="[
|
|
{
|
|
icon: '',
|
|
label: '原密码',
|
|
result: '',
|
|
path: '',
|
|
tip: 'old-pwd',
|
|
type: 'slot',
|
|
pColumn: 12,
|
|
flexSlot: '1',
|
|
},
|
|
]"
|
|
>
|
|
<slot>
|
|
<!-- #ifdef APP-PLUS || H5 || MP-TOUTIAO || MP-KUAISHOU -->
|
|
<u-input type="text" :clearable="false" :password-icon="false" placeholder="请输入原密码" input-align="right" class="g_text_r" placeholder-style="color:#999999;font-size:32rpx;line-height:1" v-model="oldPwd" style="width: calc(100vw - (106px);flex: none;" />
|
|
<!-- #endif -->
|
|
<!-- #ifdef MP-WEIXIN -->
|
|
<u-input type="text" :clearable="false" :password-icon="false" placeholder="请输入原密码" input-align="right" class="g_text_r g_w_all" placeholder-style="color:#999999;font-size:32rpx;line-height:1" v-model="oldPwd" />
|
|
<!-- #endif -->
|
|
</slot>
|
|
</g-panel-form-slot>
|
|
</view>
|
|
<view class="g_flex_row_end g_pr_20 g_mt_8 g_fs_14 g_mb_24" style="color: #576b95" ref="" @click="goPage"> 忘记原密码 </view>
|
|
<view class="">
|
|
<g-panel-form-slot
|
|
:list="[
|
|
{
|
|
icon: '',
|
|
label: '新密码',
|
|
result: '',
|
|
path: '',
|
|
tip: 'slot-new-pwd',
|
|
value: newPwd,
|
|
type: 'slot',
|
|
placeholder: '请输入新密码',
|
|
pColumn: 12,
|
|
},
|
|
{
|
|
icon: '',
|
|
label: '确认密码',
|
|
result: '',
|
|
path: '',
|
|
tip: 'slot-confirm-pwd',
|
|
value: confirmPwd,
|
|
type: 'slot',
|
|
placeholder: '再次输入新密码',
|
|
pColumn: 12,
|
|
},
|
|
]"
|
|
@changeNewPwd="getNewPwd"
|
|
@changeConfirmPwd="getConfirmPwd"
|
|
>
|
|
</g-panel-form-slot>
|
|
</view>
|
|
<view class="g_pt_90 g_flex_row_center">
|
|
<g-button btnText="修改密码" type="primary" @clickBtn="submitForm" />
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
onReady() {
|
|
this.G.setNavStyle();
|
|
},
|
|
onShareAppMessage() {
|
|
return this.G.shareFun();
|
|
},
|
|
data() {
|
|
return {
|
|
oldPwd: "",
|
|
newPwd: "",
|
|
confirmPwd: "",
|
|
};
|
|
},
|
|
methods: {
|
|
getNewPwd(e) {
|
|
this.newPwd = e;
|
|
},
|
|
getConfirmPwd(e) {
|
|
this.confirmPwd = e;
|
|
},
|
|
submitForm() {
|
|
let that = this;
|
|
if (that.oldPwd == "") {
|
|
uni.showToast({
|
|
title: "请输入原密码",
|
|
icon: "none",
|
|
});
|
|
return false;
|
|
}
|
|
if (that.newPwd == "") {
|
|
uni.showToast({
|
|
title: "请输入新密码",
|
|
icon: "none",
|
|
});
|
|
return false;
|
|
}
|
|
if (that.confirmPwd == "") {
|
|
uni.showToast({
|
|
title: "请再次输入新密码",
|
|
icon: "none",
|
|
});
|
|
return false;
|
|
}
|
|
if (that.confirmPwd != that.newPwd) {
|
|
uni.showToast({
|
|
title: "前后密码不一致",
|
|
icon: "none",
|
|
});
|
|
return false;
|
|
}
|
|
that.G.Post(
|
|
that.api.user_changeLoginPwd,
|
|
{
|
|
tel: uni.getStorageSync("apply-tel"),
|
|
oldPassword: that.oldPwd,
|
|
password: that.newPwd,
|
|
},
|
|
() => {
|
|
uni.showToast({
|
|
title: "修改成功",
|
|
icon: "success",
|
|
});
|
|
setTimeout(() => {
|
|
that.G.Get(that.api.login_out, {}, () => {
|
|
that.G.clearLocalStorage();
|
|
let params = {
|
|
path: "",
|
|
level: "",
|
|
};
|
|
uni.reLaunch({
|
|
url: "/root/person/loginIndex?" + that.G.objToStr(params),
|
|
});
|
|
});
|
|
}, 1500);
|
|
}
|
|
);
|
|
},
|
|
goPage() {
|
|
uni.navigateTo({
|
|
url: "/root/person/pwdForget",
|
|
});
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style></style>
|