mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-uniapp.git
synced 2025-12-21 18:05:53 +08:00
135 lines
3.7 KiB
Vue
135 lines
3.7 KiB
Vue
<template>
|
||
<view class="wrapper" v-if="res">
|
||
<view v-for="(prom, index) in Object.keys(res)" :key="index">
|
||
<view>
|
||
<view v-if="prom.split('-')[0] == 'FULL_DISCOUNT'">
|
||
<div class="res_prom_item" v-if="res[prom].fullMinus">
|
||
<u-tag text="满减" type="error"></u-tag>
|
||
<!-- TODO 后续将优化为可点击的商品以及优惠券显示明细 -->
|
||
<span class="pro-text"
|
||
>满{{ res[prom].fullMoney }}元 立减现金
|
||
<span class="price">{{ res[prom].fullMinus }}元</span>
|
||
<span v-if="res[prom].couponFlag"> 赠送<span>优惠券</span></span>
|
||
<span v-if="res[prom].pointFlag"> 赠送{{ res[prom].point }}积分</span>
|
||
<span v-if="res[prom].giftFlag"> 赠送商品</span>
|
||
<span v-if="res[prom].freeFreightFlag">赠送包邮服务</span>
|
||
</span>
|
||
</div>
|
||
<div class="res_prom_item" v-if="res[prom].fullRate && res[prom].fullRateFlag">
|
||
<u-tag text="打折" type="error"></u-tag>
|
||
<span class="pro-text"
|
||
>满{{ res[prom].fullMoney }}元，立享<span class="price"
|
||
>{{ res[prom].fullRate }}折</span
|
||
>优惠</span
|
||
>
|
||
</div>
|
||
</view>
|
||
|
||
<view v-if="prom.split('-')[0] == 'PINTUAN'">
|
||
<div class="res_prom_item" v-if="res[prom].requiredNum">
|
||
<u-tag text="拼团" type="error"></u-tag>
|
||
<span class="pro-text"
|
||
>{{ res[prom].requiredNum }}人拼团 限购<span class="price"
|
||
>{{ res[prom].limitNum }}件</span
|
||
></span
|
||
>
|
||
</div>
|
||
</view>
|
||
|
||
<view v-if="prom.split('-')[0] == 'SECKILL'">
|
||
<div class="res_prom_item">
|
||
<u-tag text="限时抢购" type="error"></u-tag>
|
||
<span class="pro-text">限时抢购</span>
|
||
</div>
|
||
</view>
|
||
|
||
<view v-if="prom.split('-')[0] == 'POINTS_GOODS'">
|
||
<div class="res_prom_item">
|
||
<u-tag text="积分活动" type="error"></u-tag>
|
||
<span class="pro-text">当前商品参与积分活动。<span @click="handClickToJoinPromotion(prom)" class="href">点击此处参与活动</span></span>
|
||
</div>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view v-if="!res">暂无促销活动</view>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {};
|
||
},
|
||
watch: {
|
||
res: {
|
||
handler() {
|
||
if (this.res && this.res.length != 0) {
|
||
Object.keys(this.res).forEach((item) => {
|
||
if (item != "COUPON") {
|
||
let key = item.split("-")[0];
|
||
this.res[item]._key = key;
|
||
}
|
||
});
|
||
}
|
||
},
|
||
|
||
immediate: true,
|
||
},
|
||
},
|
||
|
||
props: {
|
||
// 父组件传递回来的数据
|
||
res: {
|
||
type: null,
|
||
default: "",
|
||
},
|
||
},
|
||
mounted() {},
|
||
methods: {
|
||
// 跳转到参与商品活动的详情列表中
|
||
handClickToJoinPromotion(val){
|
||
|
||
const promotion = {
|
||
"POINTS_GOODS": `/pages/promotion/point/detail?id=${this.res[val].id}`
|
||
}
|
||
|
||
uni.navigateTo({
|
||
url:promotion[val.split('-')[0]]
|
||
})
|
||
|
||
}
|
||
},
|
||
};
|
||
</script>
|
||
<style lang="scss" scoped>
|
||
.pro-text {
|
||
font-size: 26rpx;
|
||
font-family: PingFang SC, PingFang SC-Regular;
|
||
font-weight: 400;
|
||
text-align: left;
|
||
color: #333333;
|
||
margin-left: 20rpx;
|
||
> span {
|
||
margin-right: 15rpx;
|
||
}
|
||
}
|
||
|
||
.wrapper {
|
||
display: block;
|
||
}
|
||
|
||
/deep/ .u-mode-light-error {
|
||
border: none;
|
||
}
|
||
|
||
.res_prom_item {
|
||
margin: 20rpx 0;
|
||
}
|
||
|
||
.price_image {
|
||
display: block;
|
||
}
|
||
.href{
|
||
color: $main-color;
|
||
}
|
||
</style>
|