feat(components): 新增 GiftCard礼品卡组件

- 新增 GiftCard 组件，支持多种类型礼品卡的展示和交互
- 组件包含商品信息、价格、折扣、使用指南等丰富功能- 优化图像展示，支持单

src/utils/payment.ts

@@ -42,51 +42,77 @@ export class PaymentHandler {
       // 设置支付类型
       orderData.payType = paymentType;
 
+      console.log('创建订单请求:', orderData);
+
       // 创建订单
       const result = await createOrder(orderData);
 
+      console.log('订单创建结果:', result);
+
       if (!result) {
         throw new Error('创建订单失败');
       }
 
+      // 验证订单创建结果
+      if (!result.orderNo) {
+        throw new Error('订单号获取失败');
+      }
+
+      let paymentSuccess = false;
+
       // 根据支付类型处理
       switch (paymentType) {
         case PaymentType.WECHAT:
           await this.handleWechatPay(result);
+          paymentSuccess = true;
           break;
         case PaymentType.BALANCE:
-          await this.handleBalancePay(result);
+          paymentSuccess = await this.handleBalancePay(result);
           break;
         case PaymentType.ALIPAY:
           await this.handleAlipay(result);
+          paymentSuccess = true;
           break;
         default:
           throw new Error('不支持的支付方式');
       }
 
-      // 支付成功处理
-      Taro.showToast({
-        title: '支付成功',
-        icon: 'success'
-      });
+      // 只有确认支付成功才显示成功提示和跳转
+      if (paymentSuccess) {
+        console.log('支付成功，订单号:', result.orderNo);
 
-      callback?.onSuccess?.();
+        Taro.showToast({
+          title: '支付成功',
+          icon: 'success'
+        });
 
-      // 跳转到订单页面
-      setTimeout(() => {
-        Taro.switchTab({ url: '/pages/order/order' });
-      }, 2000);
+        callback?.onSuccess?.();
+
+        // 跳转到订单页面
+        setTimeout(() => {
+          Taro.navigateTo({ url: '/user/order/order' });
+        }, 2000);
+      } else {
+        throw new Error('支付未完成');
+      }
 
     } catch (error: any) {
       console.error('支付失败:', error);
-      const errorMessage = error.message || '支付失败';
+
+      // 获取详细错误信息
+      const errorMessage = this.getErrorMessage(error);
 
       Taro.showToast({
         title: errorMessage,
         icon: 'error'
       });
 
+      // 标记错误已处理，避免上层重复处理
+      error.handled = true;
       callback?.onError?.(errorMessage);
+
+      // 重新抛出错误，让上层知道支付失败
+      throw error;
     } finally {
       Taro.hideLoading();
       callback?.onComplete?.();
@@ -97,28 +123,78 @@ export class PaymentHandler {
    * 处理微信支付
    */
   private static async handleWechatPay(result: WxPayResult): Promise<void> {
+    console.log('处理微信支付:', result);
+
     if (!result) {
       throw new Error('微信支付参数错误');
     }
 
-    await Taro.requestPayment({
-      timeStamp: result.timeStamp,
-      nonceStr: result.nonceStr,
-      package: result.package,
-      signType: result.signType as any, // 类型转换，因为微信支付的signType是字符串
-      paySign: result.paySign,
-    });
+    // 验证微信支付必要参数
+    if (!result.timeStamp || !result.nonceStr || !result.package || !result.paySign) {
+      throw new Error('微信支付参数不完整');
+    }
+
+    try {
+      await Taro.requestPayment({
+        timeStamp: result.timeStamp,
+        nonceStr: result.nonceStr,
+        package: result.package,
+        signType: result.signType as any, // 类型转换，因为微信支付的signType是字符串
+        paySign: result.paySign,
+      });
+
+      console.log('微信支付成功');
+    } catch (payError: any) {
+      console.error('微信支付失败:', payError);
+
+      // 处理微信支付特定错误
+      if (payError.errMsg) {
+        if (payError.errMsg.includes('cancel')) {
+          throw new Error('用户取消支付');
+        } else if (payError.errMsg.includes('fail')) {
+          throw new Error('微信支付失败，请重试');
+        }
+      }
+
+      throw new Error('微信支付失败');
+    }
   }
 
   /**
    * 处理余额支付
    */
-  private static async handleBalancePay(result: any): Promise<void> {
-    // 余额支付通常在后端直接完成，这里只需要确认结果
+  private static async handleBalancePay(result: any): Promise<boolean> {
+    console.log('处理余额支付:', result);
+
     if (!result || !result.orderNo) {
-      throw new Error('余额支付失败');
+      throw new Error('余额支付参数错误');
     }
-    // 余额支付成功，无需额外操作
+
+    // 检查支付状态 - 根据后端返回的字段调整
+    if (result.payStatus === false || result.payStatus === 0 || result.payStatus === '0') {
+      throw new Error('余额不足或支付失败');
+    }
+
+    // 检查订单状态 - 1表示已付款
+    if (result.orderStatus !== undefined && result.orderStatus !== 1) {
+      throw new Error('订单状态异常，支付可能未成功');
+    }
+
+    // 验证实际扣款金额
+    if (result.payPrice !== undefined) {
+      const payPrice = parseFloat(result.payPrice);
+      if (payPrice <= 0) {
+        throw new Error('支付金额异常');
+      }
+    }
+
+    // 如果有错误信息字段，检查是否有错误
+    if (result.error || result.errorMsg) {
+      throw new Error(result.error || result.errorMsg);
+    }
+
+    console.log('余额支付验证通过');
+    return true;
   }
 
   /**
@@ -128,6 +204,55 @@ export class PaymentHandler {
     // 支付宝支付逻辑，根据实际情况实现
     throw new Error('支付宝支付暂未实现');
   }
+
+  /**
+   * 获取详细错误信息
+   */
+  private static getErrorMessage(error: any): string {
+    if (!error.message) {
+      return '支付失败，请重试';
+    }
+
+    const message = error.message;
+
+    // 余额相关错误
+    if (message.includes('余额不足') || message.includes('balance')) {
+      return '账户余额不足，请充值后重试';
+    }
+
+    // 优惠券相关错误
+    if (message.includes('优惠券') || message.includes('coupon')) {
+      return '优惠券使用失败，请重新选择';
+    }
+
+    // 库存相关错误
+    if (message.includes('库存') || message.includes('stock')) {
+      return '商品库存不足，请减少购买数量';
+    }
+
+    // 地址相关错误
+    if (message.includes('地址') || message.includes('address')) {
+      return '收货地址信息有误，请重新选择';
+    }
+
+    // 订单相关错误
+    if (message.includes('订单') || message.includes('order')) {
+      return '订单创建失败，请重试';
+    }
+
+    // 网络相关错误
+    if (message.includes('网络') || message.includes('network') || message.includes('timeout')) {
+      return '网络连接异常，请检查网络后重试';
+    }
+
+    // 微信支付相关错误
+    if (message.includes('微信') || message.includes('wechat') || message.includes('wx')) {
+      return '微信支付失败，请重试';
+    }
+
+    // 返回原始错误信息
+    return message;
+  }
 }
 
 /**