From 72a831a1211645474fcaf27782254acebce6a2cf Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期四, 16 二月 2023 18:04:37 +0800
Subject: [PATCH] 登录页面修改
---
src/components/login.vue | 128 +++++++++++++++++-------------------------
1 files changed, 52 insertions(+), 76 deletions(-)
diff --git a/src/components/login.vue b/src/components/login.vue
index 71d9d2b..bb7ee00 100644
--- a/src/components/login.vue
+++ b/src/components/login.vue
@@ -1,83 +1,41 @@
<template>
<div class="container">
- <div class="title_img">
+ <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>
+ </div>
+ <div class="title_img">
<img
src="../assets/img/loginLogo.png"
alt=""
/>
</div>
- <div class="main_img">
- <img
- src="../assets/img/loginMain.png"
- alt=""
- />
- </div>
<div class="login">
+
<div class="login_title">
<span>鐢ㄦ埛鐧诲綍</span>
</div>
- <!-- <el-form ref="form" :model="form" :rules="rules" class="loginForm">
- <el-form-item prop="username">
- <el-input placeholder="璇疯緭鍏ョ敤鎴峰悕" v-model="form.username">
- <i slot="prefix" class="el-icon-user"></i>
- </el-input>
- </el-form-item>
- <el-form-item prop="password">
- <el-input
- show-password
- placeholder="璇疯緭鍏ュ瘑鐮�"
- v-model="form.password"
- @keyup.enter.native="onSubmit"
- >
- <i slot="prefix" class="el-icon-lock"></i>
- </el-input>
- </el-form-item>
- <el-form-item required>
- <el-col :span="18">
- <el-form-item prop="validCode">
- <el-input
- v-model="form.validCode"
- style="width: 280px"
- 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
- >璇佷功瀹夎涓庢坊鍔犱俊浠荤珯鐐�</span
- >
- </el-form-item>
- <el-form-item>
- <img src="../assets/img/document.png" alt="" /><span
- >浣跨敤甯姪鏂囨。</span
- >
- </el-form-item>
- <el-form-item>
- <el-button
- type="warning"
- @click="onSubmit"
- style="
- width: 384px;
- height: 50px;
- margin-top: 55px;
- background: #3b4d6e;
- border-radius: 5px;
- "
- >鐧诲綍</el-button
- >
- </el-form-item>
- </el-form> -->
-
<el-form
:model="loginForm"
:rules="rules"
@@ -214,10 +172,14 @@
uid: [{ validator: validUserName, trigger: 'blur' }],
pwd: [{ validator: validPassword, trigger: 'blur' }],
validCode: [{ validator: checkValidCode, trigger: 'blur' }],
+ showSessionId: '',
+ reportUrl: ''
},
};
},
mounted() {
+
+
this.getpublickey();
},
methods: {
@@ -243,7 +205,7 @@
});
return
}
-
+
if (response.msg != "") {
this.$message({
message: response.msg,
@@ -310,16 +272,20 @@
}
};
+ },
+ startURL() {
+ this.reportUrl = window.location.origin + '/mapscreen/index.html';
}
},
created() {
+ this.startURL()
this.enterLogin();
},
};
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
+<style lang="less" scoped>
.container {
width: 100%;
height: 100%;
@@ -328,13 +294,22 @@
left: 0px;
right: 0px;
bottom: 0px;
- background-color: #1c78e0;
+
+ background: url("../assets/img/login.jpg") no-repeat center;
background-size: 100% 100%;
+ .MapMenu {
+ width: 100%;
+ height: 100%;
+ top: 5%;
+ left: 1%;
+ position: absolute;
+ }
+
}
.title_img {
position: absolute;
left: 10%;
- top: 10%;
+ top:8%;
/* transform: translateX(-50%); */
}
.title_img img {
@@ -353,10 +328,10 @@
width: 472px;
height: 571px;
position: absolute;
- left: 80%;
- top: 50%;
+ left: 75%;
+ top: 45%;
transform: translate(-50%, -40%);
- background-color: rgb(255, 255, 255);
+ background: rgba(255, 255, 255, 0.6);
border-radius: 8px;
}
@@ -384,6 +359,7 @@
border-color: rgba(0, 0, 0, 0.1);
color: #000;
}
+
.el-input /deep/ .el-input-group__prepend {
border: 0;
padding: 0 !important;
--
Gitblit v1.9.3