payment.wxml 4.8 KB

1
  1. <view><u-popup bind:input="__e" vue-id="256f0a6a-1" mode="center" border-radius="14" width="80%" height="40%" close-icon-pos="top-left" closeable="{{true}}" close-icon-color="#333333" value="{{popupShow}}" data-event-opts="{{[['^input',[['__set_model',['','popupShow','$event',[]]]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><view style="padding:0 10%;height:100%;width:100%;"><view style="height:20%;width:auto;"><text style="font-size:30rpx;font-weight:bold;display:flex;justify-content:center;align-items:flex-end;height:100%;">超级妈力</text></view><view style="height:30%;width:auto;border-bottom:1rpx solid #EFEFEF;"><text style="font-size:78rpx;font-weight:700;display:flex;justify-content:center;align-items:center;height:100%;">{{"¥"+norderAmount}}</text></view><view style="height:20%;width:auto;"><view style="font-size:30rpx;display:flex;align-items:center;height:100%;"><block wx:if="{{value=='钱包余额支付'}}"><text>余额支付 (余额¥50.00元)</text></block><block wx:else><text>微信支付</text></block></view></view><view style="height:25%;width:auto;"><view style="display:flex;justify-content:center;align-items:center;height:100%;"><u-button style="width:100%;" vue-id="{{('256f0a6a-2')+','+('256f0a6a-1')}}" type="primary" data-event-opts="{{[['^click',[['payment']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}">确认支付</u-button></view></view></view></u-popup><uni-list vue-id="256f0a6a-3" border="{{false}}" bind:__l="__l" vue-slots="{{['default']}}"><image style="width:100%;height:5rpx;background-color:#FFFFFF;" src="../../static/caixian.png"></image><uni-list-item vue-id="{{('256f0a6a-4')+','+('256f0a6a-3')}}" border="{{false}}" bind:__l="__l" vue-slots="{{['header','footer']}}"><view style="color:#666666;font-size:28rpx;" slot="header"><block wx:if="{{product_type=='1'}}"><text>{{doctorName+" 电话咨询"}}</text></block><block wx:if="{{product_type=='2'}}"><text>疫苗图文咨询</text></block><block wx:if="{{product_type=='3'}}"><text>门诊预约</text></block><block wx:if="{{product_type=='4'}}"><text>疫苗接种预约</text></block><block wx:if="{{product_type=='5'}}"><text>儿保预约</text></block><block wx:if="{{product_type=='6'}}"><text>服务包</text></block><block wx:if="{{product_type=='7'}}"><text>充值</text></block></view><view style="color:#FF4F61;font-weight:500;" slot="footer">{{''+orderAmount+''}}</view></uni-list-item><u-line vue-id="{{('256f0a6a-5')+','+('256f0a6a-3')}}" color="#EFEFEF" bind:__l="__l"></u-line><uni-list-item vue-id="{{('256f0a6a-6')+','+('256f0a6a-3')}}" border="{{false}}" link="{{true}}" bind:__l="__l" vue-slots="{{['header','footer']}}"><view style="color:#666666;font-size:28rpx;" slot="header">优惠券</view><view style="font-size:30rpx;" slot="footer">{{''+coupon+''}}</view></uni-list-item></uni-list><u-gap vue-id="256f0a6a-7" height="20" bg-color="#F6F6F6" bind:__l="__l"></u-gap><uni-list vue-id="256f0a6a-8" border="{{false}}" bind:__l="__l" vue-slots="{{['default']}}"><uni-list-item vue-id="{{('256f0a6a-9')+','+('256f0a6a-8')}}" border="{{false}}" bind:__l="__l" vue-slots="{{['header']}}"><view style="font-size:28rpx;font-weight:500;color:#666666;" slot="header">支付方式</view></uni-list-item><block wx:for="{{paymenMethod}}" wx:for-item="item" wx:for-index="index" wx:key="index"><u-radio-group bind:input="__e" vue-id="{{('256f0a6a-10-'+index)+','+('256f0a6a-8')}}" value="{{value}}" data-event-opts="{{[['^input',[['__set_model',['','value','$event',[]]]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><uni-list-item vue-id="{{('256f0a6a-11-'+index)+','+('256f0a6a-10-'+index)}}" border="{{false}}" clickable="{{true}}" data-event-opts="{{[['^click',[['e0']]]]}}" data-event-params="{{({item})}}" bind:click="__e" bind:__l="__l" vue-slots="{{['header','footer']}}"><view slot="header"><text style="font-size:28rpx;font-weight:400;color:#333333;">{{item.name}}</text><block wx:if="{{item.name=='钱包余额支付'}}"><text style="font-size:28rpx;font-weight:500;">{{money}}</text></block></view><view slot="footer"><u-radio vue-id="{{('256f0a6a-12-'+index)+','+('256f0a6a-11-'+index)}}" name="{{item.name}}" disabled="{{item.disabled}}" data-event-opts="{{[['^change',[['radioChange']]]]}}" bind:change="__e" bind:__l="__l"></u-radio></view></uni-list-item><u-line vue-id="{{('256f0a6a-13-'+index)+','+('256f0a6a-10-'+index)}}" color="#EFEFEF" bind:__l="__l"></u-line></u-radio-group></block></uni-list><view class="cu-bar bg-white tabbar border shop" style="position:fixed;bottom:0;z-index:99;width:100%;"><view style="width:75%;"><text style="padding-left:30rpx;font-size:32rpx;">合计:</text><text style="padding-left:20rpx;font-size:36;font-weight:500;color:#FF4F61;">{{orderAmount}}</text></view><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="submit text-white" style="background-color:rgb(11,115,186);font-size:32rpx;" bindtap="__e">确认支付</view></view></view>