From b9848c975b079af7c87a8bd5377e353cbc22b562 Mon Sep 17 00:00:00 2001
From: guoapeng <GuoAnPeng@163.com>
Date: Sat, 19 Apr 2025 10:29:19 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E5=A4=8D=E5=AF=86=E7=A0=81?=
 =?UTF-8?q?=E8=B6=85=E8=BF=874=E4=BD=8D=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Index/components/Setting/EnterPinModal.vue  | 4 ++--
 src/pages/Index/components/Setting/UpdatePinModal.vue | 9 ++++++---
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/pages/Index/components/Setting/EnterPinModal.vue b/src/pages/Index/components/Setting/EnterPinModal.vue
index 6f87da4..d74995a 100644
--- a/src/pages/Index/components/Setting/EnterPinModal.vue
+++ b/src/pages/Index/components/Setting/EnterPinModal.vue
@@ -8,7 +8,7 @@
         </div>
         <div class="modal-body">
           <div class="input-container">
-            <input :type="isShowType?'text':'password'" v-model="pin" placeholder="输入密码" @focus="showKeyboard()" class="pin-input" />
+            <input :maxlength="4" :type="isShowType?'text':'password'" v-model="pin" placeholder="输入密码" @focus="showKeyboard()" class="pin-input" />
             <el-icon class="pwd-view" @click="isShowType = !isShowType"><View /></el-icon>
           </div>
         </div>
@@ -75,7 +75,7 @@ const handleKeyboardInput = (value: string) => {
   // 更新当前输入值
   currentInputValue.value = value
   // 更新对应字段的值
-  pin.value = value
+  pin.value = value.slice(0, 4)
 }
 
 // 处理键盘按键
diff --git a/src/pages/Index/components/Setting/UpdatePinModal.vue b/src/pages/Index/components/Setting/UpdatePinModal.vue
index 642d8b5..dff2e74 100644
--- a/src/pages/Index/components/Setting/UpdatePinModal.vue
+++ b/src/pages/Index/components/Setting/UpdatePinModal.vue
@@ -10,6 +10,7 @@
           <div class="input-container">
             <div>
               <input
+                :maxlength="4"
                 :type="showoldpasswd ? 'text' : 'password'"
                 v-model="oldpasswd"
                 placeholder="输入旧密码"
@@ -23,6 +24,7 @@
             <br />
             <div>
               <input
+                :maxlength="4"
                 :type="showPassword ? 'text' : 'password'"
                 v-model="password"
                 placeholder="输入新密码"
@@ -36,6 +38,7 @@
             <br />
             <div>
               <input
+                :maxlength="4"
                 :type="showConfirmPassword ? 'text' : 'password'"
                 v-model="confirmPassword"
                 placeholder="输入确认新密码"
@@ -171,11 +174,11 @@ const handleKeyboardInput = (value: string) => {
   // 更新对应字段的值
 
   if (currentInputField.value === 'oldpasswd') {
-    oldpasswd.value = value
+    oldpasswd.value = value.slice(0, 4)
   } else if (currentInputField.value == 'password') {
-    password.value = value
+    password.value = value.slice(0, 4)
   } else if (currentInputField.value == 'confirmPassword') {
-    confirmPassword.value = value
+    confirmPassword.value = value.slice(0, 4)
   }
 }