From 5df6240f6cd274e698d1e6358443364d543c126c Mon Sep 17 00:00:00 2001
From: Jin Lei <jinlei_182@163.com>
Date: 星期六, 23 十二月 2023 10:23:27 +0800
Subject: [PATCH] [信令]添加信令相关功能
---
src/components/login.vue | 133 ++++++++++++++++++++------------------------
1 files changed, 61 insertions(+), 72 deletions(-)
diff --git a/src/components/login.vue b/src/components/login.vue
index 89f38a5..ea18858 100644
--- a/src/components/login.vue
+++ b/src/components/login.vue
@@ -4,13 +4,8 @@
<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">
@@ -23,14 +18,8 @@
<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>
@@ -47,14 +36,8 @@
<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>
@@ -106,7 +89,7 @@
},
};
},
- created() {},
+ created() { },
mounted() {
window.addEventListener("keydown", this.keyDown);
// if (
@@ -139,54 +122,58 @@
},
// 璐﹀彿瀵嗙爜鐧诲綍
submitForm(formName) {
- // 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)",
- });
+ 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)",
+ // });
- 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() {
@@ -308,9 +295,11 @@
height: 60%;
margin-left: 74px;
}
+
.imgbox img {
width: 100%;
}
+
.titlebox {
color: #fff;
font-size: 18px;
@@ -364,7 +353,7 @@
padding: 0 !important;
}
-.el-form >>> .el-form-item__error {
+.el-form>>>.el-form-item__error {
left: 150px;
top: 106%;
}
@@ -417,7 +406,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