From e66a593b5f3fa1cf1fa8fee2fcb5cfc69c8352de Mon Sep 17 00:00:00 2001
From: methon <1451776535@qq.com>
Date: Thu, 15 May 2025 14:49:44 +0800
Subject: [PATCH] =?UTF-8?q?fix=20=E8=A7=A3=E5=86=B3=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E6=97=A0=E6=B3=95=E5=8F=96=E6=B6=88=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E5=AF=86=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/SettingView.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/web/src/views/SettingView.vue b/web/src/views/SettingView.vue
index ff1d62a0..dcb88a1f 100644
--- a/web/src/views/SettingView.vue
+++ b/web/src/views/SettingView.vue
@@ -281,11 +281,9 @@
           <a-form layout="vertical">
             <a-form-item label="用户名" required>
               <a-input v-model:value="userManagement.form.username" placeholder="请输入用户名" />
-            </a-form-item>
-
-            <template v-if="userManagement.editMode">
+            </a-form-item>            <template v-if="userManagement.editMode">
               <div class="password-toggle">
-                <a-checkbox @change="togglePasswordFields" v-model:checked="userManagement.displayPasswordFields">
+                <a-checkbox v-model:checked="userManagement.displayPasswordFields">
                   修改密码
                 </a-checkbox>
               </div>
@@ -438,6 +436,15 @@ const modelKeys = computed(() => {
   return Object.keys(modelStatus.value || {}).filter(key => modelStatus.value?.[key])
 })
 
+// 监听密码字段显示状态变化
+watch(() => userManagement.displayPasswordFields, (newVal) => {
+  // 当取消显示密码字段时，清空密码输入
+  if (!newVal) {
+    userManagement.form.password = ''
+    userManagement.form.confirmPassword = ''
+  }
+})
+
 const notModelKeys = computed(() => {
   return Object.keys(modelStatus.value || {}).filter(key => !modelStatus.value?.[key])
 })