From d4211fd96865e58217d63efaf4d8f6609fb24ae6 Mon Sep 17 00:00:00 2001
From: mh-two-thousand-and-two <17391232786@163.com>
Date: 星期二, 16 四月 2024 17:43:33 +0800
Subject: [PATCH] 更新数据
---
src/pages/forgetPass/forgetPass.vue | 206 ++++++++++++++++++++++-----------------------------
1 files changed, 89 insertions(+), 117 deletions(-)
diff --git a/src/pages/forgetPass/forgetPass.vue b/src/pages/forgetPass/forgetPass.vue
index 94388ed..313040f 100644
--- a/src/pages/forgetPass/forgetPass.vue
+++ b/src/pages/forgetPass/forgetPass.vue
@@ -34,11 +34,11 @@
鑾峰彇楠岃瘉鐮�</view>
</view>
</el-form-item>
- <el-form-item label="鏂板瘑鐮�" prop="pass">
- <el-input v-model="resetDataPass.newPass"></el-input>
+ <el-form-item label="鏂板瘑鐮�" prop="newPass">
+ <el-input type="password" v-model="resetDataPass.newPass"></el-input>
</el-form-item>
<el-form-item label="纭鏂板瘑鐮�" prop="checkPass">
- <el-input v-model="resetDataPass.checkPass"></el-input>
+ <el-input type="password" v-model="resetDataPass.checkPass"></el-input>
</el-form-item>
<el-form-item class="btn">
<el-button class="font-family"
@@ -61,9 +61,19 @@
<script>
import {
+ getRestPassword,
+ getverifyCode
+ } from '@/api/index.js'
+ import {
+ encryptAES
+ } from '@/utils/Crypto.js'
+ import {
nextTick
} from "vue";
import Footer1 from '@/components/footer/footer.vue'
+ import {
+ Message
+ } from 'element-ui'
export default {
components: {
Footer1
@@ -74,7 +84,7 @@
if (value === '') {
callback(new Error('璇疯緭鍏ュ瘑鐮�'));
} else {
- if (this.registerData.checkPass !== '') {
+ if (this.resetDataPass.checkPass !== '') {
this.$nextTick(() => {
this.$refs.formLogin.validateField('checkPass');
});
@@ -86,7 +96,7 @@
var validatePass2 = (rule, value, callback) => {
if (value === '') {
callback(new Error('璇峰啀娆¤緭鍏ュ瘑鐮�'));
- } else if (value !== this.registerData.pass) {
+ } else if (value !== this.resetDataPass.newPass) {
callback(new Error('涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!'));
} else {
callback();
@@ -108,14 +118,14 @@
message: '璇疯緭鍏ョ櫥褰曡处鍙�',
trigger: 'blur'
}],
- pass: [{
+ newPass: [{
required: true,
message: '璇疯緭鍏ュ瘑鐮�',
trigger: 'blur'
},
{
min: 6,
- max: 12,
+ max: 10,
message: '瀵嗙爜闀垮害鍦� 6 鍒� 12 涓瓧绗�',
trigger: 'blur'
},
@@ -130,43 +140,19 @@
}],
cellphoneORmailbox: [{
required: true,
- message: '璇疯緭鍏ラ偖绠卞湴鍧�',
+ message: '璇疯緭鍏ユ墜鏈哄彿鎴栭偖绠�',
trigger: 'blur'
},
{
- type: 'email',
- message: '璇疯緭鍏ユ纭殑閭鍦板潃',
- trigger: ['blur', 'change']
+ validator: this.validateContact,
+ trigger: 'blur'
}
],
verifyCode: [{
- required: true,
- message: '璇疯緭鍏ラ獙璇佺爜',
- trigger: 'blur'
- },
- {
- validator: (rule, value, callback) => this.validateVerificationCode(rule, value, callback),
- trigger: 'blur'
- }
- ]
- },
- // 鐧诲綍娉ㄥ唽妗�
- loginTrue: true,
- Rtop1: 0,
- value: 'sdfdsf',
- // 娉ㄥ唽鐢ㄦ埛瀵瑰簲鐨勬暟鎹�
- registerData: {
- loginID: '',
- pass: '',
- checkPass: '',
- cellphoneORmailbox: '',
- verifyCode: ''
- },
- // 鐧诲綍鐢ㄦ埛璐﹀彿
- loginData: {
- // 璐﹀彿
- loginID: '',
- pass: ''
+ required: true,
+ message: '璇疯緭鍏ラ獙璇佺爜',
+ trigger: 'blur'
+ }]
},
// 閲嶇疆瀵嗙爜
resetDataPass: {
@@ -175,32 +161,6 @@
newPass: "",
checkPass: ""
},
- // 淇敼瀵嗙爜
- amendDataPass: {
- loginID: '',
- originalPass: "",
- newPass: "",
- checkPass: ""
- },
- // 涔︾睄鏁版嵁
- listData: [{
- name: '鍘嗕唬鍖诲浼犺搴�',
- id: 1,
- }, {
- name: '涓栧尰鍖诲搴�',
- id: 2,
- }, {
- name: '鍖诲瀛︽湳娴佹淳',
- id: 3,
- }, {
- name: '涓浗鍦板煙鍖昏氨',
- id: 4,
- }, {
- name: '涓浗鍖讳簨鍒跺害',
- id: 5,
- },
-
- ]
}
},
onLoad() {
@@ -222,8 +182,14 @@
})
},
// 鑾峰彇楠岃瘉鐮�
- verifyCodeClick() {
+ async verifyCodeClick() {
console.log('鑾峰彇楠岃瘉鐮�');
+ let Obj = {
+ communicateParam: this.resetDataPass.cellphoneORmailbox,
+ }
+ await getverifyCode(Obj).then(res => {
+ console.log(res, '楠岃瘉鐮佽幏鍙栨垚鍔�');
+ })
},
// 鍒楄〃椤硅烦杞�
listDataClick(item) {
@@ -253,13 +219,16 @@
})
}
},
- // 楠岃瘉鐮佹牎楠�
- validateVerificationCode(rule, value, callback) {
- console.log(value)
- if (value !== '123456') {
- callback(new Error('楠岃瘉鐮侀敊璇�'));
+
+ // 鎵嬫満鍙�/鎴栬�呴偖绠�
+ validateContact(rule, value, callback) {
+ const regPhone = /^1[0-9]{10}$/;
+ const regEmail = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
+ console.log(value, regPhone.test(value), regEmail.test(value));
+ if (regPhone.test(value) || regEmail.test(value)) {
+ callback(); // 鏍￠獙閫氳繃
} else {
- callback();
+ callback(new Error('璇疯緭鍏ユ纭殑鎵嬫満鍙锋垨閭')); // 鏍￠獙澶辫触
}
},
getElementWidth() {
@@ -269,30 +238,31 @@
console.log('Element width:', width);
})
},
- // 鐢ㄦ埛鐧诲綍
- Login(formName) {
- console.log('鐢ㄦ埛鐧诲綍鐨勭櫥褰曟寜閽�');
- this.$refs[formName].validate((valid) => {
- if (valid) {
- alert('submit!鎴愬姛');
- uni.navigateTo({
- url: '/pages/Login/Login'
- })
- } else {
- console.log('error submit!!澶辫触');
- return false;
- }
- });
- },
// 蹇樿瀵嗙爜
Login2(formName) {
- console.log('蹇樿瀵嗙爜鐨勭櫥褰曟寜閽�');
- this.$refs[formName].validate((valid) => {
+ let Obj = {
+ "communicateParam": this.resetDataPass.cellphoneORmailbox, //鎵嬫満鎴栭偖绠�
+ "verifyCode": this.resetDataPass.verifyCode, //楠岃瘉鐮�
+ "newPassword": encryptAES(this.resetDataPass.newPass) //鏂板瘑鐮�
+ }
+ console.log(Obj);
+ this.$refs[formName].validate(async (valid) => {
if (valid) {
- alert('submit!鎴愬姛');
- uni.redirectTo({
- url: '/pages/Login/Login'
+ await getRestPassword(Obj).then(res => {
+ console.log(res, '鎺ュ彛');
+ if (res.success) {
+ console.log('蹇樿瀵嗙爜鐨勬帴鍙ｆ嬁鍒版暟鎹簡');
+ uni.navigateTo({
+ url: '/pages/Login/Login'
+ })
+ } else {
+ Message.error(res.errorText || '')
+ }
})
+ // alert('submit!鎴愬姛');
+ // uni.redirectTo({
+ // url: '/pages/Login/Login'
+ // })
} else {
console.log('error submit!!澶辫触');
return false;
@@ -408,127 +378,129 @@
.asdf {
margin-bottom: .1rem !important;
}
-
+
.LoginBg {
margin: 0 !important;
height: .3rem !important;
}
-
+
::v-deep .el-card {
top: 80% !important;
padding: 0 !important;
}
-
+
::v-deep .el-card__body {
padding: .25rem .5rem !important;
}
-
+
::v-deep .el-form {
padding-left: .1rem !important;
}
-
+
::v-deep .el-form-item__error {
font-size: .13rem !important;
}
-
+
::v-deep .el-input__inner {
height: .35rem !important;
}
-
+
.hua {
height: 5rem !important;
}
-
+
.LoginTop {
margin-bottom: .25rem !important;
}
-
+
.yzm {
top: 15% !important;
}
-
+
.fff {
width: 2.4rem !important;
height: 4rem !important;
}
-
+
.rrr {
width: 2rem !important;
height: 2.5rem !important;
}
-
+
.btn ::v-deep .el-button {
margin-top: 0.2rem !important;
/* font-size: 0.2rem !important;
width: 100%;
padding: 0.12rem !important; */
}
-
+
.asdf {
margin-bottom: .1rem !important;
}
}
- @media screen and (min-width: 1920px) and (max-width:2560px){
+
+ @media screen and (min-width: 1920px) and (max-width:2560px) {
.LoginBg {
margin: 0 !important;
height: .3rem !important;
}
-
+
::v-deep .el-card {
top: 80% !important;
padding: 0 !important;
}
-
+
::v-deep .el-card__body {
padding: .25rem .5rem !important;
}
-
+
::v-deep .el-form {
padding-left: .1rem !important;
}
-
+
::v-deep .el-form-item__error {
font-size: .13rem !important;
}
-
+
::v-deep .el-input__inner {
height: .35rem !important;
}
-
+
.hua {
height: 5rem !important;
}
-
+
.LoginTop {
margin-bottom: .25rem !important;
}
-
+
.yzm {
top: 15% !important;
}
-
+
.fff {
width: 2.4rem !important;
height: 4rem !important;
}
-
+
.rrr {
width: 2rem !important;
height: 2.5rem !important;
}
-
+
.btn ::v-deep .el-button {
margin-top: 0.2rem !important;
/* font-size: 0.2rem !important;
width: 100%;
padding: 0.12rem !important; */
}
-
+
.asdf {
margin-bottom: .1rem !important;
}
}
+
.LoginBg {
width: 1.2rem;
height: .37rem;
--
Gitblit v1.9.1