From 0666252b986535214c1c683a635873ea25e0f4dd Mon Sep 17 00:00:00 2001
From: Jin Lei <jinlei_182@163.com>
Date: 星期六, 23 十二月 2023 10:24:29 +0800
Subject: [PATCH] [登录]恢复登录
---
src/components/login.vue | 133 ++++++++++++++++++++++++--------------------
1 files changed, 72 insertions(+), 61 deletions(-)
diff --git a/src/components/login.vue b/src/components/login.vue
index ea18858..89f38a5 100644
--- a/src/components/login.vue
+++ b/src/components/login.vue
@@ -4,8 +4,13 @@
<img src="../assets/img/login/background.png" alt="" />
</div>
<div class="login-box">
- <el-form class="loginBox" :model="loginForm" :rules="rules" ref="loginForm"
- @keyup.enter.native="submitForm('loginForm')">
+ <el-form
+ class="loginBox"
+ :model="loginForm"
+ :rules="rules"
+ ref="loginForm"
+ @keyup.enter.native="submitForm('loginForm')"
+ >
<el-form-item prop="loginname">
<div class="user-box">
<div class="imgbox">
@@ -18,8 +23,14 @@
<img src="../assets/img/login/line.png" alt="" />
</div>
<div class="inputbox">
- <el-input v-model="loginForm.loginname" placeholder="杈撳叆鎮ㄧ殑璐﹀彿" class="nobr" size="meddle" autocomplete="off"
- clearable>
+ <el-input
+ v-model="loginForm.loginname"
+ placeholder="杈撳叆鎮ㄧ殑璐﹀彿"
+ class="nobr"
+ size="meddle"
+ autocomplete="off"
+ clearable
+ >
</el-input>
</div>
</div>
@@ -36,8 +47,14 @@
<img src="../assets/img/login/line.png" alt="" />
</div>
<div class="inputbox">
- <el-input show-password v-model="loginForm.password" placeholder="杈撳叆鎮ㄧ殑瀵嗙爜" class="nobr" autocomplete="off"
- clearable>
+ <el-input
+ show-password
+ v-model="loginForm.password"
+ placeholder="杈撳叆鎮ㄧ殑瀵嗙爜"
+ class="nobr"
+ autocomplete="off"
+ clearable
+ >
</el-input>
</div>
</div>
@@ -89,7 +106,7 @@
},
};
},
- created() { },
+ created() {},
mounted() {
window.addEventListener("keydown", this.keyDown);
// if (
@@ -122,58 +139,54 @@
},
// 璐﹀彿瀵嗙爜鐧诲綍
submitForm(formName) {
- let tokenData = "1111111111111";
- let times = new Date().getTime();
- window.localStorage.setItem("TokenTime", times);
- window.localStorage.setItem("TokenKey", tokenData);
- this.$router.push("/index");
- // this.$refs[formName].validate((valid) => {
- // if (valid) {
- // const loading = this.$loading({
- // lock: true,
- // text: "Loading",
- // spinner: "el-icon-loading",
- // background: "rgba(0, 0, 0, 0.7)",
- // });
+ // this.$router.push("/index");
+ this.$refs[formName].validate((valid) => {
+ if (valid) {
+ const loading = this.$loading({
+ lock: true,
+ text: "Loading",
+ spinner: "el-icon-loading",
+ background: "rgba(0, 0, 0, 0.7)",
+ });
- // login({
- // username: this.loginForm.loginname,
- // password: this.loginForm.password,
- // })
- // .then((res) => {
- // loading.close();
- // if (res.code !== 200) {
- // this.$message.error(res.msg);
- // } else {
- // let tokenData = res.token;
- // let times = new Date().getTime();
- // window.localStorage.setItem("TokenTime", times);
- // window.localStorage.setItem("TokenKey", tokenData);
- // this.$router.push("/index");
- // }
- // })
- // .catch((error) => {
- // //缃戠粶瓒呮椂寮傚父澶勭悊
- // loading.close();
- // if (
- // error.code === "ECONNABORTED" ||
- // error.message === "Network Error" ||
- // error.message.includes("timeout")
- // ) {
- // this.$message.error("璇锋眰瓒呮椂锛岃绋嶅悗閲嶈瘯");
- // }
- // return Promise.resolve(error.response);
- // // reject(error);
- // });
+ login({
+ username: this.loginForm.loginname,
+ password: this.loginForm.password,
+ })
+ .then((res) => {
+ loading.close();
+ if (res.code !== 200) {
+ this.$message.error(res.msg);
+ } else {
+ let tokenData = res.token;
+ let times = new Date().getTime();
+ window.localStorage.setItem("TokenTime", times);
+ window.localStorage.setItem("TokenKey", tokenData);
+ this.$router.push("/index");
+ }
+ })
+ .catch((error) => {
+ //缃戠粶瓒呮椂寮傚父澶勭悊
+ loading.close();
+ if (
+ error.code === "ECONNABORTED" ||
+ error.message === "Network Error" ||
+ error.message.includes("timeout")
+ ) {
+ this.$message.error("璇锋眰瓒呮椂锛岃绋嶅悗閲嶈瘯");
+ }
+ return Promise.resolve(error.response);
+ // reject(error);
+ });
- // // //濡傛灉鐧诲綍澶辫触锛岄渶瑕佸埛鏂伴獙璇佺爜鐨�
- // // this.$refs.refresh.createdCode();
- // // this.validCode = ""; //娓呯┖楠岃瘉鐮佽緭鍏ユ鐨勫唴瀹�
- // } else {
- // // console.log("error submit!!");
- // return false;
- // }
- // });
+ // //濡傛灉鐧诲綍澶辫触锛岄渶瑕佸埛鏂伴獙璇佺爜鐨�
+ // this.$refs.refresh.createdCode();
+ // this.validCode = ""; //娓呯┖楠岃瘉鐮佽緭鍏ユ鐨勫唴瀹�
+ } else {
+ // console.log("error submit!!");
+ return false;
+ }
+ });
},
// CA鍏嶅瘑鐧诲綍
passCAFree() {
@@ -295,11 +308,9 @@
height: 60%;
margin-left: 74px;
}
-
.imgbox img {
width: 100%;
}
-
.titlebox {
color: #fff;
font-size: 18px;
@@ -353,7 +364,7 @@
padding: 0 !important;
}
-.el-form>>>.el-form-item__error {
+.el-form >>> .el-form-item__error {
left: 150px;
top: 106%;
}
@@ -406,7 +417,7 @@
bottom: -160px;
animation: square 20s linear infinite;
border-radius: 45%;
- box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
+ box-shadow: 0px 0px 10px rgba(255,255,255,0.5);
}
.bg-squares li:nth-child(1) {
--
Gitblit v1.9.3