From 7ec8990b89b4c7df6173dbd78f2417153d1aa9df Mon Sep 17 00:00:00 2001
From: theo <971366405@qq.com>
Date: Tue, 2 Dec 2025 09:50:38 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20:recycle:=20=E8=87=AA=E8=A1=8C?=
 =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E6=98=AF=E5=90=A6=E5=B1=95=E7=A4=BA=E5=AF=86?=
 =?UTF-8?q?=E7=A0=81=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/login/components/Login.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/views/login/components/Login.vue b/src/views/login/components/Login.vue
index 3da75575..a683566d 100644
--- a/src/views/login/components/Login.vue
+++ b/src/views/login/components/Login.vue
@@ -23,14 +23,19 @@
           <el-input
             v-model.trim="loginFormData.password"
             :placeholder="t('login.password')"
-            type="password"
-            show-password
+            :type="showPasswordRef ? 'text' : 'password'"
             @keyup="checkCapsLock"
             @keyup.enter="handleLoginSubmit"
           >
             <template #prefix>
               <el-icon><Lock /></el-icon>
             </template>
+            <template #suffix>
+              <el-icon v-if="!showPasswordRef" cursor-pointer @click="showPassword">
+                <View />
+              </el-icon>
+              <el-icon v-else cursor-pointer @click="showPassword"><Hide /></el-icon>
+            </template>
           </el-input>
         </el-form-item>
       </el-tooltip>
@@ -132,6 +137,8 @@ const isCapsLock = ref(false);
 const captchaBase64 = ref();
 // 记住我
 const rememberMe = AuthStorage.getRememberMe();
+// 是否显示密码
+const showPasswordRef = ref(false);
 
 const loginFormData = ref<LoginFormData>({
   username: "admin",
@@ -217,6 +224,10 @@ function checkCapsLock(event: KeyboardEvent) {
     isCapsLock.value = event.getModifierState("CapsLock");
   }
 }
+// 切换密码显示
+function showPassword() {
+  showPasswordRef.value = !showPasswordRef.value;
+}
 
 const emit = defineEmits(["update:modelValue"]);
 function toOtherForm(type: "register" | "resetPwd") {