添加不可用原因

components/orderCoupon.vue

@@ -21,18 +21,28 @@
 							</view>
 							<text
 								style="display: block;font-size: 20rpx;color: #999;margin-top: 10rpx;">到期时间：{{item.effectType == 0 ? '永久有效' : item.endTime}}</text>
+							<template v-if="item.canUse == 0" >
+								<view class="" style="font-size:20rpx; display: inline-block; padding:0 10rpx ; background-color: #d9d9d9; border-radius: 10rpx;">
 								<text
+									style="color: #999; "
+									>不可用：</text>
+								<text
+									style="color: #999; "
+									>{{item.canUseReason}}</text>
+									</view>
+							</template>
+							<text v-else
 								style="display: block;font-size: 20rpx;color: #999;margin-top: 4rpx;">说明：{{item.couponEntity.remark}}</text>
 								
 						</view>
 						<view style="width: 7%;">
-							<view class="" style="background-color: #d9d9d9; border-radius: 10rpx; 0 0 10rpx; text-align: center;" v-if="item.canUse == 0">
+							<!-- <view class="" style="background-color: #d9d9d9; border-radius: 10rpx; 0 0 10rpx; text-align: center;" v-if="item.canUse == 0">
 								<text 
 									style="color: #999; "
 									>不可用</text>
-							</view>
+							</view> -->
 							
-							<template v-else>
+							<template v-if="item.canUse == 1">
 								<text
 									style="border: 1px solid #d9d9d9;width: 35rpx;height:35rpx;display:inline-block;border-radius: 30rpx;"
 									v-if="youhuiIndex !== index"></text>

pages/goods/order/index.vue

@@ -717,6 +717,7 @@
 							res.couponHistoryList.forEach( item =>{
 								if(item.couponEntity.useLevel > this.totalPrice){
 									item.canUse = 0
+									item.canUseReason = "未到使用门槛"
 								}
 							})							
 							this.couponHistoryList = res.couponHistoryList