From 576ab0c362a12c627da193abcad0ec4ef13b6926 Mon Sep 17 00:00:00 2001
From: Mrx <18278715334@163.com>
Date: Wed, 25 Feb 2026 16:37:42 +0800
Subject: [PATCH] up add sms
---
.env | 6 +
index.html | 8 +
src/auto-imports.d.ts | 1 +
src/components/BaseReport.vue | 1 +
src/components/InquireForm.vue | 37 +--
src/composables/useAliyunCaptcha.js | 221 ++++++++++++++++++
src/views/AgentPromoteDetails.vue | 4 +
src/views/AgentRewardsDetails.vue | 4 +
src/views/Login.vue | 41 ++--
src/views/Me.vue | 36 +--
src/views/Withdraw.vue | 99 +++++---
....timestamp-1771994358985-793c3aa69da34.mjs | 99 ++++++++
12 files changed, 470 insertions(+), 87 deletions(-)
create mode 100644 src/composables/useAliyunCaptcha.js
create mode 100644 vite.config.js.timestamp-1771994358985-793c3aa69da34.mjs
diff --git a/.env b/.env
index 55182d9..4b877b2 100644
--- a/.env
+++ b/.env
@@ -7,6 +7,12 @@ VITE_INQUIRE_AES_KEY=ff83609b2b24fc73196aac3d3dfb874f
VITE_WECHAT_APP_ID=wx442ee1ac1ee75917
+# 阿里云滑块验证码配置
+# 从阿里云验证码控制台获取 SceneId
+VITE_ALIYUN_CAPTCHA_SCENE_ID=wynt39to
+# 是否启用加密模式（true/false），需要在阿里云控制台开启加密模式
+# 注意：根据代码逻辑，设置为 true 表示禁用加密，设置为 false 表示启用加密
+VITE_ALIYUN_CAPTCHA_ENCRYPTED=true
VITE_CHAT_AES_KEY=qw5w6SFE2D1jmxyd
VITE_CHAT_AES_IV=345GDFED433223DF
diff --git a/index.html b/index.html
index 43615a0..57a5b19 100644
--- a/index.html
+++ b/index.html
@@ -109,6 +109,12 @@
delete window.wx;
+
+
+
+
@@ -207,6 +213,8 @@
加载中
+
+
diff --git a/src/auto-imports.d.ts b/src/auto-imports.d.ts
index e49c706..38b094f 100644
--- a/src/auto-imports.d.ts
+++ b/src/auto-imports.d.ts
@@ -119,6 +119,7 @@ declare global {
const useActiveElement: typeof import('@vueuse/core')['useActiveElement']
const useAgent: typeof import('./composables/useAgent.js')['useAgent']
const useAgentStore: typeof import('./stores/agentStore.js')['useAgentStore']
+ const useAliyunCaptcha: typeof import('./composables/useAliyunCaptcha.js')['useAliyunCaptcha']
const useAnimate: typeof import('@vueuse/core')['useAnimate']
const useApiFetch: typeof import('./composables/useApiFetch.js')['default']
const useAppStore: typeof import('./stores/appStore.js')['useAppStore']
diff --git a/src/components/BaseReport.vue b/src/components/BaseReport.vue
index 414bbbb..feb4aa2 100644
--- a/src/components/BaseReport.vue
+++ b/src/components/BaseReport.vue
@@ -703,6 +703,7 @@ const featureMap = {
name: "谛听多维报告",
component: defineAsyncComponent(() => import("@/ui/CDWBG8B4D/index.vue")),
},
+
// 谛听多维报告拆分模块
DWBG8B4D_Overview: {
name: "报告概览",
diff --git a/src/components/InquireForm.vue b/src/components/InquireForm.vue
index e9d7ede..aab855d 100644
--- a/src/components/InquireForm.vue
+++ b/src/components/InquireForm.vue
@@ -133,6 +133,7 @@ import { useUserStore } from "@/stores/userStore";
import { useDialogStore } from "@/stores/dialogStore";
import { useEnv } from "@/composables/useEnv";
import { showConfirmDialog } from "vant";
+import { useAliyunCaptcha } from "@/composables/useAliyunCaptcha";
import Payment from "@/components/Payment.vue";
import BindPhoneOnlyDialog from "@/components/BindPhoneOnlyDialog.vue";
@@ -200,6 +201,7 @@ const dialogStore = useDialogStore();
const userStore = useUserStore();
const { isWeChat } = useEnv();
const appStore = useAppStore();
+const { runWithCaptcha } = useAliyunCaptcha();
// 响应式数据
const showPayment = ref(false);
@@ -440,22 +442,27 @@ 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(),
+ (result) => {
+ const { data, error } = result
+ if (!error.value && data.value?.code === 200) {
+ showToast({ message: "验证码发送成功", type: "success" });
+ startCountdown();
+ nextTick(() => {
+ const verificationCodeInput = document.getElementById('verificationCode');
+ if (verificationCodeInput) {
+ verificationCodeInput.focus();
+ }
+ });
+ } else {
+ showToast({ message: data.value?.msg || "验证码发送失败，请重试" });
}
- });
- } else {
- showToast({ message: "验证码发送失败，请重试" });
- }
+ }
+ );
}
let timer = null;
diff --git a/src/composables/useAliyunCaptcha.js b/src/composables/useAliyunCaptcha.js
new file mode 100644
index 0000000..74a4035
--- /dev/null
+++ b/src/composables/useAliyunCaptcha.js
@@ -0,0 +1,221 @@
+import { showToast, showLoadingToast, closeToast } from 'vant'
+import useApiFetch from '@/composables/useApiFetch'
+
+// 阿里云验证码场景ID（从环境变量读取）
+const ALIYUN_CAPTCHA_SCENE_ID = import.meta.env.VITE_ALIYUN_CAPTCHA_SCENE_ID || 'wynt39to'
+
+// 是否启用加密模式（通过环境变量控制，非加密模式时前端不调用后端获取 EncryptedSceneId）
+const ENABLE_ENCRYPTED = import.meta.env.VITE_ALIYUN_CAPTCHA_ENCRYPTED === 'false'
+
+let captchaInitialized = false
+/** 首次初始化后，SDK 会异步调用 getInstance，用此 Promise 在实例就绪后再 show */
+let captchaReadyPromise = null
+let captchaReadyResolve = null
+
+async function ensureCaptchaInit() {
+ console.log('[AliyunCaptcha] ====== ensureCaptchaInit 开始执行 ======');
+
+ // 1. 检查是否已经初始化或非浏览器环境
+ if (captchaInitialized) {
+ console.log('[AliyunCaptcha] 已初始化，直接返回');
+ return;
+ }
+ if (typeof window === 'undefined') {
+ console.log('[AliyunCaptcha] 非浏览器环境，直接返回');
+ return;
+ }
+
+ // 2. 检查 SDK 是否存在
+ if (typeof window.initAliyunCaptcha !== 'function') {
+ console.error('[AliyunCaptcha] ❌ initAliyunCaptcha 不存在，SDK 可能未加载！请检查是否引入 captcha.js');
+ return;
+ }
+ console.log('[AliyunCaptcha] ✅ initAliyunCaptcha 函数存在，SDK 已加载');
+
+ // 3. 设置初始化状态
+ captchaInitialized = true;
+ window.captcha = null;
+ window.__lastBizResponse = null;
+ window.__onCaptchaBizSuccess = null;
+ captchaReadyPromise = new Promise((resolve) => {
+ captchaReadyResolve = resolve;
+ });
+ console.log('[AliyunCaptcha] 初始化状态已设置，创建 captchaReadyPromise');
+
+ // 4. 构建配置对象
+ const initConfig = {
+ SceneId: ALIYUN_CAPTCHA_SCENE_ID,
+ mode: 'popup',
+ element: '#captcha-element',
+
+ getInstance(instance) {
+ console.log('[AliyunCaptcha] 🎯 getInstance 被调用，实例已创建:', instance);
+ window.captcha = instance;
+ if (typeof captchaReadyResolve === 'function') {
+ console.log('[AliyunCaptcha] ✅ 调用 captchaReadyResolve()，通知实例就绪');
+ captchaReadyResolve();
+ captchaReadyResolve = null;
+ } else {
+ console.warn('[AliyunCaptcha] ⚠️ captchaReadyResolve 不是函数，可能已被调用');
+ }
+ },
+
+ captchaVerifyCallback(param) {
+ console.log('[AliyunCaptcha] 📞 captchaVerifyCallback 被调用，参数:', JSON.stringify(param, null, 2));
+ const result = typeof window.__captchaVerifyCallback === 'function'
+ ? window.__captchaVerifyCallback(param)
+ : Promise.resolve({ captchaResult: false, bizResult: false });
+
+ console.log('[AliyunCaptcha] 📤 captchaVerifyCallback 返回值:', result);
+ return result;
+ },
+
+ onBizResultCallback(bizResult) {
+ console.log('[AliyunCaptcha] 📬 onBizResultCallback 被调用，bizResult:', bizResult);
+ if (typeof window.__onBizResultCallback === 'function') {
+ window.__onBizResultCallback(bizResult);
+ } else {
+ console.warn('[AliyunCaptcha] ⚠️ __onBizResultCallback 不是函数');
+ }
+ window.__lastBizResponse = null;
+ window.__onCaptchaBizSuccess = null;
+ },
+
+ slideStyle: { width: 360, height: 40 },
+ language: 'cn',
+ };
+
+ console.log('[AliyunCaptcha] 📋 构建的 initConfig:', JSON.stringify(initConfig, null, 2));
+
+ // 5. 判断加密模式
+ if (!ENABLE_ENCRYPTED) {
+ console.log('[AliyunCaptcha] 🔓 使用非加密模式（ENABLE_ENCRYPTED = false）');
+ console.log('[AliyunCaptcha] 📤 调用 window.initAliyunCaptcha(initConfig)');
+ try {
+ window.initAliyunCaptcha(initConfig);
+ console.log('[AliyunCaptcha] ✅ initAliyunCaptcha 调用完成（非加密模式）');
+ } catch (err) {
+ console.error('[AliyunCaptcha] ❌ initAliyunCaptcha 调用失败（非加密模式）:', err);
+ }
+ return;
+ }
+
+ // 6. 加密模式：获取 encryptedSceneId
+ console.log('[AliyunCaptcha] 🔐 使用加密模式（ENABLE_ENCRYPTED = true）');
+ console.log('[AliyunCaptcha] 📡 请求后端接口获取 encryptedSceneId: /captcha/encryptedSceneId');
+
+ let resp, encryptedSceneId;
+ try {
+ const { data, error } = await useApiFetch('/captcha/encryptedSceneId')
+ .post()
+ .json();
+
+ console.log('[AliyunCaptcha] 📥 后端接口响应:', { data: data?.value, error: error?.value });
+
+ resp = data?.value;
+ encryptedSceneId = resp?.data?.encryptedSceneId;
+
+ if (error?.value) {
+ console.error('[AliyunCaptcha] ❌ 后端接口请求失败:', error.value);
+ }
+ if (!encryptedSceneId) {
+ console.error('[AliyunCaptcha] ❌ encryptedSceneId 为空，响应数据:', resp);
+ }
+ } catch (err) {
+ console.error('[AliyunCaptcha] ❌ 请求 encryptedSceneId 时发生异常:', err);
+ resp = null;
+ encryptedSceneId = null;
+ }
+
+ if (error?.value || !encryptedSceneId) {
+ console.error('[AliyunCaptcha] ❌ 获取 encryptedSceneId 失败，error:', error?.value, 'encryptedSceneId:', encryptedSceneId);
+ showToast({ message: '获取验证码参数失败，请稍后重试' });
+ captchaInitialized = false;
+ captchaReadyPromise = null;
+ captchaReadyResolve = null;
+ console.log('[AliyunCaptcha] 🔄 重置初始化状态，等待下次重试');
+ return;
+ }
+
+ console.log('[AliyunCaptcha] ✅ 成功获取 encryptedSceneId:', encryptedSceneId);
+ initConfig.EncryptedSceneId = encryptedSceneId;
+ console.log('[AliyunCaptcha] 📤 调用 window.initAliyunCaptcha(initConfig)（加密模式）');
+
+ try {
+ console.log('[AliyunCaptcha] 开始调用 window.initAliyunCaptcha(initConfig)（加密模式）')
+ window.initAliyunCaptcha(initConfig)
+ console.log('[AliyunCaptcha] ✅ window.initAliyunCaptcha 调用完成（加密模式）')
+ } catch (err) {
+ console.error('[AliyunCaptcha] ❌ window.initAliyunCaptcha 调用失败（加密模式）:', err)
+ }
+
+}
+
+/**
+ * 阿里云滑块验证码通用封装。
+ * 依赖 index.html 中已加载的 AliyunCaptcha.js；初始化在首次调起时执行。
+ *
+ * @param { (captchaVerifyParam: string) => Promise<{ data: Ref, error: Ref }> } bizVerify - 业务请求函数，接收滑块参数，返回 useApiFetch 的 { data, error }
+ * @param { (res: any) => void } [onSuccess] - 业务成功回调（code===200 时调用，传入接口返回的 data.value）
+ */
+export function useAliyunCaptcha() {
+ /**
+ * 先弹出滑块，通过后执行 bizVerify(captchaVerifyParam)，再根据结果调用 onSuccess。
+ */
+ async function runWithCaptcha(bizVerify, onSuccess) {
+ if (typeof window === 'undefined') {
+ showToast({ message: '验证码仅支持浏览器环境' })
+ return
+ }
+
+ showLoadingToast({
+ message: '安全验证加载中...',
+ forbidClick: true,
+ duration: 0,
+ loadingType: 'spinner',
+ })
+
+ try {
+ window.__captchaVerifyCallback = async (captchaVerifyParam) => {
+ window.__lastBizResponse = null
+ const { data, error } = await bizVerify(captchaVerifyParam)
+ const result = data?.value ?? data
+ if (error?.value || !result) {
+ return { captchaResult: false, bizResult: false }
+ }
+ window.__lastBizResponse = result
+ const captchaOk = result.captchaVerifyResult !== false
+ const bizOk = result.code === 200
+ return { captchaResult: captchaOk, bizResult: bizOk }
+ }
+
+ window.__onBizResultCallback = (bizResult) => {
+ if (
+ bizResult === true &&
+ window.__lastBizResponse &&
+ typeof window.__onCaptchaBizSuccess === 'function'
+ ) {
+ window.__onCaptchaBizSuccess(window.__lastBizResponse)
+ }
+ }
+
+ await ensureCaptchaInit()
+
+ // 首次初始化时 SDK 会异步调用 getInstance，需等待实例就绪后再 show
+ if (captchaReadyPromise) {
+ await captchaReadyPromise
+ captchaReadyPromise = null
+ }
+ if (!window.captcha) {
+ showToast({ message: '验证码未加载，请刷新页面重试' })
+ return
+ }
+ window.__onCaptchaBizSuccess = onSuccess
+ window.captcha.show()
+ } finally {
+ closeToast()
+ }
+ }
+
+ return { runWithCaptcha }
+}
diff --git a/src/views/AgentPromoteDetails.vue b/src/views/AgentPromoteDetails.vue
index ea98104..cccb1fa 100644
--- a/src/views/AgentPromoteDetails.vue
+++ b/src/views/AgentPromoteDetails.vue
@@ -18,6 +18,10 @@
+
+