修改意见反馈以及修改密码发现的bug

master
lemon橪 2022-07-06 18:32:53 +08:00 committed by 学习很差啦
parent 5cb2f6ad91
commit b840a0adf1
3 changed files with 281 additions and 262 deletions

View File

@ -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" : {

View File

@ -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>

View File

@ -15,12 +15,14 @@
<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"
ref="uCode" @change="codeChange"></u-verification-code>
<view @tap="getCode" class="text-tips">{{ tips }}</view> <view @tap="getCode" class="text-tips">{{ tips }}</view>
</u-form-item> </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"
business="FIND_USER" />
</view> </view>
<view v-if="validateFlage"> <view v-if="validateFlage">
<u-form-item label-width="120" label="旧密码"> <u-form-item label-width="120" label="旧密码">
@ -41,12 +43,18 @@
</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"; //
import uuid from "@/utils/uuid.modified.js";
export default {
components: { components: {
myVerification, myVerification,
}, },
@ -54,8 +62,7 @@ export default {
return { return {
uuid, uuid,
validateFlage: false, // validateFlage: false, //
verificationTitle: [ verificationTitle: [{
{
title: "安全验证", title: "安全验证",
desc: "请输入当前手机号进行安全验证", desc: "请输入当前手机号进行安全验证",
}, },
@ -74,28 +81,24 @@ export default {
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: [{
code: [
{
min: 4, min: 4,
max: 6, max: 6,
required: true, required: true,
message: "请输入验证码", message: "请输入验证码",
trigger: ["blur"], trigger: ["blur"],
}, }, ],
],
}, },
}; };
}, },
@ -106,6 +109,7 @@ export default {
watch: { watch: {
flage(val) { flage(val) {
if (val) { if (val) {
if (this.$refs.uCode.canGetCode) { if (this.$refs.uCode.canGetCode) {
uni.showLoading({ uni.showLoading({
title: "正在获取验证码", title: "正在获取验证码",
@ -113,7 +117,7 @@ export default {
sendMobile(this.codeForm.mobile, "FIND_USER").then((res) => { sendMobile(this.codeForm.mobile, "FIND_USER").then((res) => {
uni.hideLoading(); uni.hideLoading();
// this.start() // this.start()
if (res.data.code == 200) { if (res.data.success) {
this.$refs.uCode.start(); this.$refs.uCode.start();
} else { } else {
uni.showToast({ uni.showToast({
@ -121,8 +125,10 @@ export default {
duration: 2000, duration: 2000,
icon: "none", icon: "none",
}); });
this.flage = false;
this.$refs.verification.getCode();
} }
}); })
} else { } else {
this.$u.toast("请倒计时结束后再发送"); this.$u.toast("请倒计时结束后再发送");
} }
@ -178,7 +184,11 @@ export default {
codeChange(text) { codeChange(text) {
this.tips = text; this.tips = text;
}, },
end() {}, end() {
this.flage = false;
this.$refs.verification.getCode()
},
/**判断是否是当前用户的手机号 */ /**判断是否是当前用户的手机号 */
isUserPhone() { isUserPhone() {
@ -200,7 +210,7 @@ export default {
getCode() { getCode() {
if (this.isUserPhone()) { if (this.isUserPhone()) {
if (this.tips == "重新获取") { if (this.tips == "重新获取") {
this.flage = true; this.$refs.verification.error(); //
} }
if (!this.$u.test.mobile(this.codeForm.mobile)) { if (!this.$u.test.mobile(this.codeForm.mobile)) {
uni.showToast({ uni.showToast({
@ -210,49 +220,58 @@ export default {
return false; return false;
} }
if (!this.flage) { if (!this.flage) {
this.$refs.verification.hide(); this.$refs.verification.error(); //
return false; return false;
} }
} }
}, },
start() { start() {
this.$u.toast("验证码已发送"); this.$u.toast("验证码已发送");
this.flage = false; 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 {
/deep/ .u-form-item {
margin: 40rpx 0; margin: 40rpx 0;
} }
.sendCode {
.sendCode {
/deep/ .u-form-item--right__content__slot { /deep/ .u-form-item--right__content__slot {
display: flex; display: flex;
} }
} }
.h2{
.h2 {
font-size: 40rpx; font-size: 40rpx;
font-weight: bold; font-weight: bold;
} }
page {
page {
background: #fff; background: #fff;
} }
.box {
.box {
padding: 80rpx 0; padding: 80rpx 0;
border-radius: 20rpx; border-radius: 20rpx;
} }
.submit {
.submit {
background: $light-color; background: $light-color;
} }
.box-tips {
.box-tips {
margin: 0 72rpx; margin: 0 72rpx;
} }
.verification {
.verification {
font-size: 24rpx; font-size: 24rpx;
color: #999; color: #999;
margin-top: 10rpx; margin-top: 10rpx;
} }
</style> </style>