From b2503fc6ea29dc9ae7a6574fbfbb5156412db6e1 Mon Sep 17 00:00:00 2001
From: 祖安之光 <11848914+light-of-zuan@user.noreply.gitee.com>
Date: Fri, 22 Aug 2025 14:39:49 +0800
Subject: [PATCH] 修改新增
---
src/views/homePage.vue | 49 ++++++++++++++++++++++++++++++++-----------------
1 files changed, 32 insertions(+), 17 deletions(-)
diff --git a/src/views/homePage.vue b/src/views/homePage.vue
index f70c6c5..a9a1484 100644
--- a/src/views/homePage.vue
+++ b/src/views/homePage.vue
@@ -1,12 +1,13 @@
<template>
<el-row class="login-panel">
- <el-col :sm="24" :md="12" class="login-img">
- 多体系<br/>建设信息化条统
+ <el-col :sm="24" :md="10" class="login-img">
+
</el-col>
- <el-col :sm="24" :md="12" class="login-box">
+ <el-col :sm="24" :md="14" class="login-box">
+ <div class="login-title">多体系<br/>建设信息化系统</div>
<div class="login-card">
<el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
- <h3 class="title">登录系统</h3>
+ <h3 class="title">欢迎登录</h3>
<el-form-item prop="username">
<el-input
v-model="loginForm.username"
@@ -138,7 +139,6 @@
loading.value = true;
Cookies.set("username", loginForm.value.username, { expires: 30 });
Cookies.set("password", encrypt(loginForm.value.password), { expires: 30 });
-
const param = {
username: loginForm.value.username,
password: Base64.encode(loginForm.value.password),
@@ -147,14 +147,18 @@
identity: loginForm.value.role
}
userStore.login(param).then(() => {
- const query = route.query;
- const otherQueryParams = Object.keys(query).reduce((acc, cur) => {
- if (cur !== "redirect") {
- acc[cur] = query[cur];
- }
- return acc;
- }, {});
- router.push({ path: redirect.value || "/", query: otherQueryParams });
+ if (redirect.value && redirect.value !== '/index') {
+ const query = route.query;
+ const otherQueryParams = Object.keys(query).reduce((acc, cur) => {
+ if (cur !== "redirect") {
+ acc[cur] = query[cur];
+ }
+ return acc;
+ }, {});
+ router.push({ path: redirect.value, query: otherQueryParams });
+ } else {
+ router.push({ path: "/menuPage" });
+ }
}).catch(() => {
loading.value = false;
// 重新获取验证码
@@ -199,7 +203,7 @@
.login-panel{
width: 100%;
height: 100%;
- background: url("@/assets/images/bg4.png") no-repeat center;
+ background: url("@/assets/images/bg5.jpg") no-repeat center;
background-size: cover;
justify-content: center;
align-items: center;
@@ -211,7 +215,8 @@
align-items: center;
font-family: 'AliMa';
color: #fff;
- font-size: 3.2rem;
+ font-size: clamp(3rem, 1.286rem + 2.68vw, 4.5rem);
+ letter-spacing: 10px;
text-align: center;
line-height: 1.5;
transform: translateY(-80px);
@@ -219,14 +224,24 @@
}
.login-box{
display: flex;
+ flex-direction: column;
justify-content: center;
align-items: center;
transform: translateY(-40px);
+
+ .login-title{
+ font-family: 'AliMa';
+ color: #2563eb;
+ font-size: clamp(3rem, 1.286rem + 2.68vw, 4.5rem);
+ line-height: 1.2;
+ text-shadow: 0 5px 10px rgba(37,99,235,.3);
+ margin-bottom: 30px;
+ }
.login-card{
width: 500px;
padding: 30px;
border-radius: 16px;
- background-color: rgba(255,255,255,.2);
+ background-color: rgba(255,255,255,.8);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255,255,255,.4);
@@ -241,7 +256,7 @@
.title{
margin: 0 0 30px;
text-align: center;
- color: #fff
+ color: #333
}
.el-form-item{
--
Gitblit v1.9.2