From 879a3501a8ab9767a59458ad8c337f6c25e2e7c4 Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期五, 22 十一月 2024 10:57:27 +0800
Subject: [PATCH] 代码更新
---
src/components/login.vue | 175 ++++++++++++++++++++++++++++++++--------------------------
1 files changed, 96 insertions(+), 79 deletions(-)
diff --git a/src/components/login.vue b/src/components/login.vue
index 8c78917..9a4064d 100644
--- a/src/components/login.vue
+++ b/src/components/login.vue
@@ -1,31 +1,13 @@
<template>
<div class="container">
- <vue-particles
- :particleOpacity="0.7"
- :particlesNumber="80"
- shapeType="circle"
- :particleSize="4"
- :linesWidth="1"
- :lineLinked="true"
- :lineOpacity="0.4"
- :linesDistance="80"
- :moveSpeed="2"
- :hoverEffect="true"
- hoverMode="grab"
- :clickEffect="false"
- clickMode="bubble"
- >
- </vue-particles>
+ <vue-particles :particleOpacity="0.7" :particlesNumber="80" shapeType="circle" :particleSize="4" :linesWidth="1"
+ :lineLinked="true" :lineOpacity="0.4" :linesDistance="80" :moveSpeed="2" :hoverEffect="true" hoverMode="grab"
+ :clickEffect="false" clickMode="bubble"></vue-particles>
<div class="MapMenu">
- <iframe
- id="ifream"
- style="border: none"
- width="100%"
- height="100%"
- v-bind:src="reportUrl"
- ></iframe>
+ <iframe id="ifream" style="border: none" width="100%" height="100%" v-bind:src="reportUrl"></iframe>
</div>
<div class="title_img">
+ <h1>浣滄垬瀹為獙鏉′欢寤鸿</h1>
<!-- <img src="../assets/img/lg_03.png" alt /> -->
</div>
<div class="login">
@@ -33,57 +15,33 @@
<span>鐢ㄦ埛鐧诲綍</span>
</div>
<el-form :model="loginForm" :rules="rules" ref="loginForm" class="loginForm">
- <el-form-item prop="uid">
- <el-input
- v-model="loginForm.uid"
- placeholder="杈撳叆鐧诲綍璐﹀彿"
- class="nobr"
- size="meddle"
- autocomplete="off"
- >
+ <el-form-item prop="username">
+ <el-input v-model="loginForm.username" placeholder="杈撳叆鐧诲綍璐﹀彿" class="nobr" size="meddle" autocomplete="off">
<i slot="prefix" class="el-icon-user"></i>
</el-input>
</el-form-item>
- <el-form-item prop="pwd">
- <el-input
- show-password
- v-model="loginForm.pwd"
- placeholder="璇疯緭鍏ョ櫥褰曞瘑鐮�"
- class="nobr"
- autocomplete="off"
- >
+ <el-form-item prop="password">
+ <el-input show-password v-model="loginForm.password" placeholder="璇疯緭鍏ョ櫥褰曞瘑鐮�" class="nobr" autocomplete="off">
<i slot="prefix" class="el-icon-lock"></i>
</el-input>
</el-form-item>
- <!-- <el-form-item required>
+ <el-form-item required>
<el-col :span="18">
<el-form-item prop="validCode">
- <el-input v-model="loginForm.validCode" placeholder="璇疯緭鍏ラ獙璇佺爜锛堝拷鐣ュぇ灏忓啓锛�" class="nobr"></el-input>
+ <el-input @keyup.enter.native="submitForm('loginForm')" v-model="loginForm.validCode"
+ placeholder="璇疯緭鍏ラ獙璇佺爜锛堝拷鐣ュぇ灏忓啓锛�" class="nobr"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" align="right">
<validCode v-model="validCode" ref="refresh" @sendData="getCode"></validCode>
</el-col>
- </el-form-item> -->
- <!-- <el-form-item>
- <img src="../assets/img/zhengshu.png" alt />
- <span style="color: black">璇佷功瀹夎涓庢坊鍔犱俊浠荤珯鐐�</span>
</el-form-item>
<el-form-item>
- <img src="../assets/img/document.png" alt />
- <span style="color: black">浣跨敤甯姪鏂囨。</span>
- </el-form-item> -->
- <el-form-item>
- <el-button
- type="primary"
- class="nobr loginbtn"
- style
- :loading="loading"
- @click="submitForm('loginForm')"
- >鐧诲綍</el-button>
+ <el-button type="primary" class="nobr loginbtn" style :loading="loading"
+ @click="submitForm('loginForm')">鐧诲綍</el-button>
</el-form-item>
</el-form>
</div>
@@ -92,6 +50,7 @@
<script>
import validCode from "./verificationCode.vue";
+import Cookies from "js-cookie";
export default {
name: "login",
@@ -114,30 +73,25 @@
};
const checkValidCode = (rule, value, callback) => {
- if (!value) {
- callback(new Error("璇疯緭鍏ラ獙璇佺爜"));
- } else if (value.toUpperCase() !== this.validCode.toUpperCase()) {
- callback(new Error("楠岃瘉鐮佷笉姝ｇ‘"));
- } else {
- callback();
- }
+ // if (!value) {
+ // callback(new Error("璇疯緭鍏ラ獙璇佺爜"));
+ // } else if (value.toUpperCase() !== this.validCode.toUpperCase()) {
+ // callback(new Error("楠岃瘉鐮佷笉姝ｇ‘"));
+ // } else {
+ // callback();
+ // }
};
- // loginForm: {
- // uid: "admin",
- // pwd: "Admin@1234_lf",
- // }
return {
validCode: "",
loading: false,
loginForm: {
- uid: "",
- pwd: ""
+ username: "",
+ password: ""
},
rules: {
- uid: [{ validator: validUserName, trigger: "blur" }],
- pwd: [{ validator: validPassword, trigger: "blur" }],
+ username: [{ validator: validUserName, trigger: "blur" }],
+ password: [{ validator: validPassword, trigger: "blur" }],
validCode: [{ validator: checkValidCode, trigger: "blur" }],
- showSessionId: "",
reportUrl: ""
}
};
@@ -152,16 +106,66 @@
startURL() {
var url = window.location.href;
var testurl = "";
- if (url.indexOf("web") != -1) {
- testurl = "/web";
+ if (url.indexOf("sso") != -1) {
+ testurl = "/sso";
}
this.reportUrl =
window.location.origin + testurl + "/static/mapscreen/index.html";
},
+ getCookie() {
+ const username = Cookies.get("username");
+ const password = Cookies.get("password");
+
+ this.loginForm = {
+ username: username === undefined ? this.loginForm.username : username,
+ password:
+ password === undefined ? this.loginForm.password : decrypt(password)
+ };
+ },
// 璐﹀彿瀵嗙爜鐧诲綍
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)"
+ // });
+ // this.$store
+ // .dispatch("Login", this.loginForm)
+ // .then(() => {
+ // loading.close();
+ // 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.validCode = ""; //娓呯┖楠岃瘉鐮佽緭鍏ユ鐨勫唴瀹�
+ // this.refreshVcode(); //鍒锋柊楠岃瘉鐮�
+ // } else {
+ // this.validCode = ""; //娓呯┖楠岃瘉鐮佽緭鍏ユ鐨勫唴瀹�
+ // this.refreshVcode(); //鍒锋柊楠岃瘉鐮�
+
+ // return false;
+ // }
+ // });
+ },
+ refreshVcode() {
+ this.$refs.refresh.createdCode();
}
}
};
@@ -179,6 +183,7 @@
background: url("../assets/img/login.jpg") no-repeat center;
background-size: 100% 100%;
+
.MapMenu {
width: 100%;
height: 100%;
@@ -187,25 +192,33 @@
position: absolute;
}
}
+
.title_img {
position: absolute;
- left: 20%;
- top: 8%;
- width: 20%;
- /* transform: translateX(-50%); */
+ left: 75%;
+ top: 20%;
+ width: 16em;
+ color: white;
+ font-size: 30px;
+ // background-color: #bfa;
+ transform: translate(-50%, -40%);
}
+
.title_img img {
width: 100%;
}
+
.main_img {
position: absolute;
left: 17%;
top: 12%;
/* transform: translateX(-50%); */
}
+
.main_img img {
width: 100%;
}
+
.login {
width: 372px;
height: 400px;
@@ -226,16 +239,19 @@
color: #3b4d6e;
/* background-color: #bfa; */
}
+
.loginForm {
margin-top: 61px;
margin-left: 48px;
/* background-color: #bfa; */
width: 280px;
}
+
.el-form-item {
/* margin-bottom: 12px; */
height: 41px;
}
+
.el-input /deep/ .el-input__inner {
/* background: rgba(80, 152, 255, 0.24); */
border-color: rgba(0, 0, 0, 0.1);
@@ -246,6 +262,7 @@
border: 0;
padding: 0 !important;
}
+
.loginbtn {
width: 280px;
height: 50px;
--
Gitblit v1.9.3