From 0fe3f47207bf0e6fa7a84ce2548cb4f9bfee80c5 Mon Sep 17 00:00:00 2001
From: smail <likb_blue@163.com>
Date: Fri, 2 Oct 2026 21:37:58 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=96=B0=E5=A2=9E=E5=AE=A2?=
 =?UTF-8?q?=E6=88=B7=E7=AB=AF=E6=8E=88=E6=9D=83=E7=A0=81=E8=A1=A8=E5=8D=95?=
 =?UTF-8?q?=E6=97=A0=E6=B3=95=E5=9B=9E=E8=BD=A6=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ThirdPartyAuthorization/ThirdPartyAuthorization.vue  | 8 ++++++--
 test/review/protocol-frontend.test.mjs                   | 9 +++++++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.vue b/frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.vue
index 14930d6..eac7c8d 100644
--- a/frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.vue
+++ b/frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.vue
@@ -273,7 +273,10 @@
         <p class="dialog-tip">
           为您的设备（例如“iPhone 自带邮件”、“公司 Foxmail”、“Mac Mail”）创建独立授权码：
         </p>
-        <el-form @submit.prevent="submitCreateClient">
+        <el-form
+          id="client-credential-create-form"
+          @submit.prevent="submitCreateClient"
+        >
           <el-form-item label="客户端名称">
             <el-input
               v-model="newClientName"
@@ -304,7 +307,8 @@
             class="btn-primary-action"
             :loading="createLoading"
             :disabled="!newClientName.trim() || !createPassword || createLoading"
-            @click="submitCreateClient"
+            native-type="submit"
+            form="client-credential-create-form"
           >
             验证并生成
           </el-button>
diff --git a/test/review/protocol-frontend.test.mjs b/test/review/protocol-frontend.test.mjs
index 5b0e3d1..19a782b 100644
--- a/test/review/protocol-frontend.test.mjs
+++ b/test/review/protocol-frontend.test.mjs
@@ -46,3 +46,12 @@ test('客户端凭据操作验证本人密码且保留密码空白字符', () =>
   assert.match(source, /if \(verifyLoading\.value\) return/)
   assert.match(source, /finally \{\s+verifyPassword\.value = ''/)
 })
+
+test('新增客户端使用原生表单提交且保留防重复提交保护', () => {
+  const source = read('js')
+  const template = read('vue')
+  assert.match(template, /<el-form\s+id="client-credential-create-form"\s+@submit\.prevent="submitCreateClient"/)
+  assert.match(template, /native-type="submit"\s+form="client-credential-create-form"/)
+  assert.doesNotMatch(template, /@click="submitCreateClient"|@key(?:down|up)\.enter[^=]*="submitCreateClient"/)
+  assert.match(source, /const submitCreateClient = async \(\) => \{\s+if \(createLoading\.value\) return/)
+})