first commit
This commit is contained in:
云泽网 committed
commit
c1cce5ccb4
2779 files changed
+340042
No files matched your search
@@ -0,0 +1,230 @@
|
||||
<template>
|
||||
<view>
|
||||
<!-- #ifndef H5 -->
|
||||
<u-sticky offset-top="0" h5-nav-height="0" bg-color="transparent">
|
||||
<u-navbar
|
||||
:is-back="true"
|
||||
title="忘记密码"
|
||||
:title-bold="true"
|
||||
:is-fixed="false"
|
||||
:border-bottom="false"
|
||||
:background="{ background: 'rgba(256,256, 256,0)' }"
|
||||
></u-navbar>
|
||||
</u-sticky>
|
||||
<!-- #endif -->
|
||||
<view class="forget-pwd-container">
|
||||
<view class="forget-input-container">
|
||||
<view class="xxl bold">忘记登录密码</view>
|
||||
<view class="input row" style="padding: 15rpx">
|
||||
<u-input
|
||||
v-model="mobile"
|
||||
placeholder="请输入手机号码"
|
||||
type="number"
|
||||
/>
|
||||
</view>
|
||||
<view class="input row" style="padding: 15rpx">
|
||||
<u-input
|
||||
v-model="smsCode"
|
||||
style="flex: 1"
|
||||
placeholder="请输入验证码"
|
||||
:input-border="false"
|
||||
/>
|
||||
<view class="row">
|
||||
<view
|
||||
class="sms-btn sm row-center br60"
|
||||
:style="{ color: mobile.length == 11 ? 'red' : 'gray' }"
|
||||
@click="sendSmsFun()"
|
||||
>
|
||||
<view v-show="canSendSms">获取验证码</view>
|
||||
<u-count-down
|
||||
ref="countDown"
|
||||
:show-days="false"
|
||||
:timestamp="time"
|
||||
separator="zh"
|
||||
color="#FF2C3C"
|
||||
separatorColor="#FF2C3C"
|
||||
bg-color="rgba(0, 0, 0, 0)"
|
||||
:show-hours="false"
|
||||
:show-minutes="false"
|
||||
:autoplay="false"
|
||||
v-show="!canSendSms"
|
||||
@end="countDownFinish()"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="input row" style="padding: 15rpx">
|
||||
<u-input
|
||||
type="password"
|
||||
v-model="resetPwd"
|
||||
placeholder="请输入新密码"
|
||||
:input-border="false"
|
||||
/>
|
||||
</view>
|
||||
<!-- <view class="input-item row">
|
||||
<input
|
||||
type="password"
|
||||
v-model="comfirmPwd"
|
||||
placeholder="再次输入新密码确认"
|
||||
/>
|
||||
</view> -->
|
||||
</view>
|
||||
<button
|
||||
class="btn bg-primary white row-center"
|
||||
:class="{ inactive }"
|
||||
@click="forgetPwdFun"
|
||||
>
|
||||
立即重置密码
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { forgetPwd, sendSms } from "@/api/app.js";
|
||||
import { ACCESS_TOKEN } from "@/config/app.js";
|
||||
import { SMSType } from "@/utils/type.js";
|
||||
import { mapMutations } from "vuex";
|
||||
export default {
|
||||
name: "forgetPwd",
|
||||
data() {
|
||||
return {
|
||||
mobile: "",
|
||||
smsCode: "",
|
||||
resetPwd: "",
|
||||
// comfirmPwd: "",
|
||||
time: 59,
|
||||
canSendSms: true,
|
||||
};
|
||||
},
|
||||
onLoad() {},
|
||||
computed: {
|
||||
inactive() {
|
||||
if (this.mobile.length !== 11 || !this.smsCode || !this.resetPwd) {
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
...mapMutations(["LOGIN"]),
|
||||
goPage(name) {
|
||||
uni.navigateTo({
|
||||
url: name,
|
||||
});
|
||||
},
|
||||
forgetPwdFun() {
|
||||
let { mobile, smsCode, resetPwd, comfirmPwd } = this;
|
||||
if (!mobile) {
|
||||
this.$toast({
|
||||
title: "请填写手机号",
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!smsCode) {
|
||||
this.$toast({
|
||||
title: "请填写短信验证码",
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!resetPwd) {
|
||||
this.$toast({
|
||||
title: "请填写重置密码",
|
||||
});
|
||||
return;
|
||||
}
|
||||
// if (!comfirmPwd) {
|
||||
// this.$toast({
|
||||
// title: "请填写确认密码",
|
||||
// });
|
||||
// return;
|
||||
// }
|
||||
// if (resetPwd != comfirmPwd) {
|
||||
// this.$toast({
|
||||
// title: "两次密码输入不一致",
|
||||
// });
|
||||
// return;
|
||||
// }
|
||||
let data = {
|
||||
mobile: mobile,
|
||||
code: smsCode,
|
||||
password: resetPwd,
|
||||
// repassword: comfirmPwd,
|
||||
};
|
||||
forgetPwd(data).then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.$toast({
|
||||
title: res.msg,
|
||||
});
|
||||
// 跳转到登录页
|
||||
setTimeout(() => {
|
||||
uni.navigateBack();
|
||||
}, 1000);
|
||||
}
|
||||
});
|
||||
},
|
||||
countDownFinish() {
|
||||
this.canSendSms = true;
|
||||
},
|
||||
sendSmsFun() {
|
||||
if (this.mobile.length !== 11) {
|
||||
this.$toast({
|
||||
title: "请填写正确的手机号信息",
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (this.canSendSms == false) {
|
||||
return;
|
||||
}
|
||||
// if (!this.mobile) {
|
||||
// return;
|
||||
// }
|
||||
sendSms({
|
||||
mobile: this.mobile,
|
||||
key: SMSType.FINDPWD,
|
||||
}).then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.canSendSms = false;
|
||||
this.$toast({
|
||||
title: res.msg,
|
||||
});
|
||||
this.$refs.countDown.start();
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {
|
||||
background-image: url(data:image/png;base64,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 truncated
|
||||
}
|
||||
.forget-pwd-container {
|
||||
min-height: 100vh;
|
||||
padding: 40px 20px 0;
|
||||
|
||||
.forget-input-container {
|
||||
.input {
|
||||
height: 100rpx;
|
||||
border-radius: 10rpx;
|
||||
width: 670rpx;
|
||||
border: $-solid-border;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
background-color: #ff2c3c;
|
||||
width: 100%;
|
||||
margin-top: 80rpx;
|
||||
height: 100rpx;
|
||||
// }
|
||||
}
|
||||
.inactive {
|
||||
opacity: 0.5;
|
||||
}
|
||||
</style>
|
||||
Reference in new issue
Block a user