Files
sphc/pages/cartPay/cartPay.wxml
2024-05-06 15:34:15 +08:00

209 lines
7.6 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!--pages/cartPay/cartPay.wxml-->
<!-- 选择收货类型 -->
<view class="address display_J_B" catchtap="addressType">
<view class="address-l display_J_S display_A_C">
<image src="/icon/order-addrass.png"></image>
<!-- <view class="address-cont GStitleOne" wx:if='{{dataList.wisdUserAddress==null}}'>选择收货方式</view> -->
<view class="address-cont GStitleOne">{{address}}</view>
</view>
<view class="address-r display_A_C">
<image src="/icon/right.png"></image>
</view>
</view>
<view class="goods">
<view class="cont display_J_B" wx:for='{{goods}}' wx:key='index'>
<view class="cont-l">
<image src="{{item.goodsPhoto}}"></image>
</view>
<view class="cont-m">
<view class="name GStitleOne">{{item.goodsName}}</view>
<view class="spec">规格:{{item.specs.specName}}</view>
<!-- 普通 -->
<view class="price" wx:if="{{!integral==1}}">¥{{reduceTypeXz==0?item.specs.price:item.specs.specPrice}}
<text>¥{{item.specs.originalPrice}}</text>
</view>
<!-- 积分 -->
<view class="price" wx:if="{{integral==1}}">{{item.specs.price}}积分</view>
</view>
<view class="cont-r">x{{item.num}}</view>
</view>
</view>
<view class="data">
<view class="data-t display_J_B display_A_C">
<view class="t-l">商品合计<text wx:if='{{integral!=1}}'>(预计获得{{total_int}}积分)</text></view>
<view class="t-r t-r__1">{{integral==1?totalIntegral + '积分':'¥' + total}}</view>
</view>
<view class="data-t display_J_B display_A_C">
<view class="t-l">运费</view>
<view class="t-r t-r__2">{{orderPick==1?'自提':integral==1?'包邮':freight==0?'包邮':('¥'+freight)}}</view>
</view>
<!-- <view class="data-t display_J_B display_A_C" wx:if="{{!integral==1}}">
<view class="t-l">优惠</view>
<view class="t-r t-r__3 display_A_C" wx:if='{{reduceTypeXz>0}}' catchtap="reduceType"><text
style="color:#333;">{{reduceTypeXz==2?'折扣券':'现金券'}}</text> -¥{{discount}}
<image src="/icon/right.png"></image>
</view>
<view class="t-r t-r__2 display_A_C" wx:if='{{reduceTypeXz==0}}' catchtap="reduceType">请选择优惠类别<image
src="/icon/right.png"></image>
</view>
</view> -->
<!-- 折扣 -->
<view class="data-t display_J_B display_A_C" wx:if='{{reduceTypeXz>0}}'>
<view class="t-l">{{reduceTypeXz==2?'折扣券':'现金券'}}</view>
<view class="t-r t-r__2">-¥{{priceSum}}</view>
</view>
<view class="data-t display_J_B display_A_C" wx:if="{{!integral==1}}">
<view class="t-l">优惠</view>
<view class="t-r t-r__3 display_A_C" wx:if='{{reduceTypeXz>0}}' catchtap="reduceType">
-¥{{discount}}
<image src="/icon/right.png"></image>
</view>
<view wx:if='{{reduceTypeXz==0}}'>
<view class="t-r t-r__2 display_A_C" wx:if='{{dataList.userVolumeBalance > 0||dataList.userDiscountBalance > 0}}'
catchtap="reduceType">请选择优惠类别<image src="/icon/right.png"></image>
</view>
<view class="t-r t-r__2 display_A_C" wx:else>
暂无优惠
</view>
</view>
</view>
<view class="data-t display_J_B display_A_C">
<view class="t-l">备注</view>
<view class="t-r t-r__2">
<input type="text" value="{{note}}" bindinput="note" placeholder="请填写备注"></input>
</view>
</view>
<view class="data-t data-t_last display_J_B display_A_C">
<view class="t-l">实际支付</view>
<view class="t-r t-r__4">{{integral==1?payActualIntegral+'积分':'¥'+payActual}}</view><!-------->
</view>
</view>
<view class="pay-type display_J_B" >
<view class="pay-type__l display_A_C">
<image src="/icon/wx.png"></image>微信支付
</view>
<view class="pay-type__r display_A_C" wx:if="{{wxVipType == 1}}">{{dataList.userVip}}会员尊享{{dataList.userVipDiscount/10}}折优惠<image
src="/icon/wx-checked.png"></image>
</view>
<view class="pay-type__r display_A_C" wx:else>暂无优惠(注:如有折扣商品请单独购买)
</view>
</view>
<!-- 自提时间 -->
<view class="ztTime display_J_B" wx:if="{{orderPick==1}}">
<view class="ztt_l">自提时间<text>*</text></view>
<view class="ztt_r display_J_E display_A_C">
<picker mode="date" value="{{date}}" start="{{startTime}}" bindchange="bindDateChange">
<view class="display_A_C display_J_E" style="width:250rpx;">
<text class="{{date!=''?'ztt_r_time':''}}">{{date==''?'选择提货日期':date}}</text>
<image src="/icon/c-down.png"></image>
</view>
</picker>
<picker mode="time" value="{{time}}" bindchange="bindTimeChange">
<view class="display_A_C display_J_E" style="width:250rpx;">
<text style="margin-left: 30rpx;" class="{{time!=''?'ztt_r_time':''}}">{{time==''?'选择提货时间':time}}</text>
<image src="/icon/c-down.png"></image>
</view>
</picker>
</view>
</view>
<!-- 联系方式 -->
<view class="ztTime display_J_B" wx:if="{{orderPick==1}}">
<view class="ztt_l">联系方式<text>*</text></view>
<view class="ztt_r display_A_C">
<input type="number" value="{{telNum}}" type="number" placeholder="请输入联系方式" style="font-size: 28rpx;color: #333333;"
bindinput="telNum" />
</view>
</view>
<view class="ztTimeTs" wx:if="{{orderPick==1}}">由于进货和配货需要时间您的提货时间要3天后开始选择</view>
<view class="height100"></view>
<view class="height100"></view>
<view class="pay display_J_B display_A_C" wx:if="{{!integral==1}}">
<view class="pay-l">
<i>共计{{numAll}}件</i>
合计:¥
<text>{{pay}}</text>
</view>
<view class="pay-r" catchtap="pay" >立即支付</view>
</view>
<view class="pay display_J_B display_A_C" wx:if="{{integral==1}}">
<view class="pay-l"><i>共计1{{numAll}}件</i>合计:<text>{{payActualIntegral}}积分</text></view>
<view class="{{dataList.userIntegral<payActualIntegral?'pay-r_bz':'pay-r'}}"
catchtap="{{dataList.userIntegral<payActualIntegral?'':'pay'}}">
{{dataList.userIntegral<payActualIntegral?'积分不足':'立即兑换'}} </view>
</view>
<!-- 优惠方式 -->
<view wx:if='{{reduceType}}'>
<view class="reduce-zzc" catchtap="reduceZzc"></view>
<view class="reduce-cont">
<view class="reduce-title">
选择优惠方式<text class="titlezk">(一经核销不予退还)</text>
</view>
<view class="reduce-c display_J_B" catchtap="reduceTypeXz" data-index='1'>
<view class="reduce-c__l display_A_C">
现金券:<text><text>¥</text>{{dataList.userVolumeBalance}}</text>
</view>
<view class="reduce-c__r display_A_C">
<image src="/icon/{{reduceTypeXz==1?'checked':'check'}}.png"></image>
</view>
</view>
<view class="reduce-c display_J_B" catchtap="reduceTypeXz" data-index='2'>
<view class="reduce-c__l display_A_C">
折扣券:<text><text>¥</text>{{dataList.userDiscountBalance}}</text>
<text class="zk">({{dataList.userDiscount/10}}折)</text>
</view>
<view class="reduce-c__r display_A_C">
<image src="/icon/{{reduceTypeXz==2?'checked':'check'}}.png"></image>
</view>
</view>
</view>
</view>
<!-- 收货方式 -->
<view wx:if='{{addressType}}'>
<view class="reduce-zzc" catchtap="addressZzc"></view>
<view class="reduce-cont">
<view class="reduce-title">选择收货方式</view>
<view class="reduce-c display_J_B" catchtap="address">
<view class="reduce-c__l display_A_C">
<image src="/icon/order-addrass.png"></image>我的收货地址
</view>
<view class="reduce-c__r display_A_C">
<image src="/icon/right.png"></image>
</view>
</view>
<view class="reduce-c display_J_B" catchtap="ztd">
<view class="reduce-c__l display_A_C">
<image src="/icon/address.png" style="width:30rpx;margin:0 66rpx 0 7rpx;"></image>自提点
</view>
<view class="reduce-c__r display_A_C">
<image src="/icon/right.png"></image>
</view>
</view>
</view>
</view>