From 50f52beb0ed100105166f62027cd0b15e6b596dc Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期六, 12 十一月 2022 15:02:01 +0800 Subject: [PATCH] 重新 --- src/components/login.vue | 40 ++++++++++++++++++++-------------------- 1 files changed, 20 insertions(+), 20 deletions(-) diff --git a/src/components/login.vue b/src/components/login.vue index eb56f17..2a63505 100644 --- a/src/components/login.vue +++ b/src/components/login.vue @@ -153,15 +153,15 @@ <script> // import { login } from '../utils/api' -import validCode from "./verificationCode.vue"; -import { mapActions } from "vuex"; +import validCode from './verificationCode.vue'; +import { mapActions } from 'vuex'; export default { components: { validCode }, data() { let validUserName = (rule, value, callback) => { if (!value) { - return callback(new Error("鐢ㄦ埛鍚嶄笉鑳戒负绌�")); + return callback(new Error('鐢ㄦ埛鍚嶄笉鑳戒负绌�')); } else { callback(); } @@ -169,7 +169,7 @@ let validPassword = (rule, value, callback) => { if (!value) { - return callback(new Error("瀵嗙爜涓嶈兘涓虹┖")); + return callback(new Error('瀵嗙爜涓嶈兘涓虹┖')); } else { callback(); } @@ -177,25 +177,25 @@ const checkValidCode = (rule, value, callback) => { if (!value) { - callback(new Error("璇疯緭鍏ラ獙璇佺爜")); + callback(new Error('璇疯緭鍏ラ獙璇佺爜')); } else if (value.toUpperCase() !== this.validCode.toUpperCase()) { - callback(new Error("楠岃瘉鐮佷笉姝g‘")); + callback(new Error('楠岃瘉鐮佷笉姝g‘')); } else { callback(); } }; return { - validCode: "", + validCode: '', loading: false, loginForm: { - uid: "admin", - pwd: "Admin@123", + uid: 'admin', + pwd: 'Admin@123', }, rules: { - uid: [{ validator: validUserName, trigger: "blur" }], - pwd: [{ validator: validPassword, trigger: "blur" }], - validCode: [{ validator: checkValidCode, trigger: "blur" }], + uid: [{ validator: validUserName, trigger: 'blur' }], + pwd: [{ validator: validPassword, trigger: 'blur' }], + validCode: [{ validator: checkValidCode, trigger: 'blur' }], }, }; }, @@ -204,7 +204,7 @@ }, methods: { // 鑾峰彇vuex涓瑼ctions閲岀殑鏂规硶 - ...mapActions(["login", "getpublickey"]), + ...mapActions(['login', 'getpublickey']), getCode(data) { console.log(data); this.validCode = data; //鍦╠ata涓畾涔変竴涓� validCode:'',鐢ㄦ潵璁板綍楠岃瘉鐮併�� @@ -214,20 +214,20 @@ if (valid) { this.loading = true; this.login(this.loginForm) - .then(response => { - this.$router.push("/") - + .then((response) => { + this.$router.push('/'); + this.loading = false; //璋冪敤褰曟帴鍙� }) - .catch(response => { + .catch((response) => { this.loading = false; }); //濡傛灉鐧诲綍澶辫触锛岄渶瑕佸埛鏂伴獙璇佺爜鐨� this.$refs.refresh.createdCode(); - this.validCode = ""; //娓呯┖楠岃瘉鐮佽緭鍏ユ鐨勫唴瀹� + this.validCode = ''; //娓呯┖楠岃瘉鐮佽緭鍏ユ鐨勫唴瀹� } else { - console.log("error submit!!"); + console.log('error submit!!'); return false; } }); @@ -238,7 +238,7 @@ </script> <!-- Add "scoped" attribute to limit CSS to this component only --> -<style scoped > +<style scoped> .container { width: 100%; height: 100%; -- Gitblit v1.9.3