buyFreeCoupon.wxml
4.79 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
<!--pack-activity/pack/buyFreeCoupon.wxml-->
<nav backgroundColor="#f6f6fd">向商家付款</nav>
<view class="sellInfo">
<image src="{{seller.seller_image}}" mode="aspectFill" />
<view class="font32r">{{seller.sellername}}</view>
</view>
<view class="payBox">
<view class="font32r">付款金额</view>
<view class="payView">
<text>￥</text>
<input type="digit" value="{{inputValue}}" bindchange="bindKeyInput" />
</view>
<view bindtap="showCouponModal" class="couponsBox {{available == '1' ? 'colorOrange':'colorNine'}}">
<view class="couponLeft">优惠金额</view>
<view class="couponRight">
<text wx:if="{{discountPrice && discountPrice!='0.00'}}">{{discountPrice}}</text>
<view class="more" style="margin-top: 6rpx;"></view>
</view>
</view>
<view class="couponsWrap">
<view class="couponLeft">抵扣后</view>
<view class="couponRight" wx:if="{{actualPrice && inputValue}}">￥{{actualPrice}}</view>
</view>
<view class="payBtn font32r" bindtap="confirmPayment">付款</view>
</view>
<toast id="myToast"></toast>
<my-modal id="couponModal" fadeStyle="slideUp" height="{{couponArr.length > '3' ? '80%' : '60%'}}">
<view slot="modalName" class="titleModal">
<view class="couponTotalText">所有优惠券</view>
<view bindtap="checkCertificate" class="btn font32r">确认选择</view>
</view>
<view slot="modalContent">
<scroll-view class="couponBox" scroll-y="true">
<checkbox-group bindchange="checkboxChange">
<view wx:for="{{couponArr}}" data-activityId="{{item.activity_id}}" class="couponItems {{item.showCpupon == '0' ? 'couponNo' : ''}}">
<view class="itemLeft">
<view class="priceText" wx:if="{{item.price}}">
<view class="icons font24r">￥</view><text class="priceText">{{item.price}}</text>
</view>
<view class="icons font20r" wx:if="{{item.desc!='0'}}">消费满{{item.desc}}元可用</view>
<view class="icons font20r" wx:if="{{item.desc=='0'}}">无门槛</view>
</view>
<view class="itemRight">
<view class="anameText">
<text class="font40r">{{item.aname}}</text>
<view class="discountText1 font20r">{{item.accumulationShow == '1' ? '可' : '不可'}}叠加</view>
</view>
<view wx:if="{{item.endDateStr}}" class="font20r bottomTitle">有效日期：<view class="bottom font20r">{{item.endDateStr}}</view>
</view>
<!-- <view class="font20r bottom">{{item.arule.is_same_day=='1'?'领取当日可用':'领取当日不可用'}}</view>
<view wx:if="{{item.aexpiration>0}}" class="font20r bottom">领取后{{item.aexpiration}}天内使用</view>
<view wx:if="{{item.cdateText}}" class="font20r bottom">领取日期：{{item.cdateText}}</view> -->
<view wx:if="{{item.morText || item.noonText || item.nigText}}" class="font20r bottomTitle"><text>不可使用：</text>
<view class="textBox">
<view wx:if="{{item.morText}}" class="bottom font20r">{{item.morText}}</view>
<view wx:if="{{item.noonText}}" class="bottom font20r">{{item.noonText}}</view>
<view wx:if="{{item.nigText}}" class="bottom font20r">{{item.nigText}}</view>
</view>
</view>
<view wx:if="{{item.exp_date.week_show=='无'}}" class="bottom font20r">无使用时间限制</view>
</view>
<checkbox disabled="{{item.showCpupon == '0'}}" value="{{item.activity_id}}" checked="{{item.checked}}" />
</view>
</checkbox-group>
</scroll-view>
</view>
</my-modal>
<my-modal id="giveCouponModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal ">
<image bindtap="closegiveCouponModal" class="closeImg" src="https://qn.colorcun.com/closeOutline.png" mode=""/>
<view class="nameInfo">{{seller.sellername}}</view>
<view class="couponTotal">赠送给您<text>{{totalPrice}}元</text>代金券</view>
</view>
<view slot="modalContent">
<view class="couponInfo font24r">您到店扫码支付即可自动使用</view>
<subscribe ids="{{[2]}}" bindtap="closegiveCouponModal">
<view class="couponBtn font36r">我知道了</view>
</subscribe>
<view class="couponText font24r" bindtap="certificate">点击查看详情</view>
</view>
</my-modal>