From c8e9849cb5f24848df0174c13bfbbff37bb08a5a Mon Sep 17 00:00:00 2001
From: WXL <wl_5969728@163.com>
Date: 星期二, 21 七月 2026 15:45:30 +0800
Subject: [PATCH] 维护
---
src/views/login.vue | 106 +++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 94 insertions(+), 12 deletions(-)
diff --git a/src/views/login.vue b/src/views/login.vue
index 0f6a635..a340e6c 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -6,7 +6,14 @@
:rules="loginRules"
class="login-form"
>
- <h3 class="title">闈掑矝澶у闄勫睘鍖婚櫌opo</h3>
+ <div class="login-header">
+ <img
+ src="@/assets/logo/OPO_Logo.png"
+ class="hospital-logo"
+ alt="鍖婚櫌logo"
+ />
+ <h3 class="title">闈掑矝澶у闄勫睘鍖婚櫌opo</h3>
+ </div>
<el-form-item prop="username">
<el-input
v-model="loginForm.username"
@@ -25,6 +32,7 @@
<el-input
v-model="loginForm.password"
type="password"
+ show-password
auto-complete="off"
@focus="tip"
placeholder="瀵嗙爜"
@@ -79,9 +87,18 @@
</div>
</el-form-item>
</el-form>
- <!-- 搴曢儴 -->
+ <!-- 搴曢儴淇℃伅 -->
<div class="el-login-footer">
- <span>Copyright 漏 娴欐睙鐪丱PO绠＄悊涓績</span>
+ <div class="footer-content">
+ <div class="footer-row">
+ <span class="tech-label">鎶�鏈敮鎸侊細</span>
+ <img src="@/assets/logo/Hrs.png" class="tech-logo" alt="logo" />
+ <span class="tech-name">娴欐睙浜ュ皵鏃剁鎶�鏈夐檺鍏徃</span>
+ </div>
+ <div class="footer-row">
+ <span class="hotline">鏈嶅姟鐑嚎锛�17778760073</span>
+ </div>
+ </div>
</div>
</div>
</template>
@@ -90,7 +107,7 @@
import { getCodeImg } from "@/api/login";
import Cookies from "js-cookie";
import { encrypt, decrypt } from "@/utils/jsencrypt";
-
+import { encrypts } from "@/utils/crypto";
export default {
name: "Login",
data() {
@@ -139,7 +156,7 @@
this.getCode();
this.getCookie();
this.getAuthCode();
- this.loginForm.password='';
+ this.loginForm.password = "";
// this.loginForm.password=this.generatePassword();
// this.avoidLogin();
},
@@ -240,8 +257,12 @@
Cookies.remove("password");
Cookies.remove("rememberMe");
}
+ let loginobj = { username: null, password: null };
+ loginobj.username = encrypts(this.loginForm.username);
+ loginobj.password = encrypts(this.loginForm.password);
+
this.$store
- .dispatch("Login", this.loginForm)
+ .dispatch("Login", loginobj)
.then(res => {
console.log(this.$store.state.user.code, "44");
console.log(this.$store.state.user.msg, "22");
@@ -324,17 +345,78 @@
vertical-align: middle;
}
}
+.login-header {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-bottom: 30px; /* 涓庡師鏉� title 鐨� margin-bottom 涓�鑷� */
+}
+
+.hospital-logo {
+ width: 48px;
+ height: 48px;
+ border-radius: 50%;
+ margin-right: 14px;
+ border: 2px solid rgba(255, 255, 255, 0.3);
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+ background: #fff; /* 闃叉閫忔槑鑳屾櫙 */
+}
+
+.title {
+ margin: 0;
+ text-align: center;
+ color: #707070;
+ font-size: 22px;
+ font-weight: bold;
+}
.el-login-footer {
- height: 40px;
- line-height: 40px;
position: fixed;
- bottom: 0;
+ bottom: 20px;
+ left: 0;
+ right: 0;
width: 100%;
text-align: center;
- color: #fff;
- font-family: Arial;
+ font-size: 13px;
+ color: rgba(255, 255, 255, 0.6);
+ z-index: 10;
+}
+
+.footer-content {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ gap: 4px;
+}
+
+.footer-row {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.tech-logo {
+ width: 28px;
+ height: 28px;
+ margin: 0 6px;
+ vertical-align: middle;
+}
+
+.tech-label,
+.tech-name,
+.hotline {
+ color: rgba(255, 255, 255, 0.75);
+ font-size: 13px;
+}
+
+.tech-name {
+ color: rgba(255, 255, 255, 0.9);
+ font-weight: 500;
+}
+
+.hotline {
font-size: 12px;
- letter-spacing: 1px;
+ color: rgba(255, 255, 255, 0.55);
}
.login-code-img {
height: 38px;
--
Gitblit v1.9.3