|
|
@@ -1,8 +1,8 @@
|
|
|
<template>
|
|
|
- <div class="reset" style="padding-top: 46px">
|
|
|
+ <div class="reset" style="padding-top: 66px">
|
|
|
<van-nav-bar
|
|
|
class="van-nav-bar-my-fixed"
|
|
|
- :title="'重置密码'"
|
|
|
+ :title="'修改密码'"
|
|
|
fixed
|
|
|
left-arrow
|
|
|
@click-left="onClickLeft"
|
|
|
@@ -24,6 +24,9 @@
|
|
|
label-width="62px"
|
|
|
label="原密码"
|
|
|
placeholder="原密码"
|
|
|
+ :type="eye.show1 ? 'text' : 'password'"
|
|
|
+ :right-icon="eye.show1 ? 'closed-eye' : 'eye-o'"
|
|
|
+ @click-right-icon="changeIcon(1)"
|
|
|
:rules="[{ validator: asyncpwodValidator1 }]"
|
|
|
/>
|
|
|
</van-cell-group>
|
|
|
@@ -33,7 +36,10 @@
|
|
|
v-model="form.ncode"
|
|
|
label-width="62px"
|
|
|
label="新密码"
|
|
|
+ :type="eye.show2 ? 'text' : 'password'"
|
|
|
placeholder="新密码"
|
|
|
+ :right-icon="eye.show2 ? 'closed-eye' : 'eye-o'"
|
|
|
+ @click-right-icon="changeIcon(2)"
|
|
|
:rules="[{ validator: asyncpwodValidator2 }]"
|
|
|
/>
|
|
|
</van-cell-group>
|
|
|
@@ -42,7 +48,10 @@
|
|
|
v-model="form.rcode"
|
|
|
label-width="62px"
|
|
|
label="确认密码"
|
|
|
+ :type="eye.show3 ? 'text' : 'password'"
|
|
|
placeholder="确认密码"
|
|
|
+ :right-icon="eye.show3 ? 'closed-eye' : 'eye-o'"
|
|
|
+ @click-right-icon="changeIcon(3)"
|
|
|
:rules="[{ validator: asyncpwodValidator3 }]"
|
|
|
/>
|
|
|
</van-cell-group>
|
|
|
@@ -65,7 +74,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import asyncRequest from "@/apis/address/index";
|
|
|
+import asyncRequest from "@/apis/reset/index";
|
|
|
import resToken from "@/mixins/resToken";
|
|
|
import { isnumber, validAlphabets } from "@/utils/validate";
|
|
|
export default {
|
|
|
@@ -79,6 +88,11 @@ export default {
|
|
|
ncode: "",
|
|
|
rcode: "",
|
|
|
},
|
|
|
+ eye: {
|
|
|
+ show1: false,
|
|
|
+ show2: false,
|
|
|
+ show3: false,
|
|
|
+ },
|
|
|
};
|
|
|
},
|
|
|
async created() {
|
|
|
@@ -123,6 +137,9 @@ export default {
|
|
|
resolve(type ? "ok" : "error");
|
|
|
});
|
|
|
},
|
|
|
+ changeIcon(type) {
|
|
|
+ this.eye[`show${type}`] = !this.eye[`show${type}`];
|
|
|
+ },
|
|
|
async asyncpwodValidator1(val) {
|
|
|
return new Promise((resolve) => {
|
|
|
let type = true;
|
|
|
@@ -137,9 +154,9 @@ export default {
|
|
|
async asyncpwodValidator2(val) {
|
|
|
return new Promise((resolve) => {
|
|
|
let type = true;
|
|
|
- console.log(val)
|
|
|
+ // console.log(val);
|
|
|
const { isok, msg } = this.pwdValidator(val, 2);
|
|
|
- console.log(isok, msg);
|
|
|
+ // console.log(isok, msg);
|
|
|
type = isok;
|
|
|
if (!type) {
|
|
|
this.show_title(msg);
|
|
|
@@ -159,7 +176,7 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
pwdValidator(val, type) {
|
|
|
- console.log(val,type);
|
|
|
+ console.log(val, type);
|
|
|
let mt = type === 1 ? "原密码" : type === 2 ? "新密码" : "确认密码";
|
|
|
let msg = "";
|
|
|
let isok = true;
|
|
|
@@ -184,9 +201,10 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
let model = {
|
|
|
- ok: isok,
|
|
|
+ isok: isok,
|
|
|
msg: msg,
|
|
|
};
|
|
|
+ console.log(model);
|
|
|
return model;
|
|
|
},
|
|
|
// 点击 登陆按钮 后执行提交
|
|
|
@@ -194,31 +212,45 @@ export default {
|
|
|
if (!this.loadding) {
|
|
|
this.loadding = true;
|
|
|
const res1 = await this.asyncmobileValidator(this.form.mobile); //校验表单卡号
|
|
|
+ console.log("res1：" + res1);
|
|
|
if (res1 === "error") {
|
|
|
this.loadding = false;
|
|
|
return;
|
|
|
}
|
|
|
const res2 = await this.asyncpwodValidator1(this.form.code);
|
|
|
+ console.log("res2：" + res2);
|
|
|
if (res2 === "error") {
|
|
|
this.loadding = false;
|
|
|
return;
|
|
|
}
|
|
|
const res3 = await this.asyncpwodValidator2(this.form.ncode);
|
|
|
+ console.log("res3：" + res3);
|
|
|
if (res3 === "error") {
|
|
|
this.loadding = false;
|
|
|
return;
|
|
|
}
|
|
|
const res4 = await this.asyncpwodValidator3(this.form.rcode);
|
|
|
+ console.log("res4：" + res4);
|
|
|
if (res4 === "error") {
|
|
|
this.loadding = false;
|
|
|
return;
|
|
|
}
|
|
|
- let model = JSON.parse(JSON.stringify(this.form));
|
|
|
- delete model["rcode"];
|
|
|
+ if (this.form.ncode !== this.form.rcode) {
|
|
|
+ this.loadding = false;
|
|
|
+ this.show_title("新密码与确认密码不一致！");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const model = {
|
|
|
+ username: this.form.mobile,
|
|
|
+ pas: this.form.code,
|
|
|
+ pasword: this.form.ncode,
|
|
|
+ };
|
|
|
+ // let model = JSON.parse(JSON.stringify(this.form));
|
|
|
+ // delete model["rcode"];
|
|
|
const { code, msg } = await asyncRequest.list(model); //视频预览接口
|
|
|
if (code === 0) {
|
|
|
this.loadding = false;
|
|
|
- this.show_title("密码重置成功！");
|
|
|
+ this.show_title("密码修改成功！");
|
|
|
setTimeout(() => {
|
|
|
window.history.back(-1);
|
|
|
}, 3000);
|
