From 5ca5df3a50f863cdbd1db07bbcbfd39ec42968af Mon Sep 17 00:00:00 2001
From: admin <admin@viaeon.com>
Date: Wed, 27 May 2026 10:14:15 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=8E=BB=E6=94=AF=E4=BB=98=E7=9B=B4?=
 =?UTF-8?q?=E6=8E=A5=E8=B7=B3=E8=BD=AC=E6=94=B6=E9=93=B6=E5=8F=B0=E6=89=AB?=
 =?UTF-8?q?=E7=A0=81=E6=94=AF=E4=BB=98=EF=BC=8C=E8=B6=85=E6=97=B6=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E8=B6=85=E6=97=B6=EF=BC=8C=E5=A4=B1=E8=B4=A5=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E9=94=99=E8=AF=AF=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/user/Checkout.vue    | 18 +++++++++++++++---
 frontend/src/views/user/OrderDetail.vue |  6 +-----
 frontend/src/views/user/Orders.vue      |  6 +-----
 3 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/frontend/src/views/user/Checkout.vue b/frontend/src/views/user/Checkout.vue
index ed23c8c..9910c81 100644
--- a/frontend/src/views/user/Checkout.vue
+++ b/frontend/src/views/user/Checkout.vue
@@ -56,6 +56,12 @@
       </div>
     </div>
 
+    <div class="checkout-card loading" v-else-if="paymentError">
+      <el-icon :size="40" color="#f56c6c"><CircleCloseFilled /></el-icon>
+      <p class="error-text">{{ paymentError }}</p>
+      <el-button @click="$router.push('/orders')">返回订单</el-button>
+    </div>
+
     <div class="checkout-card loading" v-else>
       <el-icon class="is-loading" :size="32"><Loading /></el-icon>
       <p>正在创建支付订单...</p>
@@ -67,7 +73,7 @@
 import { ref, onMounted, onUnmounted } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { ElMessage } from 'element-plus'
-import { Loading } from '@element-plus/icons-vue'
+import { Loading, CircleCloseFilled } from '@element-plus/icons-vue'
 import { orderApi } from '../../api'
 import QRCode from 'qrcode'
 
@@ -75,6 +81,7 @@ const route = useRoute()
 const router = useRouter()
 const qrCanvas = ref<HTMLCanvasElement>()
 const paymentInfo = ref<any>(null)
+const paymentError = ref('')
 const remaining = ref(0)
 const totalTime = ref(0)
 let pollTimer: any = null
@@ -97,8 +104,7 @@ async function createPayment() {
     startCountdown()
     startPolling()
   } catch (err: any) {
-    ElMessage.error(err.response?.data?.error || '创建支付失败')
-    router.push('/orders')
+    paymentError.value = err.response?.data?.error || '创建支付失败'
   }
 }
 
@@ -325,5 +331,11 @@ onUnmounted(() => {
     color: rgba(255, 255, 255, 0.5);
     margin-top: 16px;
   }
+
+  .error-text {
+    color: #f56c6c;
+    font-size: 15px;
+    margin: 16px 0;
+  }
 }
 </style>
diff --git a/frontend/src/views/user/OrderDetail.vue b/frontend/src/views/user/OrderDetail.vue
index 30b5802..e410e4d 100644
--- a/frontend/src/views/user/OrderDetail.vue
+++ b/frontend/src/views/user/OrderDetail.vue
@@ -111,11 +111,7 @@ onMounted(async () => {
 })
 
 function goPay() {
-  if (order.value?.payment_method === 'bepusdt') {
-    router.push(`/checkout/${order.value.id}`)
-  } else {
-    ElMessage.info('请联系客服完成支付')
-  }
+  router.push(`/checkout/${order.value.id}`)
 }
 
 async function applyRefund() {
diff --git a/frontend/src/views/user/Orders.vue b/frontend/src/views/user/Orders.vue
index 1e318fc..bd2525d 100644
--- a/frontend/src/views/user/Orders.vue
+++ b/frontend/src/views/user/Orders.vue
@@ -70,11 +70,7 @@ async function fetchOrders() {
 }
 
 function goPay(row: any) {
-  if (row.payment_method === 'bepusdt') {
-    router.push(`/checkout/${row.id}`)
-  } else {
-    ElMessage.info('请联系客服完成支付')
-  }
+  router.push(`/checkout/${row.id}`)
 }
 
 async function cancelOrder(id: number) {