|
@@ -4,13 +4,21 @@
|
|
|
|
|
|
<view class="detailBg">
|
|
|
<view class="detailTop">
|
|
|
- <view class="leftB">
|
|
|
+ <view class="leftB" v-if="detail.discountType==1">
|
|
|
<view class="use">¥<span class="use2">{{detail.actMoney}}</span></view>
|
|
|
- <!-- <view class="used" v-else>¥<span class="used2">{{detail.actMoney}}</span></view> -->
|
|
|
<view class="tiaojian">{{detail.whereMoney!==0?'满'+detail.whereMoney+'元可用':'满任意金额可用'}}</view>
|
|
|
</view>
|
|
|
+ <view v-if="detail.discountType!=1" class="leftB" style="display: flex;align-items: center;justify-content: center;">
|
|
|
+ <image src="http://dmsphoto.66km.com.cn/thFiles/5340A784-FEE2-43FA-8ED1-C509FADFDBED.png"
|
|
|
+ mode="" style="width: 77rpx;height:48rpx;"></image>
|
|
|
+ </view>
|
|
|
<view class="centerB">
|
|
|
- <view class="name">{{detail.actName}}</view>
|
|
|
+ <view class="name">
|
|
|
+ <span class="djq" v-if="detail.discountType==1">代金券</span>
|
|
|
+ <span class="djq" v-if="detail.discountType==2">商品券</span>
|
|
|
+ <span class="djq" v-if="detail.discountType==3">服务券</span>
|
|
|
+ <span>{{detail.actName}}</span>
|
|
|
+ </view>
|
|
|
<view class="time" v-if="detail.startTime">
|
|
|
有效期:{{detail.startTime.slice(0,10)}}-{{detail.endTime.slice(0,10)}}</view>
|
|
|
<view class="time" v-else>有效期:领取后{{detail.endOffsetDays}}天有效</view>
|
|
@@ -31,15 +39,16 @@
|
|
|
|
|
|
</view>
|
|
|
<view style="margin-bottom: 30rpx;">
|
|
|
- <view class="titleBox">
|
|
|
- <image src="../../static/img/icon_youhui_red.png" mode="" class="redPoint"></image>
|
|
|
- <view class="title">适用门店</view>
|
|
|
+ <view style="display: flex;justify-content: space-between;">
|
|
|
+ <view class="titleBox">
|
|
|
+ <image src="../../static/img/icon_youhui_red.png" mode="" class="redPoint"></image>
|
|
|
+ <view class="title">适用门店</view>
|
|
|
</view>
|
|
|
-
|
|
|
- <view v-for="(v,index) in detail.shopNames.split(',')">
|
|
|
- <view class="content">{{v}}</view>
|
|
|
- </view>
|
|
|
-
|
|
|
+ <view @click="spShopS" style="color: #666666;font-size: 24rpx;line-height: 24rpx;display: flex;">
|
|
|
+ {{detail.shopNames.split(',').length}}家门店通用
|
|
|
+ <image src="../../static/img/little_rightArrow.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
|
|
|
</view>
|
|
|
|
|
@@ -69,6 +78,20 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
+ <!-- 适用门店 -->
|
|
|
+ <view class="authorizBox" v-if="spShopShow" @click="spShopHide">
|
|
|
+ <view class="syShopBox" @click.stop="">
|
|
|
+ <view class="chBox2">
|
|
|
+ <view class="syShopTitle">适用门店</view>
|
|
|
+ <img src="../../static/timg/chahao.png" alt="" class="chahaoImg" @click="spShopHide"/>
|
|
|
+ </view>
|
|
|
+ <view class="spShopLineBox">
|
|
|
+ <view class="spShopLine" v-for="(item,index) in detail.shopNames.split(',')">{{item}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -85,6 +108,7 @@
|
|
|
ext:'',
|
|
|
wxOpenData:'',
|
|
|
scene:'',
|
|
|
+ spShopShow:false,
|
|
|
}
|
|
|
},
|
|
|
onLoad(opt) {
|
|
@@ -121,6 +145,12 @@
|
|
|
|
|
|
},
|
|
|
methods: {
|
|
|
+ spShopHide(){
|
|
|
+ this.spShopShow=false;
|
|
|
+ },
|
|
|
+ spShopS(){
|
|
|
+ this.spShopShow=true;
|
|
|
+ },
|
|
|
hideSq(){
|
|
|
this.authorizShow=false;
|
|
|
},
|
|
@@ -177,6 +207,11 @@
|
|
|
}
|
|
|
this.$http(url, params, 'GET').then(res => {
|
|
|
uni.hideLoading();
|
|
|
+ if(res.data.couContent){
|
|
|
+ res.data.couContent=res.data.couContent.replaceAll('font-size:15px', 'font-size:12px');
|
|
|
+ res.data.couContent=res.data.couContent.replaceAll('font-size: 15px', 'font-size:12px');
|
|
|
+ res.data.couContent=res.data.couContent.replaceAll('font-size:14px', 'font-size:12px');
|
|
|
+ }
|
|
|
this.detail = res.data;
|
|
|
|
|
|
|
|
@@ -211,6 +246,56 @@
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
+ .djq{
|
|
|
+ background: linear-gradient(128deg, #FFE4C5 0%, #FDC692 100%);
|
|
|
+ border-radius: 4rpx;
|
|
|
+ height: 34rpx;
|
|
|
+ width: 76rpx;
|
|
|
+ line-height: 34rpx;
|
|
|
+ text-align: center;
|
|
|
+ color: #2B2219;
|
|
|
+ font-size: 20rpx;
|
|
|
+ margin-top: 4rpx;
|
|
|
+ margin-right: 10rpx;
|
|
|
+ }
|
|
|
+ .centerB{
|
|
|
+ padding-top: 10rpx;
|
|
|
+ }
|
|
|
+ .chahaoImg{
|
|
|
+ width: 36rpx;height: 36rpx;
|
|
|
+ }
|
|
|
+ .titleBox span{
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+ .syShopBox{
|
|
|
+ background: #FFFFFF;
|
|
|
+ border-radius: 32rpx 32rpx 0rpx 0rpx;
|
|
|
+ width: 750rpx;
|
|
|
+ height: 80vh;
|
|
|
+ margin-top: 20vh;
|
|
|
+ }
|
|
|
+ .spShopLineBox{
|
|
|
+ height: calc(80vh - 90rpx);
|
|
|
+ overflow-y: scroll;
|
|
|
+ }
|
|
|
+ .spShopLine{
|
|
|
+ color: #333333;font-size: 26rpx;
|
|
|
+ padding: 26rpx 30rpx;
|
|
|
+ border-bottom: 1px solid #EEEEEE;
|
|
|
+ }
|
|
|
+ .chBox2{
|
|
|
+ display: flex;justify-content: space-between;
|
|
|
+ padding-left: 30rpx;
|
|
|
+ padding-top: 30rpx;
|
|
|
+ padding-right: 24rpx;
|
|
|
+ padding-bottom: 10rpx;
|
|
|
+ }
|
|
|
+ .syShopTitle{
|
|
|
+ font-weight: 500;
|
|
|
+ color: #333333;
|
|
|
+ font-size: 30rpx;
|
|
|
+ line-height: 42rpx;
|
|
|
+ }
|
|
|
.bottomBtn{
|
|
|
width:704rpx;
|
|
|
line-height: 88rpx;
|