From e914f1db330abd6afa6d70a82929aba3c1d4ad0b Mon Sep 17 00:00:00 2001
From: mh-swift <zuojiadazhongma@gmail.com>
Date: Thu, 11 Jul 2024 17:10:38 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E9=81=BF=E5=85=8D=E8=BF=9E=E7=82=B9ent?=
 =?UTF-8?q?er=E7=99=BB=E5=BD=95=E5=AF=BC=E8=87=B4=E5=BC=82=E5=B8=B8?=
 =?UTF-8?q?=E7=99=BB=E5=BD=95=E6=97=A5=E5=BF=97=E8=A7=A6=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/login/login/form.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/web/src/views/login/login/form.vue b/web/src/views/login/login/form.vue
index eb09267..81ea181 100644
--- a/web/src/views/login/login/form.vue
+++ b/web/src/views/login/login/form.vue
@@ -9,7 +9,7 @@
     <template v-if="mode === 'account'">
       <n-form-item path="username">
         <n-input
-          @keyup.enter="handleSubmit"
+          @keyup.enter="debounceHandleSubmit"
           v-model:value="formInline.username"
           placeholder="请输入用户名"
         >
@@ -22,7 +22,7 @@
       </n-form-item>
       <n-form-item path="pass">
         <n-input
-          @keyup.enter="handleSubmit"
+          @keyup.enter="debounceHandleSubmit"
           v-model:value="formInline.pass"
           type="password"
           show-password-on="click"
@@ -41,7 +41,7 @@
           <n-input
             :style="{ width: '100%' }"
             placeholder="验证码"
-            @keyup.enter="handleSubmit"
+            @keyup.enter="debounceHandleSubmit"
             v-model:value="formInline.code"
           >
             <template #prefix>
@@ -137,6 +137,7 @@
   import { useSendCode } from '@/hooks/common';
   import { SendSms } from '@/api/system/user';
   import { validate } from '@/utils/validateUtil';
+  import { useDebounceFn } from '@vueuse/core';
 
   interface Props {
     mode: string;
@@ -172,7 +173,9 @@
   const { sendLabel, isCounting, loading: sendLoading, activateSend } = useSendCode();
   const emit = defineEmits(['updateActiveModule']);
   const LOGIN_NAME = PageEnum.BASE_LOGIN_NAME;
-
+  const debounceHandleSubmit = useDebounceFn((e) => {
+    handleSubmit(e);
+  }, 500);
   const formInline = ref<FormState>({
     username: '',
     pass: '',
@@ -274,7 +277,7 @@
 
   function handleLogin(e) {
     if (props.mode === 'account') {
-      handleSubmit(e);
+      debounceHandleSubmit(e);
       return;
     }