From 335d6ade0cd4f5258e15814a4e416f68c6c28550 Mon Sep 17 00:00:00 2001
From: zhongzm <zhongzm@agt.com>
Date: Tue, 11 Mar 2025 14:43:53 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BD=99=E9=A2=9D=E4=B8=BA0=E6=97=B6?=
 =?UTF-8?q?=E4=BD=99=E9=A2=9D=E6=94=AF=E4=BB=98=E6=A0=A1=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../order-confirm/orderConfirmModal.vue       | 29 +++++++++++++++++--
 src/locales/langs/en-us.ts                    |  1 +
 src/locales/langs/zh-cn.ts                    |  1 +
 3 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/src/components/order-confirm/orderConfirmModal.vue b/src/components/order-confirm/orderConfirmModal.vue
index c9f0450..2fab4c4 100644
--- a/src/components/order-confirm/orderConfirmModal.vue
+++ b/src/components/order-confirm/orderConfirmModal.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { defineProps, defineEmits } from 'vue';
+import { defineProps, defineEmits, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { AlipayOutlined, WechatOutlined, WalletOutlined } from '@ant-design/icons-vue';
 import { Modal } from 'ant-design-vue';
@@ -26,6 +26,17 @@ const orderTypeMap = {
   1: t('page.order.balanceRecharge')
 } as const;
 
+const isBalancePayDisabled = computed(() => {
+  // 如果余额未定义，禁用按钮
+  if (props.userBalance === undefined) return true;
+  // 如果余额为0，禁用按钮
+  if (props.userBalance === 0) return true;
+  // 如果余额小于订单金额，禁用按钮
+  if (props.userBalance < props.orderInfo.orderAmount) return true;
+  // 如果正在加载，禁用按钮
+  return props.loading || false;
+});
+
 const handleConfirm = (paymentMethod: 'alipay' | 'wxpay' | 'balance') => {
   if (paymentMethod === 'balance') {
     Modal.confirm({
@@ -84,9 +95,9 @@ const handleCancel = () => {
             v-if="orderInfo.orderType === 0"
             class="method-item"
             :class="{
-              disabled: !enableBalancePay || loading,
+              disabled: isBalancePayDisabled,
             }"
-            @click="(!loading && enableBalancePay) && handleConfirm('balance')"
+            @click="!isBalancePayDisabled && handleConfirm('balance')"
           >
             <div class="debug-info" style="display: none;">
               Enable balance pay: {{ enableBalancePay }}
@@ -95,6 +106,10 @@ const handleCancel = () => {
             <span>{{ t('page.order.balancePay') }}</span>
             <div class="balance-info" v-if="userBalance !== undefined">
               {{ t('page.order.availableBalance') }}: ¥{{ userBalance.toFixed(2) }}
+              <template v-if="userBalance < orderInfo.orderAmount">
+                <br>
+                <span class="balance-insufficient">{{ t('page.order.insufficientBalance') }}</span>
+              </template>
             </div>
           </div>
           <div
@@ -216,6 +231,14 @@ const handleCancel = () => {
   margin-top: 4px;
 }
 
+.balance-insufficient {
+  color: #ff4d4f;
+  font-size: 12px;
+  display: block;
+  text-align: center;
+  margin-top: 4px;
+}
+
 :deep(.ant-spin-container) {
   position: relative;
 }
diff --git a/src/locales/langs/en-us.ts b/src/locales/langs/en-us.ts
index 5c0b37e..b154369 100644
--- a/src/locales/langs/en-us.ts
+++ b/src/locales/langs/en-us.ts
@@ -730,6 +730,7 @@ const local: any = {
       balancePayConfirm:'Are you sure you want to pay?',
       cancel:'Cancel',
       confirm:'Confirm',
+      insufficientBalance:'Insufficient balance'
     },
     kyc:{
       rejectReason:'Reject Reason：',
diff --git a/src/locales/langs/zh-cn.ts b/src/locales/langs/zh-cn.ts
index 7abe362..beb0599 100644
--- a/src/locales/langs/zh-cn.ts
+++ b/src/locales/langs/zh-cn.ts
@@ -736,6 +736,7 @@ const local:any = {
       balancePayConfirm:'确定要支付吗?',
       cancel:'取消',
       confirm:'确定',
+      insufficientBalance:'余额不足'
     },
      kyc:{
        rejectReason:'拒绝原因：',