From 083b17d07939af29bcb04a27e564664c7280595a Mon Sep 17 00:00:00 2001
From: 王旭 <1377869194@qq.com>
Date: 星期一, 10 十月 2022 15:40:58 +0800
Subject: [PATCH] 登录验证登出
---
src/components/login.vue | 62 ++++++++++++++-----------------
1 files changed, 28 insertions(+), 34 deletions(-)
diff --git a/src/components/login.vue b/src/components/login.vue
index d17c68e..eb56f17 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
>
@@ -153,6 +154,7 @@
<script>
// import { login } from '../utils/api'
import validCode from "./verificationCode.vue";
+import { mapActions } from "vuex";
export default {
components: { validCode },
@@ -185,33 +187,24 @@
return {
validCode: "",
-
+ loading: false,
loginForm: {
- userName: "admin",
- password: "terra2022",
+ uid: "admin",
+ pwd: "Admin@123",
},
rules: {
- userName: [{ validator: validUserName, trigger: "blur" }],
- password: [{ validator: validPassword, 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,8 +212,17 @@
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 = ""; //娓呯┖楠岃瘉鐮佽緭鍏ユ鐨勫唴瀹�
@@ -230,16 +232,8 @@
}
});
},
- // onSubmit() {
- // this.$refs.form.validate((valid) => {
- // if (valid) {
- // this.$router.push("/Home");
- // } else {
- // return false;
- // }
- // });
- // },
},
+ created() {},
};
</script>
--
Gitblit v1.9.3