diff --git a/frontend/src/assets/wechat-receive-qr-example.png b/frontend/src/assets/wechat-receive-qr-example.png new file mode 100644 index 0000000..aba9054 Binary files /dev/null and b/frontend/src/assets/wechat-receive-qr-example.png differ diff --git a/frontend/src/features/wallet/components/PaymentAccountDialog.vue b/frontend/src/features/wallet/components/PaymentAccountDialog.vue index 562710d..58ec2ce 100644 --- a/frontend/src/features/wallet/components/PaymentAccountDialog.vue +++ b/frontend/src/features/wallet/components/PaymentAccountDialog.vue @@ -2,6 +2,7 @@ import { ref, watch } from 'vue' import { ElMessage } from 'element-plus' import { Upload, Delete, Loading } from '@element-plus/icons-vue' +import wechatReceiveQrExample from '@/assets/wechat-receive-qr-example.png' import { createPaymentAccount, @@ -195,9 +196,21 @@ function removeImage(index: number) { - + +
+
+ 微信收款二维码上传提醒 +

请在微信收款码页面点击保存收款码,上传保存后的二维码图片。

+

不要上传收款码截图、聊天截图或带页面背景的整屏截图。

+
+ 微信收款二维码示例 +
- 可上传收款码截图等凭证(可选,最多3张) + {{ + form.account_type === 'wechat' + ? '请上传保存后的微信收款二维码图片(可选,最多3张)' + : '可上传收款码截图等凭证(可选,最多3张)' + }}
@@ -271,6 +284,41 @@ function removeImage(index: number) { gap: 12px; } +.wechat-qr-tip { + display: grid; + grid-template-columns: minmax(0, 1fr) 128px; + gap: 12px; + align-items: center; + width: 100%; + margin-bottom: 12px; + border: 1px solid #fed7aa; + border-radius: 8px; + background: #fff7ed; + padding: 12px; + color: #92400e; +} + +.wechat-qr-tip strong { + display: block; + margin-bottom: 6px; + color: #c2410c; + font-size: 13px; +} + +.wechat-qr-tip p { + margin: 0; + font-size: 12px; + line-height: 1.6; +} + +.wechat-qr-tip img { + display: block; + width: 128px; + border-radius: 8px; + border: 1px solid #fde6c8; + background: #ffffff; +} + .certificate-item { position: relative; width: 100px; diff --git a/frontend/src/features/wallet/views/MobileWithdrawalView.vue b/frontend/src/features/wallet/views/MobileWithdrawalView.vue index 6966d93..ffdbc85 100644 --- a/frontend/src/features/wallet/views/MobileWithdrawalView.vue +++ b/frontend/src/features/wallet/views/MobileWithdrawalView.vue @@ -18,6 +18,7 @@ import { uploadFile } from '@/shared/api/files' import { readError } from '@/shared/utils/error' import { formatCent, formatMoney, yuanToCent } from '@/shared/utils/money' import { formatDateMinute } from '@/shared/utils/time' +import wechatReceiveQrExample from '@/assets/wechat-receive-qr-example.png' const router = useRouter() @@ -461,9 +462,20 @@ function statusType(status: string): 'primary' | 'success' | 'danger' | 'warning 账户名必须与实名认证姓名一致;提现将转账到该收款账号,请确认账号信息准确。
+
+
+ 微信收款二维码上传提醒 +

请在微信收款码页面点击保存收款码,上传保存后的二维码图片。

+

不要上传收款码截图、聊天截图或带页面背景的整屏截图。

+
+ 微信收款二维码示例 +
+
- 收款码/凭证截图 + {{ + accountForm.account_type === 'wechat' ? '微信收款二维码' : '收款码/凭证截图' + }} 最多3张
@@ -807,6 +819,40 @@ function statusType(status: string): 'primary' | 'success' | 'danger' | 'warning line-height: 1.6; } +.wechat-qr-tip { + display: grid; + grid-template-columns: minmax(0, 1fr) 108px; + gap: 10px; + align-items: center; + margin: 12px 0; + padding: 10px; + border: 1px solid #fed7aa; + border-radius: 10px; + background: #fff7ed; + color: #92400e; +} + +.wechat-qr-tip strong { + display: block; + margin-bottom: 5px; + color: #c2410c; + font-size: 13px; +} + +.wechat-qr-tip p { + margin: 0; + font-size: 12px; + line-height: 1.55; +} + +.wechat-qr-tip img { + display: block; + width: 108px; + border: 1px solid #fde6c8; + border-radius: 8px; + background: #ffffff; +} + .certificate-section { margin: 14px 0; }