feat: 增加礼品卡选择功能及相关逻辑

- 在 api/trade.js 中新增 selectGiftCard 函数以支持礼品卡选择
- 更新多个组件以集成礼品卡功能，包括购物车和订单页面
- 优化商品页面和订单详情展示，支持礼品卡抵扣信息
- 调整相关逻辑以确保礼品卡与其他促销活动的兼容性

pages/order/fillorder.vue

@@ -45,7 +45,7 @@
       <div class="bar"></div>
     </div>
     <!-- 选择自提点 -->
-    <div class="address-box" v-if="shippingText == 'SELF_PICK_UP' && !isECouponCheckout">
+    <div class="address-box" v-if="shippingText == 'SELF_PICK_UP' && !hidePhysicalCheckout">
       <div @click="clickToStoreAddress()">
         <div class="user-box flex">
           <div class="flex-8">
@@ -283,7 +283,6 @@
       </div>
       <u-row
         v-if="
-          !isECouponCheckout &&
           orderMessage.priceDetailDTO.goodsPrice != 0 &&
           orderMessage.priceDetailDTO.goodsPrice != null
         "
@@ -310,7 +309,7 @@
           </view>
         </u-col>
       </u-row>
-      <div v-if="!isECouponCheckout">
+      <div>
         <u-row>
           <u-col :span="9">优惠金额</u-col>
           <u-col
@@ -325,7 +324,7 @@
           <u-col :span="3" textAlign="right" v-else>0.00</u-col>
         </u-row>
       </div>
-      <div v-if="!isECouponCheckout">
+      <div>
         <u-row>
           <u-col :span="6">活动优惠</u-col>
           <u-col :span="6" class="tr tipsColor" textAlign="right">
@@ -337,6 +336,34 @@
           </u-col>
         </u-row>
       </div>
+      <div v-if="giftCardList.length || giftCardDeductAmount > 0">
+        <u-row>
+          <u-col :span="6">礼品卡</u-col>
+          <u-col :span="6" class="tr tipsColor" textAlign="right">
+            <span v-if="giftCardDeductAmount > 0" class="main-color"
+              >-￥{{ unitPrice(giftCardDeductAmount) }}</span
+            >
+            <span v-else @click="giftCardExpanded = !giftCardExpanded"
+              >{{ giftCardList.length }} 张可用</span
+            >
+          </u-col>
+        </u-row>
+        <view v-if="giftCardExpanded && giftCardList.length" class="gift-card-list">
+          <view
+            class="gift-card-item"
+            :class="{ 'gift-card-item--selected': isGiftCardSelected(item) }"
+            v-for="item in giftCardList"
+            :key="item.id"
+            @click="toggleGiftCard(item)"
+          >
+            <view class="gift-card-item__name">{{ item.giftCardName || '礼品卡' }}</view>
+            <view class="gift-card-item__meta">
+              <text>余额 ￥{{ unitPrice(item.balance) }}</text>
+              <text class="gift-card-item__no">{{ item.cardNo }}</text>
+            </view>
+          </view>
+        </view>
+      </div>
     </div>
 
     <!-- 配送地区没有提示 -->
@@ -445,13 +472,25 @@ const notSupportFreightNoticeText = ref('')
 const storeAddress = ref<any>('')
 const originOrderData = ref<any>('')
 
-// E_COUPON 结算：免地址、无运费/优惠券/促销（O-11）；与 VIRTUAL 共用 hidePhysicalCheckout
+// E_COUPON 结算：免地址/免配送（hidePhysicalCheckout）；优惠券/活动/礼品卡可用（M-02）
 const isECouponCheckout = computed(() => hasECouponInCheckout(orderMessage.value))
 const isVirtualCheckout = computed(() => orderMessage.value?.cartTypeEnum === 'VIRTUAL')
 const hidePhysicalCheckout = computed(
   () => isVirtualCheckout.value || isECouponCheckout.value
 )
 
+const giftCardList = computed(() => orderMessage.value?.canUseGiftCards || [])
+const giftCardDeductAmount = computed(() => {
+  const dto = orderMessage.value?.priceDetailDTO
+  if (!dto) return 0
+  if (orderMessage.value?.giftCardDeductTotal != null) {
+    return Number(orderMessage.value.giftCardDeductTotal) || 0
+  }
+  return Number(dto.giftCardPrice) || 0
+})
+const selectedGiftCardIds = computed(() => orderMessage.value?.selectedGiftCardIds || [])
+const giftCardExpanded = ref(false)
+
 watch(
   remarkVal,
   (val) => {
@@ -566,6 +605,29 @@ function invoice() {
   invoiceFlag.value = true
 }
 
+function isGiftCardSelected(item: any) {
+  if (!item?.id) return false
+  return (selectedGiftCardIds.value || []).map(String).includes(String(item.id))
+}
+
+function toggleGiftCard(item: any) {
+  if (!item?.id) return
+  API_Trade.selectGiftCard({
+    way: routerVal.value.way,
+    credentialId: String(item.id),
+    used: !isGiftCardSelected(item),
+  }).then((res) => {
+    if (res.data.success) {
+      getOrderList()
+    } else {
+      uni.showToast({
+        title: res.data.message || '礼品卡选择失败',
+        icon: 'none',
+      })
+    }
+  })
+}
+
 function GET_Discount() {
   let storeIds: any[] = []
   let skus: any[] = []
@@ -1187,4 +1249,40 @@ page {
 .goods-item {
   margin: 20rpx 0;
 }
+
+.gift-card-list {
+  margin-top: 16rpx;
+  padding: 0 8rpx 8rpx;
+}
+
+.gift-card-item {
+  border: 1rpx solid #eceef2;
+  border-radius: 16rpx;
+  padding: 20rpx 24rpx;
+  margin-bottom: 16rpx;
+  background: #fff;
+
+  &--selected {
+    border-color: $main-color;
+    background: rgba($main-color, 0.04);
+  }
+}
+
+.gift-card-item__name {
+  font-size: 28rpx;
+  font-weight: 600;
+  color: #333;
+}
+
+.gift-card-item__meta {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 8rpx;
+  font-size: 24rpx;
+  color: #666;
+}
+
+.gift-card-item__no {
+  color: #999;
+}
 </style>

pages/order/orderDetail.vue

@@ -116,14 +116,18 @@
           <view class="title">运费：</view>
           <view class="value">￥{{unitPrice(order.freightPrice) }}</view>
         </view>
-        <view class="order-info-view" v-if="!isECouponOrder && order.priceDetailDTO">
+        <view class="order-info-view" v-if="order.priceDetailDTO && Number(order.priceDetailDTO.couponPrice) > 0">
           <view class="title">优惠券：</view>
           <view class="value main-color">-￥{{unitPrice(order.priceDetailDTO.couponPrice) }}</view>
         </view>
-        <view class="order-info-view" v-if="!isECouponOrder">
+        <view class="order-info-view" v-if="Number(order.discountPrice) > 0">
           <view class="title">活动优惠：</view>
           <view class="value main-color">-￥{{unitPrice(order.discountPrice) }}</view>
         </view>
+        <view class="order-info-view" v-if="order.priceDetailDTO && Number(order.priceDetailDTO.giftCardPrice) > 0">
+          <view class="title">礼品卡抵扣：</view>
+          <view class="value main-color">-￥{{unitPrice(order.priceDetailDTO.giftCardPrice) }}</view>
+        </view>
         <!-- <view class="order-info-view" v-if="order.use_point">
 					<view class="title">使用积分：</view>
 					<view class="value">{{ order.use_point }}</view>