You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
2.4 KiB
78 lines
2.4 KiB
<template> |
|
<div> |
|
<div class="coupon-list-window" :class="coupon.coupon === true ? 'on' : ''"> |
|
<div class="title"> |
|
优惠券<span class="iconfont icon-guanbi" @click="close"></span> |
|
</div> |
|
<div class="coupon-list" v-if="coupon.list.length > 0"> |
|
<div |
|
class="item acea-row row-center-wrapper" |
|
v-for="(item, couponpopIndex) in coupon.list" |
|
:key="couponpopIndex" |
|
@click="getCouponUser(couponpopIndex, item.id)" |
|
> |
|
<div class="money"> |
|
￥<span class="num">{{ item.coupon_price }}</span> |
|
</div> |
|
<div class="text"> |
|
<div class="condition line1"> |
|
购物满{{ item.use_min_price }}元可用 |
|
</div> |
|
<div class="data acea-row row-between-wrapper"> |
|
<div v-if="item.end_time === 0">不限时</div> |
|
<div v-else>{{ item.start_time }}-{{ item.end_time }}</div> |
|
<div |
|
class="bnt acea-row row-center-wrapper" |
|
:class="!item.is_use ? 'bg-color-red' : 'gray'" |
|
> |
|
{{ !item.is_use ? "立即领取" : "已领取" }} |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<!--无优惠券--> |
|
<div class="pictrue" v-else> |
|
<img :src="$VUE_APP_RESOURCES_URL+'/images/noCoupon.png'" class="image" /> |
|
</div> |
|
</div> |
|
<div |
|
class="mask" |
|
@touchmove.prevent |
|
:hidden="coupon.coupon === false" |
|
@click="close" |
|
></div> |
|
</div> |
|
</template> |
|
<script> |
|
import { getCouponReceive } from "@/api/user"; |
|
export default { |
|
name: "CouponPop", |
|
props: { |
|
coupon: { |
|
type: Object, |
|
default: () => {} |
|
} |
|
}, |
|
data: function() { |
|
return {}; |
|
}, |
|
mounted: function() {}, |
|
methods: { |
|
close: function() { |
|
this.$emit("changeFun", { action: "changecoupon", value: false }); //$emit():注册事件； |
|
}, |
|
getCouponUser: function(index, id) { |
|
let that = this, |
|
list = that.coupon.list; |
|
if (list[index].is_use === true) return; |
|
getCouponReceive(id).then(function() { |
|
that.$dialog.toast({ mes: "已领取" }); |
|
that.$set(list[index], "is_use", true); |
|
that.$emit("changefun", { action: "currentcoupon", value: index }); |
|
that.$emit("changeFun", { action: "changecoupon", value: false }); |
|
}); |
|
} |
|
} |
|
}; |
|
</script>
|
|
|