|
@@ -16,9 +16,16 @@
|
|
|
:scroll-with-animation="false"
|
|
:scroll-with-animation="false"
|
|
|
:enable-back-to-top="true"
|
|
:enable-back-to-top="true"
|
|
|
>
|
|
>
|
|
|
|
|
+ <!--可使用的优惠券区域-->
|
|
|
<view class="subtitle ss-m-l-20">可使用优惠券</view>
|
|
<view class="subtitle ss-m-l-20">可使用优惠券</view>
|
|
|
<view v-for="(item, index) in state.couponInfo" :key="index">
|
|
<view v-for="(item, index) in state.couponInfo" :key="index">
|
|
|
<s-coupon-list :data="item" type="user" :disabled="false">
|
|
<s-coupon-list :data="item" type="user" :disabled="false">
|
|
|
|
|
+ <template v-slot:reason>
|
|
|
|
|
+ <view class="ss-flex ss-m-t-24">
|
|
|
|
|
+ <view class="reason-title">可用原因:</view>
|
|
|
|
|
+ <view class="reason-desc">{{ item.description || '已达到使用门槛' }}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </template>
|
|
|
<template #default>
|
|
<template #default>
|
|
|
<label class="ss-flex ss-col-center" @tap="radioChange(item.id)">
|
|
<label class="ss-flex ss-col-center" @tap="radioChange(item.id)">
|
|
|
<radio
|
|
<radio
|
|
@@ -31,19 +38,19 @@
|
|
|
</template>
|
|
</template>
|
|
|
</s-coupon-list>
|
|
</s-coupon-list>
|
|
|
</view>
|
|
</view>
|
|
|
- <!-- TODO 芋艿:未来接口需要支持下
|
|
|
|
|
|
|
+ <!--不可使用的优惠券区域-->
|
|
|
<view class="subtitle ss-m-t-40 ss-m-l-20">不可使用优惠券</view>
|
|
<view class="subtitle ss-m-t-40 ss-m-l-20">不可使用优惠券</view>
|
|
|
- <view v-for="item in state.couponInfo.cannot_use" :key="item.id">
|
|
|
|
|
|
|
+ <view v-for="item in state.couponInfo.filter(coupon => !coupon.match)" :key="item.id">
|
|
|
<s-coupon-list :data="item" type="user" :disabled="true">
|
|
<s-coupon-list :data="item" type="user" :disabled="true">
|
|
|
<template v-slot:reason>
|
|
<template v-slot:reason>
|
|
|
<view class="ss-flex ss-m-t-24">
|
|
<view class="ss-flex ss-m-t-24">
|
|
|
<view class="reason-title"> 不可用原因:</view>
|
|
<view class="reason-title"> 不可用原因:</view>
|
|
|
- <view class="reason-desc">{{ item.cannot_use_msg }}</view>
|
|
|
|
|
|
|
+ <view class="reason-desc">{{ item.description || '未达到使用门槛' }}</view>
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
</s-coupon-list>
|
|
</s-coupon-list>
|
|
|
</view>
|
|
</view>
|
|
|
- -->
|
|
|
|
|
|
|
+
|
|
|
</scroll-view>
|
|
</scroll-view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="modal-footer ss-flex">
|
|
<view class="modal-footer ss-flex">
|