From 35c7b43bb56fcad4dd21954f2ee4ecbd1b168179 Mon Sep 17 00:00:00 2001
From: yelan <wzqf99@foxmail.com>
Date: Wed, 30 Sep 2026 15:29:54 +0800
Subject: [PATCH] =?UTF-8?q?fix(auth):=20=E4=BC=98=E5=8C=96=E7=99=BB?=
 =?UTF-8?q?=E5=BD=95=E9=AA=8C=E8=AF=81=E7=A0=81=E5=B1=95=E7=A4=BA=E5=B9=B6?=
 =?UTF-8?q?=E7=A7=BB=E9=99=A4=E5=A4=9A=E4=BD=99=E6=8F=90=E7=A4=BA=E6=96=87?=
 =?UTF-8?q?=E6=A1=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 clinical-web/src/views/auth/LoginView.vue | 35 ++++++++++++++++-------
 1 file changed, 25 insertions(+), 10 deletions(-)

diff --git a/clinical-web/src/views/auth/LoginView.vue b/clinical-web/src/views/auth/LoginView.vue
index e997f63..61c70b0 100644
--- a/clinical-web/src/views/auth/LoginView.vue
+++ b/clinical-web/src/views/auth/LoginView.vue
@@ -156,7 +156,7 @@ onMounted(() => {
         />
       </div>
 
-      <div v-if="captcha" class="login-field login-captcha">
+      <div class="login-field login-captcha">
         <label for="login-captcha">验证码</label>
         <div class="captcha-row">
           <input
@@ -175,7 +175,13 @@ onMounted(() => {
             aria-label="刷新验证码"
             @click="loadCaptcha"
           >
-            <img :src="captcha.imageBase64" alt="图形验证码，点击刷新" />
+            <span v-if="captchaLoading" class="captcha-spinner" aria-hidden="true" />
+            <img
+              v-else-if="captcha"
+              :src="captcha.imageBase64"
+              alt="图形验证码，点击刷新"
+            />
+            <span v-else class="captcha-retry">点击重试</span>
           </button>
         </div>
       </div>
@@ -185,7 +191,6 @@ onMounted(() => {
       <button class="login-submit" type="submit" :disabled="isSubmitting">
         {{ isSubmitting ? '登录中…' : '登 录' }}
       </button>
-      <p class="login-tip">请使用医院分配的账号登录</p>
       <p v-if="passwordChangeRequested" class="login-change-hint" role="status">
         登录后将进入修改密码页面
       </p>
@@ -355,14 +360,24 @@ onMounted(() => {
   opacity: 0.65;
 }
 
-.login-tip {
-  margin: 12px 0 0;
-  padding: 7px;
-  color: var(--mut);
+.captcha-spinner {
+  width: 16px;
+  height: 16px;
+  border: 2px solid var(--line);
+  border-top-color: var(--brand);
+  border-radius: 50%;
+  animation: captcha-spin 0.7s linear infinite;
+}
+
+.captcha-retry {
+  color: var(--brand);
   font-size: 12px;
-  text-align: center;
-  background: var(--brand-l);
-  border-radius: 8px;
+}
+
+@keyframes captcha-spin {
+  to {
+    transform: rotate(360deg);
+  }
 }
 
 .login-change-hint {