fix: 封装微信支付

pages/package-order/package-order.vue

@@ -81,6 +81,7 @@
 	import { ref, reactive, onMounted } from 'vue';
 	import { assetApi, orderApi, walletApi } from '@/api/index.js';
 	import { useUserStore } from '@/store/index.js';
+	import { wechatH5Pay, handlePaymentError, showPaymentToast } from '@/utils/payment.js';
 
 	const userStore = useUserStore();
 
@@ -276,63 +277,18 @@
 	};
 
 	const handleWechatPay = async (payConfig, isForceRecharge = false) => {
-		// 验证参数
-		if (!payConfig.package || !payConfig.package.startsWith('prepay_id=')) {
-			uni.showToast({ title: '支付参数无效', icon: 'none' });
-			return;
+		try {
+			await wechatH5Pay(payConfig);
+			// 支付成功
+			const successMsg = isForceRecharge ? '充值成功，套餐将自动购买' : '支付成功';
+			showPaymentToast(true, successMsg);
+			setTimeout(() => {
+				loadWalletBalance();
+			}, 1500);
+		} catch (error) {
+			// 支付失败或取消
+			handlePaymentError(error);
 		}
-
-		// #ifdef H5
-		if (typeof WeixinJSBridge === 'undefined') {
-			uni.showToast({ title: '请在微信中打开', icon: 'none' });
-			return;
-		}
-
-		WeixinJSBridge.invoke('getBrandWCPayRequest', {
-			appId: payConfig.app_id,
-			timeStamp: payConfig.timestamp,
-			nonceStr: payConfig.nonce_str,
-			package: payConfig.package,
-			signType: payConfig.sign_type,
-			paySign: payConfig.pay_sign
-		}, function(res) {
-			if (res.err_msg === 'get_brand_wcpay_request:ok') {
-				const successMsg = isForceRecharge ? '充值成功，套餐将自动购买' : '支付成功';
-				uni.showToast({ title: successMsg, icon: 'success', duration: 2000 });
-				setTimeout(() => {
-					loadWalletBalance();
-				}, 1500);
-			} else if (res.err_msg === 'get_brand_wcpay_request:cancel') {
-				uni.showToast({ title: '已取消支付', icon: 'none' });
-			} else {
-				uni.showToast({ title: '支付失败', icon: 'none' });
-			}
-		});
-		// #endif
-
-		// #ifndef H5
-		uni.requestPayment({
-			timeStamp: payConfig.timestamp,
-			nonceStr: payConfig.nonce_str,
-			package: payConfig.package,
-			signType: payConfig.sign_type,
-			paySign: payConfig.pay_sign,
-			success: (res) => {
-				const successMsg = isForceRecharge ? '充值成功，套餐将自动购买' : '支付成功';
-				uni.showToast({ title: successMsg, icon: 'success', duration: 2000 });
-				setTimeout(() => {
-					loadWalletBalance();
-				}, 1500);
-			},
-			fail: (err) => {
-				if (err.errMsg && (err.errMsg.includes('cancel') || err.errMsg.includes('用户取消'))) {
-					uni.showToast({ title: '已取消支付', icon: 'none' });
-				} else {
-					uni.showToast({ title: '支付失败', icon: 'none' });
-				}
-			}
-		});
-		// #endif
 	};
 
 	onMounted(() => {