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.
76 lines
2.4 KiB
76 lines
2.4 KiB
3 years ago
|
<template>
|
||
|
|
<view>
|
||
|
|
<view class="coupon-list-window" :class="coupon.coupon === true ? 'on' : ''">
|
||
|
|
<view class="title">
|
||
|
|
优惠券
|
||
|
|
<text class="iconfont icon-guanbi" @click="close"></text>
|
||
|
|
</view>
|
||
|
|
<view class="coupon-list" v-if="coupon.list.length > 0">
|
||
|
|
<view
|
||
|
|
class="item acea-row row-center-wrapper"
|
||
|
|
v-for="(item, couponpopIndex) in coupon.list"
|
||
|
|
:key="couponpopIndex"
|
||
|
|
@click="getCouponUser(couponpopIndex, item.id)"
|
||
|
|
>
|
||
|
|
<view class="money">
|
||
|
|
￥
|
||
|
|
<text class="num">{{ item.couponPrice }}</text>
|
||
|
|
</view>
|
||
|
|
<view class="text">
|
||
|
|
<view class="condition line1">购物满{{ item.useMinPrice }}元可用</view>
|
||
|
|
<view class="data acea-row row-between-wrapper">
|
||
|
|
<view v-if="item.end_time === 0">不限时</view>
|
||
|
|
<view v-else>{{ item.startTime }}-{{ item.endTime }}</view>
|
||
|
|
<view
|
||
|
|
class="bnt acea-row row-center-wrapper"
|
||
|
|
:class="!item.isUse ? 'bg-color-red' : 'gray'"
|
||
|
|
>{{ !item.isUse ? "立即领取" : "已领取" }}</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<!--无优惠券-->
|
||
|
|
<view class="pictrue" v-else>
|
||
|
|
<image :src="`${$VUE_APP_RESOURCES_URL}/images/noCoupon.png`" class="image" />
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="mask" @touchmove.prevent :hidden="coupon.coupon === false" @click="close"></view>
|
||
|
|
</view>
|
||
|
|
</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() {
|
||
|
|
uni.showToast({
|
||
|
|
title: "已领取",
|
||
|
|
icon: "none",
|
||
|
|
duration: 2000
|
||
|
|
});
|
||
|
|
that.$set(list[index], "is_use", true);
|
||
|
|
that.$emit("changefun", { action: "currentcoupon", value: index });
|
||
|
|
that.$emit("changeFun", { action: "changecoupon", value: false });
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|