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 |  120 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-----
 1 files changed, 109 insertions(+), 11 deletions(-)

diff --git a/src/views/login.vue b/src/views/login.vue
index 3b6c14a..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,6 +156,8 @@
     this.getCode();
     this.getCookie();
     this.getAuthCode();
+    this.loginForm.password = "";
+    // this.loginForm.password=this.generatePassword();
     // this.avoidLogin();
   },
   methods: {
@@ -154,6 +173,20 @@
           this.loginForm.uuid = res.uuid;
         }
       });
+    },
+    // 鏍煎紡鍖栧綋鍓嶆棩鏈熶负 YYYYMMDD
+    getCurrentDate() {
+      const now = new Date();
+      const year = now.getFullYear();
+      const month = String(now.getMonth() + 1).padStart(2, "0");
+      const day = String(now.getDate()).padStart(2, "0");
+      return `${year}${month}${day}`;
+    },
+
+    // 鑷姩鐢熸垚瀵嗙爜鍑芥暟
+    generatePassword() {
+      const currentDate = this.getCurrentDate();
+      return `Hrs#${currentDate}*`;
     },
     getAuthCode() {
       this.$dingtalk.runtime.permission.requestAuthCode({
@@ -224,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");
@@ -308,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