update 兑换券的（之后还有会员价格）

xuxueyang

2024-09-03 1625b684412694851576dc2f2812b4d20c577803

 sub_pages/customer/coupon/coupon-all.vue

@@ -1,18 +1,22 @@
<template>
   <view class="coupon-container">
      <view class="">
         <no-data v-if="!list||list.length==0" style="width: 100%;"></no-data>

         <view v-for="(item,index) of list" :key="index" class="coupont-item all">
            <view class="flex container img100">
               <view class="info-price">
                  <view class="price1">￥7.70</view>
                  <view class="price2">满￥100可用</view>
                  <view class="price1">
                     {{item.maxDiscountAmount?(`${item.maxDiscountAmount}折`):(`￥${item.couponDiscountValue}`)}}
                  </view>
                  <view class="price2">{{item.minOrderAmount?(`满￥${item.minOrderAmount}可用`):'无门槛'}}</view>
               </view>
               <view class="info flex1">
                  <view class="title">
                     七夕专属福利券
                     {{item.couponName||'-'}}
                  </view>
                  <view class="time">
                     有效期至2024-07-26 09:58:30
                     领取后{{item.usageTimeNum||''}}{{item.usageTimeTypeName||''}}有效
                  </view>
                  <view class="button" @click="getCoupon(item)">
                     立即领取
@@ -50,9 +54,10 @@
            const {
               code,
               data
            } = await this.$http.request('post', '/api/v2/coupon/point/exchange', {
            } = await this.$http.request('post', '/api/v2/coupon/app/receive', {
               data: {
                  couponId: item.id
                  couponId: item.id,
                  num: 1
               }
            })
            if (code == 0) {
@@ -74,35 +79,5 @@
<style lang="scss" scoped>
   @import './coupon.scss';

   .coupon-container {

      .coupont-item.all {
         margin-top: 20rpx;

         .container {
            .info {
               .time {
                  margin-top: 0rpx;
               }

               .button {
                  width: 150rpx;
                  height: 46rpx;
                  // box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(0,0,0,0.14);
                  border-radius: 24rpx;
                  border: 2rpx solid rgba(68, 119, 90, 1);
                  font-weight: 400;
                  font-size: 24rpx;
                  color: rgba(68, 119, 90, 1);
                  line-height: 46rpx;
                  text-align: center;
                  margin-top: 10rpx;
               }
            }
         }
      }



   }
   .coupon-container {}
</style>