【c端】立减金商品可用时间段的展示位置,根据后台设置的可用时间段规则来展示

This commit is contained in:
Apple 2022-08-15 16:49:16 +08:00
parent 00c86b0d23
commit 474c9b840c
1 changed files with 31 additions and 10 deletions

View File

@ -12,8 +12,8 @@
</script> </script>
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/siteqiexchange/js/swiper.min.js"></script> <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/siteqiexchange/js/swiper.min.js"></script>
<link href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/siteqiexchange/css/swiper.min.css" rel="stylesheet" /> <link href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/siteqiexchange/css/swiper.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/homepage1_3_0.css?v=12" /> <link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/homepage1_3_0.css?v=124" />
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/api1_3_0.js?v=123"></script> <script src="http://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/api1_4_0.js"></script>
<style> <style>
* { * {
margin: 0 auto; margin: 0 auto;
@ -74,11 +74,11 @@
<p class="validity"> <p class="validity">
有效期:{{receive_time.effect_time.start_time}}至{{receive_time.effect_time.end_time}} 有效期:{{receive_time.effect_time.start_time}}至{{receive_time.effect_time.end_time}}
</p> </p>
<p class="validity" v-if="!fiexd_time"> <p class="validity" v-if="receive_time.use_time.type=='received'">
领取后{{receive_time.use_time.effect_date_type==0?'立即':'次日凌晨'}}生效,有效期 领取后{{receive_time.use_time.effect_date_type==0?'立即':'次日凌晨'}}生效,有效期
{{receive_time.use_time.effect_day}}天 {{receive_time.use_time.effect_day}}天
</p> </p>
<p class="validity" v-else> <p class="validity" v-if="receive_time.use_time.type=='fiexd'">
可用时间:{{receive_time.use_time.fiexd_time.start_time}}-{{receive_time.use_time.fiexd_time.end_time}} 可用时间:{{receive_time.use_time.fiexd_time.start_time}}-{{receive_time.use_time.fiexd_time.end_time}}
</p> </p>
</div> </div>
@ -86,6 +86,29 @@
<div class="receiveBtn" @click="receiveFn" :class="goodInfo.available!=1?'readOnly':''">立即领取</div> <div class="receiveBtn" @click="receiveFn" :class="goodInfo.available!=1?'readOnly':''">立即领取</div>
<div class="coupon_explain"> <div class="coupon_explain">
<h1>- {{reduceInfo.batch_goods_name}}兑换说明 -</h1> <h1>- {{reduceInfo.batch_goods_name}}兑换说明 -</h1>
<div class="content">
<h3 v-if="receive_time.use_time.type=='week'||receive_time.use_time.type=='irregular'">可用时间</h3>
<ul v-if="receive_time.use_time.type=='week'" class="weekTime">
<li v-for="(item,index) in receive_time.use_time.week" :key="index">
<p>{{item}}</p>
<div>
<p v-for="(item2,index2) in receive_time.use_time.time" :key="index2">
{{item2[0]}}~{{item2[1]}}
</p>
</div>
</li>
</ul>
<ul v-if="receive_time.use_time.type=='irregular'">
<li v-for="(item,index) in receive_time.use_time.day" :key="index">
<p>{{item[0]}}至{{item[1]}}</p>
<div>
<p v-for="(item2,index2) in receive_time.use_time.time" :key="index2">
{{item2[0]}}~{{item2[1]}}
</p>
</div>
</li>
</ul>
</div>
<div class="content"> <div class="content">
<h3>使用须知</h3> <h3>使用须知</h3>
<p> <p>
@ -119,7 +142,6 @@
reduceInfo: {}, //券信息 reduceInfo: {}, //券信息
orderId: '', orderId: '',
backAble: true, backAble: true,
fiexd_time:false,//固定时间段
receive_time:{},//领取立减金时间 receive_time:{},//领取立减金时间
tip: `1、立减金自领取之日起0天有效请在有效期内使用<br /> tip: `1、立减金自领取之日起0天有效请在有效期内使用<br />
2、微信立减金自领取后每个立减金一次性使用不兑换不找零到期后自动失效逾期未使用不再补发。使用微信支付进行付款大于立减金面额0.01元以上)即可自动抵扣<br /> 2、微信立减金自领取后每个立减金一次性使用不兑换不找零到期后自动失效逾期未使用不再补发。使用微信支付进行付款大于立减金面额0.01元以上)即可自动抵扣<br />
@ -142,11 +164,10 @@
this.backAble = goodsCount > 1;//多个商品才有返回 this.backAble = goodsCount > 1;//多个商品才有返回
this.reduceInfo = goodsDetail.entity; this.reduceInfo = goodsDetail.entity;
this.plaflam = goodsDetail.entity.channel; this.plaflam = goodsDetail.entity.channel;
this.receive_time=goodsDetail.entity.time_limit; if(goodsDetail.entity.time_limit.use_time.type=='week'){ //处理星期连贯操作
if(goodsDetail.entity.time_limit.use_time.fiexd_time&&goodsDetail.entity.time_limit.use_time.fiexd_time.start_time){ goodsDetail.entity.time_limit.use_time.week=sortWeeks(goodsDetail.entity.time_limit.use_time.week);
this.fiexd_time=true;
} }
console.log(133,goodsDetail); this.receive_time=goodsDetail.entity.time_limit;
}, },
filters: { filters: {
cardType(val) { cardType(val) {