f

src/views/InvitationAgentApply.vue

@@ -33,6 +33,8 @@
 
 <script setup>
 import { aesDecrypt } from "@/utils/crypto";
+import { useAliyunCaptcha } from '@/composables/useAliyunCaptcha'
+const { runWithCaptcha } = useAliyunCaptcha()
 const showApplyPopup = ref(false);
 const route = useRoute();
 const router = useRouter();
@@ -48,6 +50,7 @@ const agentApply = () => {
     showApplyPopup.value = true;
 };
 
+
 // 跳转到首页
 const goToHome = () => {
     router.replace("/promote");
@@ -85,42 +88,49 @@ const submitApplication = async (formData) => {
     // 根据是否已登录选择不同的API
     const isLoggedIn = !!localStorage.getItem("token");
     const apiCall = isLoggedIn ? applyForAgent : registerByInviteCode;
-    
-    let postData = {
-        region,
-        mobile,
-        wechat_id,
-        code,
-        referrer,
-    };
 
-    const { data, error } = await apiCall(postData);
-
-    if (data.value && !error.value) {
-        if (data.value.code === 200) {
-            showApplyPopup.value = false;
-            showToast({ message: "注册成功，您已成为代理！" });
-            // 更新token和状态
-            if (data.value.data.accessToken) {
-                localStorage.setItem("token", data.value.data.accessToken);
-                localStorage.setItem(
-                    "refreshAfter",
-                    data.value.data.refreshAfter
-                );
-                localStorage.setItem(
-                    "accessExpire",
-                    data.value.data.accessExpire
-                );
-                // 重新获取代理状态
-                await store.fetchAgentStatus();
-                await userStore.fetchUserInfo();
-                // 跳转到代理主页
-                router.replace("/agent");
+    // 使用滑块验证码保护申请接口
+    runWithCaptcha(
+        (captchaVerifyParam) => {
+            let postData = {
+                region,
+                mobile,
+                wechat_id,
+                code,
+                referrer,
+                captchaVerifyParam,
+            };
+            return apiCall(postData);
+        },
+        async ({ data, error }) => {
+            if (data.value && !error.value) {
+                if (data.value.code === 200) {
+                    showApplyPopup.value = false;
+                    showToast({ message: "注册成功，您已成为代理！" });
+                    // 更新token和状态
+                    if (data.value.data.accessToken) {
+                        localStorage.setItem("token", data.value.data.accessToken);
+                        localStorage.setItem(
+                            "refreshAfter",
+                            data.value.data.refreshAfter
+                        );
+                        localStorage.setItem(
+                            "accessExpire",
+                            data.value.data.accessExpire
+                        );
+                        // 重新获取代理状态
+                        await store.fetchAgentStatus();
+                        await userStore.fetchUserInfo();
+                        // 跳转到代理主页
+                        router.replace("/agent");
+                    }
+                } else {
+                    console.log("申请失败", data.value);
+                    showToast({ message: data.value.msg || "申请失败" });
+                }
             }
-        } else {
-            console.log("申请失败", data.value);
         }
-    }
+    );
 };
 </script>