优惠券状态修改

src/main/resources/templates/user-center/member/member.html

@@ -84,13 +84,14 @@
                     <div class="section-title">专属特权<span>每月可领4个</span></div>
                     <div class="content coupon-list">
                         <template v-if="couponList.length > 0">
-                            <div v-for="(item, index) in couponList" :key="index" class="un-received">
+                            <div v-for="(item, index) in couponList" :key="index" :class="{'un-received':item.useStatus === 1}">
                                 <span class="type" v-html="item.typeText"></span>
                                 <div class="amount"><i>￥</i>{{ item.couponAmount }}</div>
                                 <div class="condition">满{{ item.touchPrice }}可用</div>
                                 <div class="condition" v-html="item.productType === 1 ? '全商城商品通用' : '指定商品可用'"></div>
                                 <div class="receive-btn" v-if="!item.getFlag" @click="receiveCoupon(item.couponId)">立即领取</div>
-                                <div class="receive-btn" v-else  @click="toUseCoupon(item)">去使用</div>
+                                <div class="receive-btn" v-else-if="item.useStatus === 1"  @click="toUseCoupon(item)">去使用</div>
+                                <div class="receive-btn" v-else="item.useStatus === 2">已使用</div>
                             </div>
                         </template>
                         <span v-else>暂无可领取优惠券~</span>