diff --git a/ant-design-vue-jeecg/src/views/user/Login.vue b/ant-design-vue-jeecg/src/views/user/Login.vue index 39008295b974036bfe129187cdfd7639a8c4090a..e145a30a6c1ac1794a4f495a7d1d802a52614034 100644 --- a/ant-design-vue-jeecg/src/views/user/Login.vue +++ b/ant-design-vue-jeecg/src/views/user/Login.vue @@ -1,75 +1,47 @@ - \ No newline at end of file + /deep/ .password-retrieval-form{ + max-width: 500px; + margin: 40px auto 0; + .ant-form-explain{ + text-align: left; + } + } + + diff --git a/ant-design-vue-jeecg/src/views/user/alteration/Step2.vue b/ant-design-vue-jeecg/src/views/user/alteration/Step2.vue index 78b8984894101aedec843747ae44f4bd38872e30..12153fcb08df9ff4a823858f7a570badb72b73f8 100644 --- a/ant-design-vue-jeecg/src/views/user/alteration/Step2.vue +++ b/ant-design-vue-jeecg/src/views/user/alteration/Step2.vue @@ -1,31 +1,20 @@ @@ -54,7 +43,7 @@ props: ['userList'], data() { return { - form: this.$form.createForm(this), + model: {}, loading: false, // accountName: this.userList.username, dropList: "0", @@ -69,8 +58,13 @@ mobile: "", }, validatorRules: { - captcha: {rule: [{required: true, message: '请输入短信验证码!'}, {validator: this.validateCaptcha}]}, - phone: {rule: [{required: true, message: '请输入手机号码!'}, {validator: this.validatePhone}]}, + phone: [ + { required: true, message: '请输入手机号码!' }, + { validator: this.validatePhone } + ], + captcha: [ + { required: true, message: '请输入短信验证码!' } + ] }, } }, @@ -80,67 +74,59 @@ nextStep() { let that = this that.loading = true - this.form.validateFields((err, values) => { - console.log(values); - if (!err) { - if (that.dropList == "0") { - if (values.captcha == undefined) { - this.cmsFailed("请输入短信验证码!"); + this.$refs['form'].validate((success) => { + if(success==true){ + let params = { + phone: this.model.phone, + smscode: this.model.captcha + } + postAction("/sys/user/phoneVerification", params).then((res) => { + if (res.success) { + console.log(res); + let userList = { + username: res.result.username, + phone: params.phone, + smscode: res.result.smscode + }; + setTimeout(function () { + that.$emit('nextStep', userList) + }, 0) } else { - var params = {} - params.phone = values.phone; - params.smscode = values.captcha; - postAction("/sys/user/phoneVerification", params).then((res) => { - if (res.success) { - console.log(res); - var userList = { - username: res.result.username, - phone: values.phone, - smscode: res.result.smscode - }; - setTimeout(function () { - that.$emit('nextStep', userList) - }, 0) - } else { - this.cmsFailed(res.message); - } - }) - + this.cmsFailed(res.message); } - } - - + }); } + }) }, getCaptcha(e) { e.preventDefault(); - let that = this; - let phone=that.form.getFieldValue("phone") - if(!phone){ - this.cmsFailed("手机号不能为空!"); - return; - } - this.state.smsSendBtn = true; - let interval = window.setInterval(() => { - if (that.state.time-- <= 0) { - that.state.time = 60; - that.state.smsSendBtn = false; - window.clearInterval(interval); - } - }, 1000); - - const hide = this.$message.loading('验证码发送中..', 0); - let smsParams = { - mobile: phone, - smsmode: "2" - }; - postAction("/sys/sms", smsParams).then(res => { - if (!res.success) { - setTimeout(hide, 1); - this.cmsFailed(res.message); + const that = this + that.$refs['form'].validateField('phone', err=>{ + if(!err){ + that.state.smsSendBtn = true; + let interval = window.setInterval(() => { + if (that.state.time-- <= 0) { + that.state.time = 60; + that.state.smsSendBtn = false; + window.clearInterval(interval); + } + }, 1000); + const hide = that.$message.loading('验证码发送中..', 0); + let smsParams = { + mobile: that.model.phone, + smsmode: "2" + }; + postAction("/sys/sms", smsParams).then(res => { + if (!res.success) { + setTimeout(hide, 1); + that.cmsFailed(res.message); + } + setTimeout(hide, 500); + }) + }else{ + that.cmsFailed(err); } - setTimeout(hide, 500); }) }, cmsFailed(err) { @@ -193,4 +179,4 @@ width: 100%; height: 40px; } - \ No newline at end of file + diff --git a/ant-design-vue-jeecg/src/views/user/alteration/Step3.vue b/ant-design-vue-jeecg/src/views/user/alteration/Step3.vue index 57b614cd339d18d26a915a50fcafcc32ebcb8155..735d3982ce7763f2a00b2c05fe653bb5cf1442e8 100644 --- a/ant-design-vue-jeecg/src/views/user/alteration/Step3.vue +++ b/ant-design-vue-jeecg/src/views/user/alteration/Step3.vue @@ -1,48 +1,29 @@