|
|
|
@ -1,7 +1,7 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div class="login">
|
|
|
|
<div class="login">
|
|
|
|
<el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
|
|
|
|
<el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
|
|
|
|
<h3 class="title">RuoYi-Vue-Plus后台管理系统</h3>
|
|
|
|
<h3 class="title">后台管理系统</h3>
|
|
|
|
<el-form-item prop="username">
|
|
|
|
<el-form-item prop="username">
|
|
|
|
<el-input
|
|
|
|
<el-input
|
|
|
|
v-model="loginForm.username"
|
|
|
|
v-model="loginForm.username"
|
|
|
|
@ -59,8 +59,9 @@
|
|
|
|
</el-form>
|
|
|
|
</el-form>
|
|
|
|
<!-- 底部 -->
|
|
|
|
<!-- 底部 -->
|
|
|
|
<div class="el-login-footer">
|
|
|
|
<div class="el-login-footer">
|
|
|
|
<span>Copyright © 2018-2023 疯狂的狮子Li All Rights Reserved.</span>
|
|
|
|
<span>Copyright © 2023 湖南艾维禄科技有限公司 All Rights Reserved.</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<w-bg-1></w-bg-1>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
@ -69,6 +70,7 @@ import { getCodeImg } from "@/api/login";
|
|
|
|
import Cookies from "js-cookie";
|
|
|
|
import Cookies from "js-cookie";
|
|
|
|
import { encrypt, decrypt } from "@/utils/jsencrypt";
|
|
|
|
import { encrypt, decrypt } from "@/utils/jsencrypt";
|
|
|
|
import useUserStore from '@/store/modules/user'
|
|
|
|
import useUserStore from '@/store/modules/user'
|
|
|
|
|
|
|
|
import WBg1 from "../components/bg/WBg1.vue";
|
|
|
|
|
|
|
|
|
|
|
|
const userStore = useUserStore()
|
|
|
|
const userStore = useUserStore()
|
|
|
|
const router = useRouter();
|
|
|
|
const router = useRouter();
|
|
|
|
@ -156,20 +158,27 @@ getCookie();
|
|
|
|
justify-content: center;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
height: 100%;
|
|
|
|
height: 100%;
|
|
|
|
background-image: url("../assets/images/login-background.jpg");
|
|
|
|
|
|
|
|
background-size: cover;
|
|
|
|
background-size: cover;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.title {
|
|
|
|
.title {
|
|
|
|
margin: 0px auto 30px auto;
|
|
|
|
margin: 0px auto 30px auto;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
color: #707070;
|
|
|
|
color: #555;
|
|
|
|
|
|
|
|
user-select: none;
|
|
|
|
|
|
|
|
font-size: 1.6rem;
|
|
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
|
|
letter-spacing: .3rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.login-form {
|
|
|
|
.login-form {
|
|
|
|
border-radius: 6px;
|
|
|
|
position: relative;
|
|
|
|
background: #ffffff;
|
|
|
|
z-index: 10;
|
|
|
|
|
|
|
|
border-radius: .7rem;
|
|
|
|
|
|
|
|
background-image: linear-gradient(to bottom, #FFF,#FFF,#ddd);
|
|
|
|
width: 400px;
|
|
|
|
width: 400px;
|
|
|
|
padding: 25px 25px 5px 25px;
|
|
|
|
padding: 25px 25px 5px 25px;
|
|
|
|
|
|
|
|
box-shadow: 0 0 5rem #0005, 0 0 .5rem #FFF inset;
|
|
|
|
.el-input {
|
|
|
|
.el-input {
|
|
|
|
height: 40px;
|
|
|
|
height: 40px;
|
|
|
|
input {
|
|
|
|
input {
|
|
|
|
|