From 8650b490d7b008923d99a5565336eb752ecedeff Mon Sep 17 00:00:00 2001
From: luo <luo@qq.com>
Date: Mon, 10 Aug 2026 15:57:09 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=89=AB=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/finance/agent-recharge/index.vue | 47 ++++++++++++++++++----
 1 file changed, 39 insertions(+), 8 deletions(-)

diff --git a/src/views/finance/agent-recharge/index.vue b/src/views/finance/agent-recharge/index.vue
index 124ed6d..f18fca9 100644
--- a/src/views/finance/agent-recharge/index.vue
+++ b/src/views/finance/agent-recharge/index.vue
@@ -160,13 +160,27 @@
           @closed="handleQrDialogClosed"
         >
           <div class="online-recharge-qr-dialog">
-            <QrcodeVue
-              v-if="qrContent"
-              :value="qrContent"
-              :size="240"
-              level="H"
-              render-as="canvas"
-            />
+            <template v-if="qrContent">
+              <div class="online-recharge-qr-dialog__code-surface">
+                <QrcodeVue
+                  :value="qrContent"
+                  :size="240"
+                  level="H"
+                  background="#FFFFFF"
+                  foreground="#000000"
+                  render-as="canvas"
+                />
+              </div>
+              <ElTag
+                v-if="onlinePaymentMethodLabel"
+                class="online-recharge-qr-dialog__method"
+                type="primary"
+                effect="dark"
+                size="large"
+              >
+                {{ onlinePaymentMethodLabel }}扫码支付
+              </ElTag>
+            </template>
             <ElEmpty v-else description="暂未获取到支付二维码" />
             <div v-if="onlineQrRecharge" class="online-recharge-qr-dialog__summary">
               <div>充值单号：{{ onlineQrRecharge.recharge_no || '-' }}</div>
@@ -552,9 +566,15 @@
       paymentMethodsLoading.value ||
       (createMode.value === 'online' && onlinePaymentMethods.value.length === 0)
   )
+  const onlinePaymentMethodLabel = computed(() => {
+    const method = onlineQrRecharge.value?.payment_method
+    if (method === 'wechat') return '微信支付'
+    if (method === 'alipay') return '支付宝'
+    return ''
+  })
   const onlinePaymentStatusMessage = computed(() => {
     const status = onlinePaymentStatus.value?.status ?? onlineQrRecharge.value?.status
-    if (status === 1) return '请使用对应支付方式扫码完成支付'
+    if (status === 1) return `请使用${onlinePaymentMethodLabel.value || '对应支付方式'}扫码完成支付`
     if (status === 2) return '支付已成功，钱包正在入账，请稍候'
     if (status === 3) return '充值成功，钱包已到账'
     if (status === 4) return '充值订单已关闭，请重新发起充值'
@@ -1357,6 +1377,17 @@
     align-items: center;
     gap: 16px;
 
+    &__code-surface {
+      display: flex;
+      padding: 20px;
+      background: #fff;
+      border-radius: 8px;
+    }
+
+    &__method {
+      font-weight: 600;
+    }
+
     &__summary {
       display: flex;
       flex-direction: column;