You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
77 lines
2.3 KiB
77 lines
2.3 KiB
4 months ago
|
<template>
|
||
|
|
<view>
|
||
|
|
<view class="auth">
|
||
|
|
<view class="wanl-title">修改{{username}}密码</view>
|
||
|
|
<form @submit="formSubmit">
|
||
|
|
<view class="auth-group radius-bock bg-gray wlian-grey-light">
|
||
|
|
<input confirm-type="done" placeholder="请填写您的新密码" password type="text" placeholder-class="placeholder" name="newpassword" @input="onKeyInput" ></input>
|
||
|
|
<input name="mobile" disabled :value="mobile" style="display: none;" ></input>
|
||
|
|
<input name="captcha" disabled :value="captcha" style="display: none;" ></input>
|
||
|
|
</view>
|
||
|
|
<view class="auth-button flex flex-direction">
|
||
|
|
<button class="cu-btn bg-orange sl radius-bock" formType="submit" :disabled="submitDisabled">修改密码</button>
|
||
|
|
</view>
|
||
|
|
</form>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import graceChecker from '@/common/graceChecker';//来自 graceUI 的表单验证， 使用说明见手册 http://grace.hcoder.net/doc/info/73-3.html
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
username: this.$store.state.user.username,
|
||
|
|
mobile: '',
|
||
|
|
captcha: '',
|
||
|
|
submitDisabled: true
|
||
|
|
};
|
||
|
|
},
|
||
|
|
onLoad(options) {
|
||
|
|
this.mobile = options.mobile;
|
||
|
|
this.captcha = options.captcha;
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
onKeyInput(e) {
|
||
|
|
this.submitDisabled = false
|
||
|
|
},
|
||
|
|
async formSubmit(e) {
|
||
|
|
//将下列代码加入到对应的检查位置
|
||
|
|
//定义表单规则
|
||
|
|
var rule = [
|
||
|
|
{ name: 'mobile', checkType: 'phoneno', errorMsg: '请输入正确手机号' },
|
||
|
|
{ name: "captcha", checkType: "zipcode", errorMsg: "验证码至少6位" },
|
||
|
|
{ name: "newpassword", checkType: "string", checkRule: "6,12", errorMsg: "密码应为6-12个字符" }
|
||
|
|
];
|
||
|
|
//进行表单检查
|
||
|
|
var formData = e.detail.value;
|
||
|
|
var checkRes = graceChecker.check(formData, rule);
|
||
|
|
if (checkRes) {
|
||
|
|
await uni.request({
|
||
|
|
url: '/wanlshop/user/resetpwd',
|
||
|
|
method: 'POST',
|
||
|
|
data:{
|
||
|
|
mobile: formData.mobile,
|
||
|
|
captcha: formData.captcha,
|
||
|
|
newpassword: formData.newpassword
|
||
|
|
},
|
||
|
|
success: res => {
|
||
|
|
// 提示
|
||
|
|
this.$wanlshop.msg('重置密码成功');
|
||
|
|
// 返回
|
||
|
|
uni.switchTab({
|
||
|
|
url: '/pages/user'
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
this.$wanlshop.msg(graceChecker.error);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
@import url("auth.css");
|
||
|
|
</style>
|