修改意见反馈以及修改密码发现的bug
lemon橪
学习很差啦
parent
5cb2f6ad91
commit
b840a0adf1
|
|
@ -2,8 +2,8 @@
|
||||||
"name" : "lili商城",
|
"name" : "lili商城",
|
||||||
"appid" : "__UNI__EC9FD60",
|
"appid" : "__UNI__EC9FD60",
|
||||||
"description" : "",
|
"description" : "",
|
||||||
"versionName" : "4.2.5",
|
"versionName" : "4.2.6",
|
||||||
"versionCode" : 4000250,
|
"versionCode" : 4000260,
|
||||||
"transformPx" : false,
|
"transformPx" : false,
|
||||||
"app-plus" : {
|
"app-plus" : {
|
||||||
"compatible" : {
|
"compatible" : {
|
||||||
|
|
|
||||||
|
|
@ -16,9 +16,9 @@
|
||||||
<!-- 上传凭证 -->
|
<!-- 上传凭证 -->
|
||||||
<div class="feedBack-box">
|
<div class="feedBack-box">
|
||||||
<view class="opt-view">
|
<view class="opt-view">
|
||||||
<view class="img-title">上传凭证（最多5张）</view>
|
<view class="img-title">上传凭证（最多2张）</view>
|
||||||
<view class="images-view">
|
<view class="images-view">
|
||||||
<u-upload :header=" { accessToken: storage.getAccessToken() }" :action="action" width="150" @on-uploaded="onUploaded" :max-count="5" :show-progress="false"></u-upload>
|
<u-upload :header=" { accessToken: storage.getAccessToken() }" :action="action" width="150" @on-uploaded="onUploaded" :max-count="2" :show-progress="false"></u-upload>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,258 +1,277 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="box">
|
<view class="box">
|
||||||
<view class="box-tips">
|
<view class="box-tips">
|
||||||
<h2 class='h2'>
|
<h2 class='h2'>
|
||||||
{{verificationTitle[validateFlage==false ? 0 : 1].title}}
|
{{verificationTitle[validateFlage==false ? 0 : 1].title}}
|
||||||
</h2>
|
</h2>
|
||||||
<view class="verification">{{verificationTitle[step].desc}}</view>
|
<view class="verification">{{verificationTitle[step].desc}}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="form">
|
<view class="form">
|
||||||
<u-form :model="codeForm" ref="validateCodeForm">
|
<u-form :model="codeForm" ref="validateCodeForm">
|
||||||
<view v-if="!validateFlage">
|
<view v-if="!validateFlage">
|
||||||
<u-form-item label-width="120" label="手机号" prop="mobile">
|
<u-form-item label-width="120" label="手机号" prop="mobile">
|
||||||
<u-input maxlength="11" v-model="codeForm.mobile" placeholder="请输入您的手机号" />
|
<u-input maxlength="11" v-model="codeForm.mobile" placeholder="请输入您的手机号" />
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
|
|
||||||
<u-form-item class="sendCode" label-width="120" prop="code" label="验证码">
|
<u-form-item class="sendCode" label-width="120" prop="code" label="验证码">
|
||||||
<u-input v-model="codeForm.code" placeholder="请输入验证码" />
|
<u-input v-model="codeForm.code" placeholder="请输入验证码" />
|
||||||
<u-verification-code unique-key="page-edit" :seconds="seconds" @end="end" @start="start" ref="uCode" @change="codeChange"></u-verification-code>
|
<u-verification-code unique-key="page-edit" :seconds="seconds" @end="end" @start="start"
|
||||||
<view @tap="getCode" class="text-tips">{{ tips }}</view>
|
ref="uCode" @change="codeChange"></u-verification-code>
|
||||||
</u-form-item>
|
<view @tap="getCode" class="text-tips">{{ tips }}</view>
|
||||||
|
</u-form-item>
|
||||||
|
|
||||||
<view class="submit" @click="validatePhone">验证</view>
|
<view class="submit" @click="validatePhone">验证</view>
|
||||||
<myVerification keep-running @send="verification" class="verification" ref="verification" business="FIND_USER" />
|
<myVerification keep-running @send="verification" class="verification" ref="verification"
|
||||||
</view>
|
business="FIND_USER" />
|
||||||
<view v-if="validateFlage">
|
</view>
|
||||||
<u-form-item label-width="120" label="旧密码">
|
<view v-if="validateFlage">
|
||||||
<u-input type="password" v-model="password" placeholder="请输入您的旧密码" />
|
<u-form-item label-width="120" label="旧密码">
|
||||||
</u-form-item>
|
<u-input type="password" v-model="password" placeholder="请输入您的旧密码" />
|
||||||
|
</u-form-item>
|
||||||
|
|
||||||
<u-form-item label-width="120" label="新密码">
|
<u-form-item label-width="120" label="新密码">
|
||||||
|
|
||||||
<u-input type="password" v-model="newPassword" placeholder="请输入您的新密码" />
|
<u-input type="password" v-model="newPassword" placeholder="请输入您的新密码" />
|
||||||
|
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
|
|
||||||
<view class="submit" @click="updatePassword">修改密码</view>
|
<view class="submit" @click="updatePassword">修改密码</view>
|
||||||
</view>
|
</view>
|
||||||
</u-form>
|
</u-form>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { sendMobile, resetByMobile, modifyPass } from "@/api/login";
|
import {
|
||||||
|
sendMobile,
|
||||||
|
resetByMobile,
|
||||||
|
modifyPass
|
||||||
|
} from "@/api/login";
|
||||||
|
|
||||||
import { md5 } from "@/utils/md5.js"; // md5
|
import {
|
||||||
import myVerification from "@/components/verification/verification.vue"; //验证
|
md5
|
||||||
import uuid from "@/utils/uuid.modified.js";
|
} from "@/utils/md5.js"; // md5
|
||||||
export default {
|
import myVerification from "@/components/verification/verification.vue"; //验证
|
||||||
components: {
|
import uuid from "@/utils/uuid.modified.js";
|
||||||
myVerification,
|
export default {
|
||||||
},
|
components: {
|
||||||
data() {
|
myVerification,
|
||||||
return {
|
},
|
||||||
uuid,
|
data() {
|
||||||
validateFlage: false, //是否进行了手机号验证
|
return {
|
||||||
verificationTitle: [
|
uuid,
|
||||||
{
|
validateFlage: false, //是否进行了手机号验证
|
||||||
title: "安全验证",
|
verificationTitle: [{
|
||||||
desc: "请输入当前手机号进行安全验证",
|
title: "安全验证",
|
||||||
},
|
desc: "请输入当前手机号进行安全验证",
|
||||||
{
|
},
|
||||||
title: "修改密码",
|
{
|
||||||
desc: "请输入新密码",
|
title: "修改密码",
|
||||||
},
|
desc: "请输入新密码",
|
||||||
],
|
},
|
||||||
step: 0, //当前验证步骤
|
],
|
||||||
flage: false, //是否验证码验证
|
step: 0, //当前验证步骤
|
||||||
|
flage: false, //是否验证码验证
|
||||||
|
|
||||||
codeForm: {
|
codeForm: {
|
||||||
mobile: "", //手机号
|
mobile: "", //手机号
|
||||||
code: "", //验证码
|
code: "", //验证码
|
||||||
},
|
},
|
||||||
newPassword: "", //新密码
|
newPassword: "", //新密码
|
||||||
password: "", //密码
|
password: "", //密码
|
||||||
tips: "", //提示
|
tips: "", //提示
|
||||||
seconds: 60, // 60s等待时间
|
seconds: 69, // 60s等待时间
|
||||||
|
|
||||||
// 验证码登录校验
|
// 验证码登录校验
|
||||||
codeRules: {
|
codeRules: {
|
||||||
mobile: [
|
mobile: [{
|
||||||
{
|
validator: (rule, value, callback) => {
|
||||||
validator: (rule, value, callback) => {
|
return this.$u.test.mobile(value);
|
||||||
return this.$u.test.mobile(value);
|
},
|
||||||
},
|
message: "手机号码不正确",
|
||||||
message: "手机号码不正确",
|
trigger: ["blur"],
|
||||||
trigger: ["blur"],
|
}, ],
|
||||||
},
|
code: [{
|
||||||
],
|
min: 4,
|
||||||
code: [
|
max: 6,
|
||||||
{
|
required: true,
|
||||||
min: 4,
|
message: "请输入验证码",
|
||||||
max: 6,
|
trigger: ["blur"],
|
||||||
required: true,
|
}, ],
|
||||||
message: "请输入验证码",
|
},
|
||||||
trigger: ["blur"],
|
};
|
||||||
},
|
},
|
||||||
],
|
onReady() {
|
||||||
},
|
// 必须要在onReady生命周期，因为onLoad生命周期组件可能尚未创建完毕
|
||||||
};
|
this.$refs.validateCodeForm.setRules(this.codeRules);
|
||||||
},
|
},
|
||||||
onReady() {
|
watch: {
|
||||||
// 必须要在onReady生命周期，因为onLoad生命周期组件可能尚未创建完毕
|
flage(val) {
|
||||||
this.$refs.validateCodeForm.setRules(this.codeRules);
|
if (val) {
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
flage(val) {
|
|
||||||
if (val) {
|
|
||||||
if (this.$refs.uCode.canGetCode) {
|
|
||||||
uni.showLoading({
|
|
||||||
title: "正在获取验证码",
|
|
||||||
});
|
|
||||||
sendMobile(this.codeForm.mobile, "FIND_USER").then((res) => {
|
|
||||||
uni.hideLoading();
|
|
||||||
// 这里此提示会被this.start()方法中的提示覆盖
|
|
||||||
if (res.data.code == 200) {
|
|
||||||
this.$refs.uCode.start();
|
|
||||||
} else {
|
|
||||||
uni.showToast({
|
|
||||||
title: res.data.message,
|
|
||||||
duration: 2000,
|
|
||||||
icon: "none",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
this.$u.toast("请倒计时结束后再发送");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
if (this.$refs.uCode.canGetCode) {
|
||||||
// 修改密码
|
uni.showLoading({
|
||||||
updatePassword() {
|
title: "正在获取验证码",
|
||||||
modifyPass({
|
});
|
||||||
newPassword: md5(this.newPassword),
|
sendMobile(this.codeForm.mobile, "FIND_USER").then((res) => {
|
||||||
password: md5(this.password),
|
uni.hideLoading();
|
||||||
}).then((res) => {
|
// 这里此提示会被this.start()方法中的提示覆盖
|
||||||
if (res.data.success) {
|
if (res.data.success) {
|
||||||
uni.showToast({
|
this.$refs.uCode.start();
|
||||||
title: "修改成功!",
|
} else {
|
||||||
duration: 2000,
|
uni.showToast({
|
||||||
icon: "none",
|
title: res.data.message,
|
||||||
});
|
duration: 2000,
|
||||||
setTimeout(() => {
|
icon: "none",
|
||||||
uni.navigateBack({
|
});
|
||||||
delta: 1,
|
this.flage = false;
|
||||||
});
|
this.$refs.verification.getCode();
|
||||||
}, 1000);
|
}
|
||||||
}
|
})
|
||||||
});
|
} else {
|
||||||
},
|
this.$u.toast("请倒计时结束后再发送");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
// 验证码验证
|
methods: {
|
||||||
verification(val) {
|
// 修改密码
|
||||||
this.flage = val == this.$store.state.verificationKey ? true : false;
|
updatePassword() {
|
||||||
},
|
modifyPass({
|
||||||
|
newPassword: md5(this.newPassword),
|
||||||
|
password: md5(this.password),
|
||||||
|
}).then((res) => {
|
||||||
|
if (res.data.success) {
|
||||||
|
uni.showToast({
|
||||||
|
title: "修改成功!",
|
||||||
|
duration: 2000,
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
setTimeout(() => {
|
||||||
|
uni.navigateBack({
|
||||||
|
delta: 1,
|
||||||
|
});
|
||||||
|
}, 1000);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
// 验证手机号
|
// 验证码验证
|
||||||
validatePhone() {
|
verification(val) {
|
||||||
this.$refs.validateCodeForm.validate((valid) => {
|
this.flage = val == this.$store.state.verificationKey ? true : false;
|
||||||
if (valid) {
|
},
|
||||||
resetByMobile(this.codeForm).then((res) => {
|
|
||||||
if (res.data.success) {
|
|
||||||
this.validateFlage = !this.validateFlage;
|
|
||||||
// 登录成功
|
|
||||||
uni.showToast({
|
|
||||||
title: "验证成功!",
|
|
||||||
icon: "none",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
codeChange(text) {
|
// 验证手机号
|
||||||
this.tips = text;
|
validatePhone() {
|
||||||
},
|
this.$refs.validateCodeForm.validate((valid) => {
|
||||||
end() {},
|
if (valid) {
|
||||||
|
resetByMobile(this.codeForm).then((res) => {
|
||||||
|
if (res.data.success) {
|
||||||
|
this.validateFlage = !this.validateFlage;
|
||||||
|
// 登录成功
|
||||||
|
uni.showToast({
|
||||||
|
title: "验证成功!",
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
/**判断是否是当前用户的手机号 */
|
codeChange(text) {
|
||||||
isUserPhone() {
|
this.tips = text;
|
||||||
let flage = false;
|
},
|
||||||
let user = this.$options.filters.isLogin();
|
end() {
|
||||||
if (user.mobile != this.codeForm.mobile) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "请输入当前绑定手机号",
|
|
||||||
icon: "none",
|
|
||||||
});
|
|
||||||
flage = false;
|
|
||||||
} else {
|
|
||||||
flage = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
return flage;
|
this.flage = false;
|
||||||
},
|
this.$refs.verification.getCode()
|
||||||
/**获取验证码 */
|
},
|
||||||
getCode() {
|
|
||||||
if (this.isUserPhone()) {
|
/**判断是否是当前用户的手机号 */
|
||||||
if (this.tips == "重新获取") {
|
isUserPhone() {
|
||||||
this.flage = true;
|
let flage = false;
|
||||||
}
|
let user = this.$options.filters.isLogin();
|
||||||
if (!this.$u.test.mobile(this.codeForm.mobile)) {
|
if (user.mobile != this.codeForm.mobile) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: "请输入正确手机号",
|
title: "请输入当前绑定手机号",
|
||||||
icon: "none",
|
icon: "none",
|
||||||
});
|
});
|
||||||
return false;
|
flage = false;
|
||||||
}
|
} else {
|
||||||
if (!this.flage) {
|
flage = true;
|
||||||
this.$refs.verification.hide();
|
}
|
||||||
return false;
|
|
||||||
}
|
return flage;
|
||||||
}
|
},
|
||||||
},
|
/**获取验证码 */
|
||||||
start() {
|
getCode() {
|
||||||
this.$u.toast("验证码已发送");
|
if (this.isUserPhone()) {
|
||||||
this.flage = false;
|
if (this.tips == "重新获取") {
|
||||||
},
|
this.$refs.verification.error(); //发送
|
||||||
},
|
}
|
||||||
};
|
if (!this.$u.test.mobile(this.codeForm.mobile)) {
|
||||||
|
uni.showToast({
|
||||||
|
title: "请输入正确手机号",
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if (!this.flage) {
|
||||||
|
this.$refs.verification.error(); //发送
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
start() {
|
||||||
|
this.$u.toast("验证码已发送");
|
||||||
|
this.flage = true;
|
||||||
|
|
||||||
|
this.$refs.verification.hide();
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import url("@/pages/passport/login.scss");
|
@import url("@/pages/passport/login.scss");
|
||||||
/deep/ .u-form-item {
|
|
||||||
margin: 40rpx 0;
|
|
||||||
}
|
|
||||||
.sendCode {
|
|
||||||
/deep/ .u-form-item--right__content__slot {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.h2{
|
|
||||||
font-size: 40rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
page {
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
.box {
|
|
||||||
padding: 80rpx 0;
|
|
||||||
border-radius: 20rpx;
|
|
||||||
}
|
|
||||||
.submit {
|
|
||||||
background: $light-color;
|
|
||||||
}
|
|
||||||
.box-tips {
|
|
||||||
margin: 0 72rpx;
|
|
||||||
}
|
|
||||||
.verification {
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #999;
|
|
||||||
margin-top: 10rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
/deep/ .u-form-item {
|
||||||
|
margin: 40rpx 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sendCode {
|
||||||
|
/deep/ .u-form-item--right__content__slot {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.h2 {
|
||||||
|
font-size: 40rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
page {
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box {
|
||||||
|
padding: 80rpx 0;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.submit {
|
||||||
|
background: $light-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-tips {
|
||||||
|
margin: 0 72rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.verification {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #999;
|
||||||
|
margin-top: 10rpx;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
Loading…
Reference in New Issue