add

src/components/AgentApplicationForm.vue

@@ -121,8 +121,11 @@
 const router = useRouter();
 const show = defineModel("show");
 import { useCascaderAreaData } from "@vant/area-data";
+import { useAliyunCaptcha } from "@/composables/useAliyunCaptcha";
 import { showToast } from "vant"; // 引入 showToast 方法
 const emit = defineEmits(); // 确保 emit 可以正确使用
+
+const { runWithCaptcha } = useAliyunCaptcha();
 const props = defineProps({
     ancestor: {
         type: String,
@@ -169,22 +172,20 @@ const getSmsCode = async () => {
         return;
     }
 
-    loadingSms.value = true;
-
-    const { data, error } = await useApiFetch("auth/sendSms")
-        .post({ mobile: form.value.mobile, actionType: "agentApply" })
-        .json();
-
-    loadingSms.value = false;
-
-    if (data.value && !error.value) {
-        if (data.value.code === 200) {
-            showToast({ message: "获取成功" });
-            startCountdown(); // 启动倒计时
-        } else {
-            showToast(data.value.msg);
+    runWithCaptcha(
+        (captchaVerifyParam) =>
+            useApiFetch("auth/sendSms")
+                .post({ mobile: form.value.mobile, actionType: "agentApply", captchaVerifyParam })
+                .json(),
+        (res) => {
+            if (res.code === 200) {
+                showToast({ message: "获取成功" });
+                startCountdown();
+            } else {
+                showToast(res.msg || "获取失败，请重试");
+            }
         }
-    }
+    );
 };
 let timer = null;
 

src/components/InquireForm.vue

@@ -282,8 +282,11 @@ import { useRoute, useRouter } from "vue-router";
 import { useUserStore } from "@/stores/userStore";
 import { useDialogStore } from "@/stores/dialogStore";
 import { useEnv } from "@/composables/useEnv";
+import { useAliyunCaptcha } from "@/composables/useAliyunCaptcha";
 import { showConfirmDialog } from "vant";
 
+const { runWithCaptcha } = useAliyunCaptcha();
+
 import Payment from "@/components/Payment.vue";
 import BindPhoneDialog from "@/components/BindPhoneDialog.vue";
 import LoginDialog from "@/components/LoginDialog.vue";
@@ -631,22 +634,26 @@ async function sendVerificationCode() {
         return;
     }
 
-    const { data, error } = await useApiFetch("/auth/sendSms")
-        .post({ mobile: formData.mobile, actionType: "query" })
-        .json();
-
-    if (!error.value && data.value.code === 200) {
-        showToast({ message: "验证码发送成功", type: "success" });
-        startCountdown();
-        nextTick(() => {
-            const verificationCodeInput = document.getElementById('verificationCode');
-            if (verificationCodeInput) {
-                verificationCodeInput.focus();
+    runWithCaptcha(
+        (captchaVerifyParam) =>
+            useApiFetch("/auth/sendSms")
+                .post({ mobile: formData.mobile, actionType: "query", captchaVerifyParam })
+                .json(),
+        (res) => {
+            if (res.code === 200) {
+                showToast({ message: "验证码发送成功", type: "success" });
+                startCountdown();
+                nextTick(() => {
+                    const verificationCodeInput = document.getElementById('verificationCode');
+                    if (verificationCodeInput) {
+                        verificationCodeInput.focus();
+                    }
+                });
+            } else {
+                showToast({ message: res.msg || "验证码发送失败，请重试" });
             }
-        });
-    } else {
-        showToast({ message: "验证码发送失败，请重试" });
-    }
+        }
+    );
 }
 
 let timer = null;