receiveCoupon.wxml
7.11 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!--pack-activity/pack/receiveCoupon.wxml-->
<wxs src="../../utils/util.wxs" module="util" />
<nav>代金券详情</nav>
<view class="top_box">
<image src="https://qn.colorcun.com/voucherIcon1.png" mode="" />
<view class="texts">
<view class="font36r textName">{{detail.aname}}</view>
<view class="font24r threshold">￥<text class="priceText">{{detail.price}}</text><text class="font24r" wx:if="{{detail.desc!='0'}}">满{{detail.desc}}元可用</text></view>
</view>
<view class="font24r receive" wx:if="{{resultCoupon == '1'}}">已领取</view>
</view>
<view class="center_box">
<view class="centerMain">
<view class="title">
<image src="https://qn.colorcun.com/voucherUnion_1.png" mode="" />
<text class="font28r">有效期</text>
</view>
<view class="info font24r"><text>活动期限</text>{{util.unixtoTime(detail.stime,'YYYY-MM-DD')}}<text>至</text>{{util.unixtoTime(detail.etime,'YYYY-MM-DD')}}</view>
<view class="info font24r"><text>领取日期</text>{{util.unixtoTime(detail.cdate,'YYYY-MM-DD')}}</view>
<view class="info font24r" wx:if="{{detail.aexpiration>0}}">领取后{{detail.aexpiration}}天内使用</view>
</view>
<view class="centerMain">
<view class="title">
<image src="https://qn.colorcun.com/voucherUnion_2.png" mode="" />
<text class="font28r">不可用日期</text>
</view>
<view wx:if="{{detail.noonText}}" class="info font24r">{{detail.noonText}}</view>
<view wx:if="{{detail.nigText}}" class="info font24r">{{detail.nigText}}</view>
<view wx:if="{{!detail.noonText && !detail.nigText}}" class="info font24r">无限制</view>
</view>
<view class="centerMain centerMain3" wx:if="{{detail.aexpiration}}">
<view class="title">
<image src="https://qn.colorcun.com/voucherUnion_3.png" mode="" />
<text class="font28r">使用规则</text>
</view>
<view class="info font24r">
<view class="drop"></view>{{detail.arule.is_same_day == '1' ? '领取当日可用' : '领取当日不可用'}}
</view>
<view class="info font24r">
<view class="drop"></view>{{detail.arule.is_accumulation == '1' ? '可以叠加使用其他优惠券' : '不可以叠加使用其他优惠券'}}
</view>
<view class="info font24r">
<view class="drop"></view>{{detail.arule.is_compartment == '1' ? '可用于包间消费' : '不可用于包间消费'}}
</view>
<view class="info font24r">
<view class="drop"></view>{{detail.arule.is_eatin == '1' ? '堂食可用' : '不可用于堂食消费'}}
</view>
<view class="info font24r">
<view class="drop"></view>{{detail.arule.is_takeout == '1' ? '外带可用' : '不可用于外带'}}
</view>
<view class="info font24r">
<view class="drop"></view>{{detail.arule.is_appointment == '1' ? '需要提前预约' : '不需要提前预约'}}
</view>
</view>
<view class="centerMain">
<view class="title">
<image src="https://qn.colorcun.com/voucherUnion_4.png" mode="" />
<text class="font28r">分享规则</text>
</view>
<view class="info font24r">
<view class="drop"></view>{{detail.arule.is_share_lose == '1'? '可以分享给好友' : '不能分享给好友'}}
</view>
<view class="info font24r">
<view class="drop"></view>{{detail.arule.is_share_have == '1'? '分享给好友后继续拥有此券' : '分享给好友后不再拥有此券'}}
</view>
</view>
<view class="centerMain" wx:if="{{detail.explain}}">
<view class="title">
<image src="https://qn.colorcun.com/voucherUnion_5.png" mode="" />
<text class="font28r">其他说明</text>
</view>
<view class="info font24r">{{detail.explain}}</view>
</view>
</view>
<view class="seller_data">
<image src="{{seller.seller_image}}" mode="aspectFill"/>
<view class="seller_box">
<view class="infos">
<view class="info_name font32r">{{seller.sellername}}</view>
<view class="park font24r" wx:if="{{seller.is_parking}}">可停车</view>
</view>
<view class="infos infos1">
<view class="dish font24r">{{seller.cateStr}}</view>
<view class="averageText font24r" wx:if="{{seller.average && seller.average>0}}">人均￥{{seller.average}}</view>
<view class="font24r">{{distance}}</view>
</view>
<!-- <view class="bottom_btns">
<view class="book font24r">朋友订过</view>
<view class="book font24r">我订过</view>
<view class="book font24r">我去过</view>
<view class="book font24r">我有券</view>
</view> -->
</view>
</view>
<view class="bottom_box_wrap">
<view class="bottom_box">
<view class="font24r">温馨提示：</view>
<view class="font24r">到店消费时，请您扫描商家二维码付款时，可以直接识别并使用优惠券</view>
<view class="font24r">2、从<text class="bold_box">周到安排</text>微信小程序，<text class="bold_box">“我的-卡券”</text>中，可以找到您的卡券。</view>
<view class="font24r">3、您也可以关注<text class="bold_box">周到安排</text>公众号，获取更多优惠券信息</view>
<view class="font28r publicity" bindtap="wananchi">关注<text class="bold_box">周到安排</text>公众号，及时获取更多优惠券动态<view class="more" style="margin-left: 20rpx;"></view>
</view>
</view>
</view>
<view class="sharewidth" wx:if="{{resultCoupon == '0' || detail.arule.is_share_lose == '1'}}">
<button wx:if="{{detail.arule.is_share_lose == '1'}}" class="shareBtn" open-type="share">
<image src="https://qn.colorcun.com/voucherIcon2.png" mode="" />
<text class="font24r">分享</text>
</button>
<view class="btns">
<view class="btn1 font36r" wx:if="{{seller.is_online_reserve == '1'}}">
<navigator url="/pages/reserve/reserve?id={{opt.sid}}&activeTab=reserve" class="book-item-font second-book-button flex-cc font30r" style="position: relative;">预订包间</navigator>
</view>
<view class="btn font36r" wx:if="{{seller.is_online_reserve == '0' && seller.phone}}">
<view bindtap="callPhone">预订包间</view>
</view>
<view wx:if="{{resultCoupon == '0' && detail.grant_last>0}}" class="btn font36r" bindtap="submitOrder">领取到卡包</view>
</view>
</view>
<toast id="myToast"></toast>
<my-modal id="myModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal">
<image bindtap="closeCouponModal" class="closeImg" src="https://qn.colorcun.com/closeOutline.png" mode=""/>
<view class="modalText1">您来晚了！</view>
</view>
<view slot="modalContent">
<view class="modalText2 font40r">优惠券已被其他好友抢走了，下次动作要快哦！</view>
<view bindtap="closeCouponModal" class="couponBtn font36r">我知道了</view>
</view>
</my-modal>