From e00361c6bcbb1a56f6dcda22b91bdfcb2736e263 Mon Sep 17 00:00:00 2001 From: YM <479443481@qq.com> Date: 星期五, 26 七月 2024 15:56:27 +0800 Subject: [PATCH] 1 --- src/pages/forgetPass/forgetPass.vue | 174 +++++++++++++++++++++++++-------------------------------- 1 files changed, 76 insertions(+), 98 deletions(-) diff --git a/src/pages/forgetPass/forgetPass.vue b/src/pages/forgetPass/forgetPass.vue index b322659..0c6f72e 100644 --- a/src/pages/forgetPass/forgetPass.vue +++ b/src/pages/forgetPass/forgetPass.vue @@ -5,8 +5,8 @@ class="Ttop flex flex-center flex-wrap" style="flex-direction: column" > - <view class=""></view> - <view class="" ref="Rtop"> + <view></view> + <view ref="Rtop"> <text class="login"></text> <text style=" @@ -16,7 +16,7 @@ font-family: cursive; font-weight: bold; " - >涓浗鍖诲浜虹墿鐭ヨ瘑搴�</text + >涓浗鍘嗕唬鍖诲浜虹墿鐭ヨ瘑搴�</text > </view> <view></view> @@ -32,10 +32,9 @@ align-items: center; " > - <!-- <view class="" style="color: #244A7B;padding-bottom: .47rem;font-size: .3rem;font-weight: bold;">鐢ㄦ埛娉ㄥ唽</view> --> + <!-- <view style="color: #244A7B;padding-bottom: .47rem;font-size: .3rem;font-weight: bold;">鐢ㄦ埛娉ㄥ唽</view> --> <view class="LoginBg"></view> <view - class="" @click="BacktoLogin" style=" cursor: pointer; @@ -51,10 +50,11 @@ :hide-required-asterisk="true" ref="formLogin2" label-position="right" + :label-width="80" :rules="rules" :model="resetDataPass" > - <el-form-item label="鎵嬫満" prop="cellphoneORmailbox"> + <el-form-item label="鎵嬫満鍙�/閭" prop="cellphoneORmailbox"> <el-input v-model="resetDataPass.cellphoneORmailbox"></el-input> </el-form-item> <el-form-item label="楠岃瘉鐮�" prop="verifyCode"> @@ -128,7 +128,7 @@ import { Message } from "element-ui"; export default { components: { - Footer1, + Footer1 }, data() { // 瀵嗙爜 @@ -171,58 +171,58 @@ { required: true, message: "璇疯緭鍏ョ櫥褰曡处鍙�", - trigger: "blur", - }, + trigger: "blur" + } ], newPass: [ { required: true, message: "璇疯緭鍏ュ瘑鐮�", - trigger: "blur", + trigger: "blur" }, { min: 6, max: 10, message: "瀵嗙爜闀垮害鍦� 6 鍒� 12 涓瓧绗�", - trigger: "blur", + trigger: "blur" }, { validator: validatePass, - trigger: "blur", - }, + trigger: "blur" + } ], checkPass: [ { validator: validatePass2, - trigger: "blur", - }, + trigger: "blur" + } ], cellphoneORmailbox: [ { required: true, - message: "璇疯緭鍏ユ墜鏈哄彿", - trigger: "blur", + message: "璇疯緭鍏ユ墜鏈哄彿/閭", + trigger: "blur" }, { validator: this.validateContact, - trigger: "blur", - }, + trigger: "blur" + } ], verifyCode: [ { required: true, message: "璇疯緭鍏ラ獙璇佺爜", - trigger: "blur", - }, - ], + trigger: "blur" + } + ] }, // 閲嶇疆瀵嗙爜 resetDataPass: { cellphoneORmailbox: "", verifyCode: "", newPass: "", - checkPass: "", - }, + checkPass: "" + } }; }, onLoad() { @@ -230,7 +230,7 @@ success: function (info) { // console.log('灞忓箷鐨勫搴︼細' + info.windowWidth); // console.log('灞忓箷鐨勯珮搴︼細' + info.windowHeight); - }, + } }); }, mounted() { @@ -240,7 +240,7 @@ // 宸叉湁璐﹀彿锛熻繑鍥炵櫥褰� BacktoLogin() { uni.redirectTo({ - url: "/pages/Login/Login", + url: "/pages/Login/Login" }); }, // 鑾峰彇楠岃瘉鐮� @@ -248,7 +248,7 @@ if (!this.resetDataPass.cellphoneORmailbox) { this.$message({ message: "璇疯緭鍏ユ墜鏈猴紒", - type: "warning", + type: "warning" }); return false; @@ -257,7 +257,7 @@ return; } let Obj = { - communicateParam: this.resetDataPass.cellphoneORmailbox, + communicateParam: this.resetDataPass.cellphoneORmailbox }; this.countdown = 60; const intervalId = setInterval(() => { @@ -273,29 +273,27 @@ }, // 鍒楄〃椤硅烦杞� listDataClick(item) { - console.log(item); // 鍦ㄥ綋鍓嶉〉闈㈣缃叏灞�鍙橀噺 // uni.setStorageSync('globalData', { id: 123, name: 'example' }); if (item.id == 1) { uni.navigateTo({ - url: "/pages/character/detail?id=" + item.id, + url: "/pages/character/detail?id=" + item.id }); } else if (item.id == 2) { - console.log(item.name); // uni.navigateTo({ // url:'/pages/character/detail?id='+item.id // }) } else if (item.id == 3) { uni.navigateTo({ - url: "/pages/academicGenres/index?id=" + item.id, + url: "/pages/academicGenres/index?id=" + item.id }); } else if (item.id == 4) { uni.navigateTo({ - url: "/pages/territory/territory?id=" + item.id, + url: "/pages/territory/territory?id=" + item.id }); } else if (item.id == 5) { uni.navigateTo({ - url: "/pages/TcmSystem/TcmSystem?id=" + item.id, + url: "/pages/TcmSystem/TcmSystem?id=" + item.id }); } }, @@ -304,7 +302,6 @@ 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 { @@ -315,7 +312,6 @@ this.$nextTick(() => { var width = this.$refs.Rtop.$el.clientWidth; this.Rtop1 = width + 50; - console.log("Element width:", width); }); }, // 蹇樿瀵嗙爜 @@ -323,37 +319,30 @@ let Obj = { communicateParam: this.resetDataPass.cellphoneORmailbox, //鎵嬫満鎴栭偖绠� verifyCode: this.resetDataPass.verifyCode, //楠岃瘉鐮� - newPassword: encryptAES(this.resetDataPass.newPass), //鏂板瘑鐮� + newPassword: encryptAES(this.resetDataPass.newPass) //鏂板瘑鐮� }; - console.log(Obj); - this.$refs[formName].validate(async (valid) => { + this.$refs[formName].validate((valid) => { if (valid) { - await getRestPassword(Obj).then((res) => { - console.log(res, "鎺ュ彛"); + getRestPassword(Obj).then((res) => { if (res.success) { - console.log("蹇樿瀵嗙爜鐨勬帴鍙f嬁鍒版暟鎹簡"); + this.$message({ + message: "瀵嗙爜閲嶇疆鎴愬姛", + type: "success" + }); uni.navigateTo({ - url: "/pages/Login/Login", + url: "/pages/Login/Login" }); } else { Message.error(res.errorText || ""); } - }); - // alert('submit!鎴愬姛'); - // uni.redirectTo({ - // url: '/pages/Login/Login' - // }) - this.$message({ - message: "瀵嗙爜閲嶇疆鎴愬姛", - type: "success", }); } else { console.log("error submit!!澶辫触"); return false; } }); - }, - }, + } + } }; </script> <style scoped> @@ -413,14 +402,6 @@ ::v-deep .el-input__inner { height: 0.35rem !important; font-size: 0.14rem; - } - - ::v-deep .el-form-item__label { - display: flex; - align-items: center; - justify-content: flex-end; - margin-right: 0.2rem !important; - width: 0.7rem; } .hua { @@ -588,7 +569,7 @@ width: 1.2rem; height: 0.37rem; background: url(@/static/image/閲嶇疆瀵嗙爜.png) no-repeat 0 0; - background-size: 100% ; + background-size: 100%; } ::v-deep .el-card { @@ -634,12 +615,12 @@ } ::v-deep .el-form-item__label { - min-width: 0.6rem; + width: 0.8rem; padding: 0; color: #244a7b; font-size: 0.14rem; font-weight: 500; - margin-right: 0.29rem; + margin-right: 0.1rem; } ::v-deep .el-form-item { @@ -673,26 +654,24 @@ height: 100vh; color: #fff; +} +.container .repository { + width: 100% !important; + /* margin-top: 19px; */ + /* height: 68%; */ + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: center; +} +.container .repository .Ttop { + margin-top: 0.38rem; + margin-bottom: 1.22rem; +} - .repository { - width: 100% !important; - /* margin-top: 19px; */ - /* height: 68%; */ - display: flex; - flex-direction: column; - justify-content: space-around; - align-items: center; - - .Ttop { - margin-top: 0.38rem; - margin-bottom: 1.22rem; - } - - .r-top { - font-size: 40rpx !important; - margin: 10rpx 0; - } - } +.container .repository .r-top { + font-size: 40rpx !important; + margin: 10rpx 0; } .login { @@ -748,21 +727,20 @@ /* flex-wrap: wrap; */ padding: 0 20px; text-align: center; - - li { - background-color: #fff; - color: black; - height: 600rpx; - display: flex; - justify-content: space-between; - flex-direction: column; - align-items: center; - border: 1rpx solid #fff; - padding: 50rpx 65rpx; - /* padding: 58rpx 128rpx 88rpx; */ - text-align: center; - background: #ebf4ff; - } +} +.secretary li { + background-color: #fff; + color: black; + height: 600rpx; + display: flex; + justify-content: space-between; + flex-direction: column; + align-items: center; + border: 1rpx solid #fff; + padding: 50rpx 65rpx; + /* padding: 58rpx 128rpx 88rpx; */ + text-align: center; + background: #ebf4ff; } .Bbottom { -- Gitblit v1.9.1