<template>
|
<view>
|
<div v-for="(promotion, promotion_index) in res" :key="promotion_index">
|
<div
|
class="showBox"
|
v-if="
|
promotion.__key == 'SECKILL' ||
|
promotion.__key == 'GROUPBUY' ||
|
promotion.__key == 'PINTUAN'
|
"
|
>
|
<view class="group-wrapper">
|
<div class="u-group-row">
|
<view :span="8" class="showBox_L">
|
<view class="u-group-flex">
|
<!-- 限时抢购 -->
|
<view class="u-group-flex-left" v-if="promotion.__key == 'SECKILL'">
|
<span
|
class="u-group-flex-left-span"
|
v-if="detail.promotionPrice != undefined"
|
>
|
￥
|
<span class="flex-price">
|
{{ $options.filters.goodsFormatPrice(detail.promotionPrice)[0] }}.{{
|
$options.filters.goodsFormatPrice(detail.promotionPrice)[1]
|
}}</span
|
>
|
</span>
|
<view class="u-group-flex" v-if="detail.price != undefined">
|
<span class="old-price"
|
>￥{{ $options.filters.goodsFormatPrice(detail.price)[0] }}.{{
|
$options.filters.goodsFormatPrice(detail.price)[1]
|
}}</span
|
>
|
<view class="promotion">限时抢购</view>
|
</view>
|
</view>
|
|
<!-- 团购 -->
|
<view class="u-group-flex-left" v-if="promotion.__key == 'GROUPBUY'">
|
<span class="u-group-flex-left-span">
|
<span
|
class="flex-price"
|
v-if="promotion.groupbuy_goods_vo.price != undefined"
|
>￥{{ $options.filters.goodsFormatPrice(promotion.groupbuy_goods_vo.price)[0] }}.{{
|
$options.filters.goodsFormatPrice(promotion.groupbuy_goods_vo.price)[1]
|
}}</span
|
>
|
<!-- <span v-if="promotion.point">+{{promotion.point}}积分</span> -->
|
</span>
|
<view class="u-group-flex">
|
<span
|
class="old-price"
|
v-if="promotion.groupbuy_goods_vo.original_price != undefined"
|
>￥{{
|
$options.filters.goodsFormatPrice(promotion.groupbuy_goods_vo.original_price)[0]
|
}}.{{
|
$options.filters.goodsFormatPrice(promotion.groupbuy_goods_vo.original_price)[1]
|
}}</span
|
>
|
<view class="promotion">团购活动</view>
|
</view>
|
</view>
|
|
<view class="u-group-flex-left" v-if="promotion.__key == 'PINTUAN'">
|
<span
|
class="u-group-flex-left-span"
|
v-if="detail.promotionPrice != undefined"
|
>
|
￥<span class="flex-price">
|
{{ $options.filters.goodsFormatPrice(detail.promotionPrice)[0] }}.</span
|
>{{ $options.filters.goodsFormatPrice(detail.promotionPrice)[1] }}
|
</span>
|
<view class="u-group-flex" v-if="detail.price != undefined">
|
<span class="old-price"
|
>￥{{ $options.filters.goodsFormatPrice(detail.price)[0] }}.{{
|
$options.filters.goodsFormatPrice(detail.price)[1]
|
}}</span
|
>
|
<view class="promotion">拼团活动</view>
|
</view>
|
</view>
|
<!-- 拼团右侧 -->
|
<view class="u-group-flex-right" v-if="promotion.__key == 'PINTUAN'">
|
<span class="group-bag">{{ promotion.requiredNum }}人拼团 </span>
|
<span class="group-bag">限购{{ promotion.limitNum }}件</span>
|
</view>
|
</view>
|
</view>
|
<view class="showBox_R" v-if="promotion && promotion.endTime">
|
<u-tag :text="getIsTimer(promotion)" size="mini" type="error" />
|
<u-count-down
|
:hide-zero-day="true"
|
font-size="25"
|
color="#fff"
|
bg-color="#f71471"
|
separator-size="25"
|
separator-color="#f71471"
|
:show-hours="true"
|
:show-minutes="true"
|
:timestamp="getCountDownTime(promotion.endTime)"
|
></u-count-down>
|
</view>
|
</div>
|
</view>
|
</div>
|
</div>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {};
|
},
|
props: {
|
// 活动，促销数据
|
res: {
|
type: null,
|
default: {},
|
},
|
// 商品详情
|
detail: {
|
type: null,
|
default: {},
|
},
|
},
|
watch: {
|
res: {
|
handler() {
|
if (this.res && this.res.length != 0) {
|
Object.keys(this.res).forEach((item) => {
|
let key = item.split("-")[0];
|
this.res[item].__key = key;
|
// 针对现实向
|
});
|
}
|
},
|
immediate: true,
|
},
|
},
|
mounted() {},
|
methods: {
|
getCountDownTime(val) {
|
let date = new Date(val);
|
let timeSimple = new Date(date).getTime() / 1000;
|
return timeSimple - new Date().getTime() / 1000;
|
},
|
getIsTimer(val) {
|
var timestamp = new Date().getTime();
|
|
if (timestamp < val.start_time) {
|
this.startTimer = true;
|
return "距离活动开始";
|
} else {
|
return "距离活动结束";
|
}
|
},
|
},
|
};
|
</script>
|
|
<style scoped lang="scss">
|
@import "./group.scss";
|
</style>
|
