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 | 82 +++++++++++++++++++----------------------
1 files changed, 38 insertions(+), 44 deletions(-)
diff --git a/src/components/login.vue b/src/components/login.vue
index d17c68e..2a63505 100644
--- a/src/components/login.vue
+++ b/src/components/login.vue
@@ -78,9 +78,9 @@
ref="loginForm"
class="loginForm"
>
- <el-form-item prop="userName">
+ <el-form-item prop="uid">
<el-input
- v-model="loginForm.userName"
+ v-model="loginForm.uid"
placeholder="杈撳叆鎮ㄧ殑璐﹀彿鎴栨墜鏈哄彿"
class="nobr"
size="meddle"
@@ -90,10 +90,10 @@
></el-input>
</el-form-item>
- <el-form-item prop="password">
+ <el-form-item prop="pwd">
<el-input
show-password
- v-model="loginForm.password"
+ v-model="loginForm.pwd"
placeholder="杈撳叆鎮ㄧ殑瀵嗙爜"
class="nobr"
autocomplete="off"
@@ -141,6 +141,7 @@
background: #3b4d6e;
border-radius: 5px;
"
+ :loading="loading"
@click="submitForm('loginForm')"
>鐧诲綍</el-button
>
@@ -152,14 +153,15 @@
<script>
// import { login } from '../utils/api'
-import validCode from "./verificationCode.vue";
+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();
}
@@ -167,7 +169,7 @@
let validPassword = (rule, value, callback) => {
if (!value) {
- return callback(new Error("瀵嗙爜涓嶈兘涓虹┖"));
+ return callback(new Error('瀵嗙爜涓嶈兘涓虹┖'));
} else {
callback();
}
@@ -175,43 +177,34 @@
const checkValidCode = (rule, value, callback) => {
if (!value) {
- callback(new Error("璇疯緭鍏ラ獙璇佺爜"));
+ callback(new Error('璇疯緭鍏ラ獙璇佺爜'));
} else if (value.toUpperCase() !== this.validCode.toUpperCase()) {
- callback(new Error("楠岃瘉鐮佷笉姝ｇ‘"));
+ callback(new Error('楠岃瘉鐮佷笉姝ｇ‘'));
} else {
callback();
}
};
return {
- validCode: "",
-
+ validCode: '',
+ loading: false,
loginForm: {
- userName: "admin",
- password: "terra2022",
+ uid: 'admin',
+ pwd: 'Admin@123',
},
rules: {
- userName: [{ validator: validUserName, trigger: "blur" }],
- password: [{ validator: validPassword, trigger: "blur" }],
- validCode: [{ validator: checkValidCode, trigger: "blur" }],
+ uid: [{ validator: validUserName, trigger: 'blur' }],
+ pwd: [{ validator: validPassword, trigger: 'blur' }],
+ validCode: [{ validator: checkValidCode, trigger: 'blur' }],
},
};
- // return {
- // validCode: "",
- // form: {
- // username: "",
- // password: "",
- // },
- // rules: {
- // username: [
- // { required: true, message: "璇疯緭鍏ョ敤鎴峰悕", trigger: "blur" },
- // ],
- // password: [{ required: true, message: "璇峰～鍐欏瘑鐮�", trigger: "blur" }],
- // },
- // };
},
- mounted() {},
+ mounted() {
+ this.getpublickey();
+ },
methods: {
+ // 鑾峰彇vuex涓瑼ctions閲岀殑鏂规硶
+ ...mapActions(['login', 'getpublickey']),
getCode(data) {
console.log(data);
this.validCode = data; //鍦╠ata涓畾涔変竴涓� validCode:'',鐢ㄦ潵璁板綍楠岃瘉鐮併��
@@ -219,32 +212,33 @@
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
- //璋冪敤褰曟帴鍙�
- this.$router.push("/catalogueManage");
+ this.loading = true;
+ this.login(this.loginForm)
+ .then((response) => {
+ this.$router.push('/');
+
+ this.loading = false;
+ //璋冪敤褰曟帴鍙�
+ })
+ .catch((response) => {
+ this.loading = false;
+ });
//濡傛灉鐧诲綍澶辫触锛岄渶瑕佸埛鏂伴獙璇佺爜鐨�
this.$refs.refresh.createdCode();
- this.validCode = ""; //娓呯┖楠岃瘉鐮佽緭鍏ユ鐨勫唴瀹�
+ this.validCode = ''; //娓呯┖楠岃瘉鐮佽緭鍏ユ鐨勫唴瀹�
} else {
- console.log("error submit!!");
+ console.log('error submit!!');
return false;
}
});
},
- // onSubmit() {
- // this.$refs.form.validate((valid) => {
- // if (valid) {
- // this.$router.push("/Home");
- // } else {
- // return false;
- // }
- // });
- // },
},
+ created() {},
};
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped >
+<style scoped>
.container {
width: 100%;
height: 100%;
--
Gitblit v1.9.3