支持微信支付宝独立支付渠道

frontend/src/features/orders/views/MobileOrdersView.vue

@@ -2,10 +2,15 @@
 import { readError } from '@/shared/utils/error'
 import { onMounted, ref, computed } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
-import { showToast } from 'vant'
+import { showDialog, showToast } from 'vant'
 import MobileBottomNav from '@/components/MobileBottomNav.vue'
 
-import { fetchOrders, startOrderPayment, type Order } from '@/features/orders/api/orders'
+import {
+  fetchOrders,
+  startOrderPayment,
+  type Order,
+  type PaymentPayWay,
+} from '@/features/orders/api/orders'
 import MobilePaymentCashierPopup from '@/features/orders/components/MobilePaymentCashierPopup.vue'
 import { useMobilePaymentCashier } from '@/features/orders/composables/useMobilePaymentCashier'
 import { centToYuan, formatMoney } from '@/shared/utils/money'
@@ -89,9 +94,11 @@ function goDetail(id: number) {
 }
 
 async function handlePay(order: Order) {
+  const payWay = await selectPayWay()
+  if (!payWay) return
   payingOrderId.value = order.id
   try {
-    const payment = await startOrderPayment(order.id)
+    const payment = await startOrderPayment(order.id, { pay_way: payWay })
     if (payment.paid) {
       showToast({ message: '支付成功，等待号主交接', icon: 'passed' })
       await loadOrders()
@@ -105,6 +112,23 @@ async function handlePay(order: Order) {
   }
 }
 
+// selectPayWay 在列表快捷支付前让用户选择支付宝或微信。
+async function selectPayWay(): Promise<PaymentPayWay | null> {
+  try {
+    await showDialog({
+      title: '选择支付方式',
+      message: '选择后将生成对应渠道的支付二维码。',
+      showCancelButton: true,
+      confirmButtonText: '支付宝支付',
+      cancelButtonText: '微信支付',
+      closeOnClickOverlay: false,
+    })
+    return 'ZFBZF'
+  } catch (action) {
+    return action === 'cancel' ? 'WXZF' : null
+  }
+}
+
 function money(value: unknown) {
   return formatMoney(Number(value || 0))
 }