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

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

src/user/gift/index.tsx

@@ -60,6 +60,7 @@ const GiftCardManage = () => {
       const res = await getUserGifts({
         page: currentPage,
         limit: 10,
+        userId: Taro.getStorageSync('UserId'),
         // keywords: searchValue,
         ...statusFilter,
         // 应用筛选条件
@@ -67,7 +68,7 @@ const GiftCardManage = () => {
         // sortBy: filters.sortBy,
         // sortOrder: filters.sortOrder
       })
-
+      console.log(res?.list,'>>>>lalala')
       if (res && res.list) {
         const newList = isRefresh ? res.list : [...list, ...res.list]
         setList(newList)
@@ -123,10 +124,11 @@ const GiftCardManage = () => {
   const transformGiftData = (gift: ShopGift): GiftCardProps => {
     return {
       id: gift.id || 0,
-      name: gift.name || '礼品卡',
-      description: gift.description,
+      name: gift.name || '礼品卡', // 礼品卡名称
+      goodsName: gift.goodsName, // 商品名称（新增字段）
+      description: gift.description || gift.instructions, // 使用说明作为描述
       code: gift.code,
-      goodsImage: gift.goodsImage,
+      goodsImage: gift.goodsImage, // 商品图片
       faceValue: gift.faceValue,
       type: gift.type,
       useStatus: gift.useStatus,
@@ -134,15 +136,51 @@ const GiftCardManage = () => {
       useTime: gift.useTime,
       useLocation: gift.useLocation,
       contactInfo: gift.contactInfo,
+      // 添加商品信息
+      goodsInfo: {
+        // 如果有商品名称或商品ID，说明是关联商品的礼品卡
+        ...((gift.goodsName || gift.goodsId) && {
+          specification: `礼品卡面值：¥${gift.faceValue}`,
+          category: getTypeText(gift.type),
+          tags: [
+            getTypeText(gift.type),
+            gift.useStatus === 0 ? '可使用' : gift.useStatus === 1 ? '已使用' : '已过期',
+            ...(gift.goodsName ? ['商品礼品卡'] : [])
+          ].filter(Boolean),
+          instructions: gift.instructions ? [gift.instructions] : [
+            '请在有效期内使用',
+            '出示兑换码即可使用',
+            '不可兑换现金',
+            ...(gift.goodsName ? ['此礼品卡关联具体商品'] : [])
+          ],
+          notices: [
+            '礼品卡一经使用不可退换',
+            '请妥善保管兑换码',
+            '如有疑问请联系客服',
+            ...(gift.goodsName ? ['商品以实际为准'] : [])
+          ]
+        })
+      },
       showCode: gift.useStatus === 0, // 只有可用状态显示兑换码
       showUseBtn: gift.useStatus === 0, // 只有可用状态显示使用按钮
       showDetailBtn: true,
+      showGoodsDetail: true, // 显示商品详情
       theme: getThemeByType(gift.type),
       onUse: () => handleUseGift(gift),
       onDetail: () => handleGiftDetail(gift)
     }
   }
 
+  // 获取礼品卡类型文本
+  const getTypeText = (type?: number): string => {
+    switch (type) {
+      case 10: return '实物礼品卡'
+      case 20: return '虚拟礼品卡'
+      case 30: return '服务礼品卡'
+      default: return '礼品卡'
+    }
+  }
+
   // 根据礼品卡类型获取主题色
   const getThemeByType = (type?: number): 'gold' | 'silver' | 'bronze' | 'blue' | 'green' | 'purple' => {
     switch (type) {
@@ -188,31 +226,31 @@ const GiftCardManage = () => {
   }
 
   // 加载礼品卡统计数据
-  const loadGiftStats = async () => {
-    try {
-      // 并行获取各状态的礼品卡数量
-      const [availableRes, usedRes, expiredRes] = await Promise.all([
-        getUserGifts({ page: 1, limit: 1, useStatus: 0 }),
-        getUserGifts({ page: 1, limit: 1, useStatus: 1 }),
-        getUserGifts({ page: 1, limit: 1, useStatus: 2 })
-      ])
-
-      // 计算总价值（仅可用礼品卡）
-      const availableGifts = await getUserGifts({ page: 1, limit: 100, useStatus: 0 })
-      const totalValue = availableGifts?.list?.reduce((sum, gift) => {
-        return sum + parseFloat(gift.faceValue || '0')
-      }, 0) || 0
-
-      setStats({
-        available: availableRes?.count || 0,
-        used: usedRes?.count || 0,
-        expired: expiredRes?.count || 0,
-        totalValue
-      })
-    } catch (error) {
-      console.error('获取礼品卡统计失败:', error)
-    }
-  }
+  // const loadGiftStats = async () => {
+  //   try {
+  //     // 并行获取各状态的礼品卡数量
+  //     const [availableRes, usedRes, expiredRes] = await Promise.all([
+  //       getUserGifts({ page: 1, limit: 1, useStatus: 0 }),
+  //       getUserGifts({ page: 1, limit: 1, useStatus: 1 }),
+  //       getUserGifts({ page: 1, limit: 1, useStatus: 2 })
+  //     ])
+  //
+  //     // 计算总价值（仅可用礼品卡）
+  //     const availableGifts = await getUserGifts({ page: 1, limit: 100, useStatus: 0 })
+  //     const totalValue = availableGifts?.list?.reduce((sum, gift) => {
+  //       return sum + parseFloat(gift.faceValue || '0')
+  //     }, 0) || 0
+  //
+  //     setStats({
+  //       available: availableRes?.count || 0,
+  //       used: usedRes?.count || 0,
+  //       expired: expiredRes?.count || 0,
+  //       totalValue
+  //     })
+  //   } catch (error) {
+  //     console.error('获取礼品卡统计失败:', error)
+  //   }
+  // }
 
   // 统计卡片点击事件
   const handleStatsClick = (type: 'available' | 'used' | 'expired' | 'total') => {
@@ -264,7 +302,7 @@ const GiftCardManage = () => {
 
   useDidShow(() => {
     reload(true).then()
-    loadGiftStats().then()
+    // loadGiftStats().then()
   });
 
   return (