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 |   96 +++++++++++++++++++++++++++++++++++++++++++----
 1 files changed, 87 insertions(+), 9 deletions(-)

diff --git a/src/views/login.vue b/src/views/login.vue
index 61b37c0..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>
@@ -328,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