From 240b006a8f001ae263de2f8d35e3c38c54a9d4cb Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Mon, 1 Jun 2026 16:17:04 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=AE=BE=E7=BD=AE=E9=A1=B5=E5=AF=86?=
 =?UTF-8?q?=E7=A0=81=E6=8F=90=E7=A4=BA=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../setting/components/SecuritySection.vue    | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/views/setting/components/SecuritySection.vue b/src/views/setting/components/SecuritySection.vue
index c957f76..91cb92a 100644
--- a/src/views/setting/components/SecuritySection.vue
+++ b/src/views/setting/components/SecuritySection.vue
@@ -78,11 +78,14 @@
 		<div v-show="isEditing && isEditingPassword" class="security-row">
 			<div class="security-label">{{ t('Settings.security.newPassword') }}</div>
 			<div class="outlined-field">
+				<PasswordTip :value="newPassword" v-show="showNewPWDTip" />
 				<el-input
 					:model-value="newPassword"
 					type="password"
 					show-password
 					:placeholder="t('Settings.security.newPasswordPlaceholder')"
+					@blur="showNewPWDTip = false"
+					@focus="showNewPWDTip = true"
 					@update:model-value="emit('update:newPassword', String($event))"
 				/>
 			</div>
@@ -92,12 +95,15 @@
 		<div v-show="isEditing && isEditingPassword" class="security-row">
 			<div class="security-label">{{ t('Settings.security.currentPassword') }}</div>
 			<div class="outlined-field">
+				<PasswordTip :value="newPassword" v-show="showOldPWDTip" />
 				<el-input
 					:model-value="currentPassword"
 					type="password"
 					show-password
 					:placeholder="t('Settings.security.currentPasswordPlaceholder')"
 					@update:model-value="emit('update:currentPassword', String($event))"
+					@blur="showOldPWDTip = false"
+					@focus="showOldPWDTip = true"
 				/>
 			</div>
 		</div>
@@ -106,8 +112,10 @@
 </template>
 
 <script setup lang="ts">
+	import { ref } from 'vue'
 	import { useI18n } from 'vue-i18n'
 	import SettingsSection from './SettingsSection.vue'
+	import PasswordTip from '@/views/login/password-tip.vue'
 
 	defineProps<{
 		email: string
@@ -132,6 +140,9 @@
 	}>()
 
 	const { t } = useI18n()
+
+	const showNewPWDTip = ref(false)
+	const showOldPWDTip = ref(false)
 </script>
 
 <style lang="less" scoped>
@@ -199,7 +210,14 @@
 
 	.outlined-field {
 		.field-frame();
-
+		position: relative;
+		:deep(.password-tip) {
+			position: absolute;
+			top: 0;
+			left: 0;
+			width: 100%;
+			transform: translateY(-100%);
+		}
 		:deep(.el-input) {
 			width: 100%;
 			min-height: 4rem;