From 107a95e57aa1cf3e42a704db891c8033f7c0ecd4 Mon Sep 17 00:00:00 2001
From: Rogee <rogee@ipao.vip>
Date: Fri, 26 Dec 2025 22:43:27 +0800
Subject: [PATCH] =?UTF-8?q?feat(auth):=20=E4=BC=98=E5=8C=96=E7=99=BB?=
 =?UTF-8?q?=E5=BD=95=E8=A7=86=E5=9B=BE=EF=BC=8C=E8=B0=83=E6=95=B4=E6=89=8B?=
 =?UTF-8?q?=E6=9C=BA=E5=8F=B7=E5=92=8C=E9=AA=8C=E8=AF=81=E7=A0=81=E8=BE=93?=
 =?UTF-8?q?=E5=85=A5=E6=A1=86=E6=A0=B7=E5=BC=8F=EF=BC=8C=E6=8F=90=E5=8D=87?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/portal/src/views/auth/LoginView.vue | 21 ++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/frontend/portal/src/views/auth/LoginView.vue b/frontend/portal/src/views/auth/LoginView.vue
index 7cb9845..a436601 100644
--- a/frontend/portal/src/views/auth/LoginView.vue
+++ b/frontend/portal/src/views/auth/LoginView.vue
@@ -28,7 +28,7 @@
               <input 
                 v-model="phone"
                 type="tel" 
-                class="flex-1 block w-full rounded-r-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500 sm:text-lg py-3" 
+                class="flex-1 block w-full rounded-r-lg border border-slate-300 focus:border-primary-500 focus:ring-primary-500 sm:text-lg py-3 px-4" 
                 placeholder="请输入手机号"
                 required
               >
@@ -74,12 +74,14 @@
          <h2 class="text-2xl font-bold text-slate-900 mb-2">输入验证码</h2>
          <p class="text-sm text-slate-500 mb-8">验证码已发送至 +86 {{ phone }}</p>
 
-         <div class="flex gap-3 mb-8 justify-center">
+         <div class="mb-8">
             <input 
-              v-for="i in 6" :key="i"
+              v-model="otpCode"
               type="text" 
-              maxlength="1"
-              class="w-12 h-14 text-center text-2xl font-bold border border-slate-300 rounded-lg focus:border-primary-500 focus:ring-2 focus:ring-primary-200"
+              maxlength="4"
+              class="w-full h-14 px-4 text-center text-3xl font-bold border border-slate-300 rounded-lg focus:border-primary-500 focus:ring-4 focus:ring-primary-100 outline-none tracking-[1.5em] pl-[1.5em]"
+              placeholder="0000"
+              @input="otpCode = otpCode.replace(/\D/g, '')"
             >
          </div>
 
@@ -105,6 +107,7 @@ import { useRouter } from 'vue-router';
 const router = useRouter();
 const step = ref(1);
 const phone = ref('');
+const otpCode = ref('');
 const agreed = ref(false);
 
 const getOTP = () => {
@@ -117,8 +120,10 @@ const getOTP = () => {
 
 const login = () => {
     // Simulate Login
-    setTimeout(() => {
-        router.push('/');
-    }, 800);
+    if (otpCode.value.length >= 4) {
+        setTimeout(() => {
+            router.push('/');
+        }, 800);
+    }
 };
 </script>