You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
121 lines
6.4 KiB
121 lines
6.4 KiB
<!-- <wxs module="mall" src="../index.wxs"></wxs> -->
|
|
<cu-custom bgColor="bg-white" isBack="{{true}}">
|
|
<view slot="backText">返回</view>
|
|
<view slot="content" style="color:black;font-size:36rpx">确认订单</view>
|
|
</cu-custom>
|
|
|
|
<view style="padding:48rpx 32rpx">
|
|
|
|
<view wx:if="{{addressInfo}}" class="header-box flex flex-justify" style="padding:32rpx" bindtap="chooseAddress">
|
|
<view class="flex flex-center">
|
|
<image style="width:60rpx;height:60rpx" src="/assets/image/icon_address.svg"></image>
|
|
<view style="margin-left:18rpx">
|
|
<view style="color:black;font-size:28rpx">{{addressInfo.userName}}</view>
|
|
<view style="color:gray;font-size:24rpx">{{addressInfo.provinceName + addressInfo.cityName + addressInfo.countyName + addressInfo.detailInfo}}</view>
|
|
</view>
|
|
</view>
|
|
<text class="cuIcon-right text-gray" style="font-size:36rpx"></text>
|
|
</view>
|
|
<view wx:else class="header-box flex flex-justify" style="padding:32rpx" bindtap="chooseAddress">
|
|
<view class="flex flex-center">
|
|
<image style="width:30rpx;height:30rpx" src="/assets/image/icon_address.svg"></image>
|
|
<view style="margin-left:18rpx">地址收货选择</view>
|
|
</view>
|
|
<text class="cuIcon-right text-gray" style="font-size:36rpx"></text>
|
|
</view>
|
|
|
|
<view class="margin-top header-box" style="padding:32rpx">
|
|
<view class="flex content">
|
|
<wux-image shape="offer" width="{{60}}" height="{{60}}" src="{{form.litimgUrl}}">
|
|
<view class="image-load" slot="loading">
|
|
<text class="icon--refresher"></text>
|
|
</view>
|
|
</wux-image>
|
|
<view style="flex:1;margin-left:24rpx">
|
|
<view class="page-name">{{form.name}}</view>
|
|
<view class="page-outline">{{form.outline}}</view>
|
|
<view class="page-outline" style="margin-top: 4rpx">{{form.summary}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="flex flex-justify" style="height:60rpx;margin-top:12rpx">
|
|
<view class="offer-label">商品单价</view>
|
|
<view class="offer-val">￥{{form.unitPrice}}</view>
|
|
</view>
|
|
<view class="flex flex-justify" style="height:60rpx">
|
|
<view class="offer-label">商品单位</view>
|
|
<view class="offer-val">{{form.unit}}</view>
|
|
</view>
|
|
<view class="flex flex-justify" style="height:60rpx">
|
|
<view class="offer-label">购买数量</view>
|
|
<view class="offer-val">{{form.number}}</view>
|
|
</view>
|
|
<!-- <view class="flex flex-justify" style="height:60rpx">
|
|
<view class="offer-label">运费</view>
|
|
<view class="offer-val">￥{{form.dividePrice}}</view>
|
|
</view> -->
|
|
<view class="flex flex-justify" style="height:60rpx" wx:if="{{form.payType == 1}}">
|
|
<view class="offer-label" style="color:#333333;font-size:28rpx">预付金额</view>
|
|
<view class="offer-val" style="color:#008AFF;font-size:28rpx">￥{{form.preAmount}}</view>
|
|
</view>
|
|
<view class="flex flex-justify" style="height:60rpx" wx:if="{{form.payType == 2}}">
|
|
<view class="offer-label" style="color:#333333;font-size:28rpx">应付金额</view>
|
|
<view class="offer-val" style="color:#008AFF;font-size:28rpx">￥{{form.totalPrice}}</view>
|
|
</view>
|
|
<view class="flex flex-justify" style="height:60rpx" wx:if="{{form.payType == 3 || form.payType == 4}}">
|
|
<view class="offer-label" style="color:#333333;font-size:28rpx">月结金额</view>
|
|
<view class="offer-val" style="color:#008AFF;font-size:28rpx">￥{{form.monthAmount}}</view>
|
|
</view>
|
|
<view class="flex flex-justify" style="height:60rpx" wx:if="{{form.payType == 4}}">
|
|
<view class="offer-label" style="color:#333333;font-size:28rpx">现结金额</view>
|
|
<view class="offer-val" style="color:#008AFF;font-size:28rpx">￥{{form.totalPrice}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="margin-top header-box" style="padding:32rpx">
|
|
<view class="flex flex-center item_border" style="justify-content: flex-start">
|
|
<text class="cuIcon-titles text-blue"></text>
|
|
<view style="color:black;font-size:32rpx">付款方式</view>
|
|
</view>
|
|
<view class="flex flex-justify" style="height:80rpx" data-index="1" bindtap="checkMode" wx:if="{{form.sellMode == 1}}">
|
|
<view class="flex align-end">
|
|
<text style="font-size:28rpx">预付定金</text>
|
|
<text class="offer-hint" style="margin-left:10rpx">预付款10%，余款货到付款</text>
|
|
</view>
|
|
<text class="cuIcon-{{form.payType==1?'roundcheckfill':'roundcheck'}} text-{{form.payType==1?'blue':'grey'}}" style="font-size:36rpx"></text>
|
|
</view>
|
|
<view class="flex flex-justify" style="height:80rpx" data-index="2" bindtap="checkMode" wx:if="{{form.sellMode == 1}}">
|
|
<view style="font-size:28rpx">全额支付</view>
|
|
<text class="cuIcon-{{form.payType==2?'roundcheckfill':'roundcheck'}} text-{{form.payType==2?'blue':'grey'}}" style="font-size:36rpx"></text>
|
|
</view>
|
|
<view class="flex flex-justify" style="height:80rpx" data-index="3" bindtap="checkMode" wx:if="{{form.sellMode == 2}}">
|
|
<view class="flex align-end">
|
|
<text style="font-size:28rpx">月结付款</text>
|
|
</view>
|
|
<text class="cuIcon-{{form.payType==3?'roundcheckfill':'roundcheck'}} text-{{form.payType==3?'blue':'grey'}}" style="font-size:36rpx"></text>
|
|
</view>
|
|
<view class="flex flex-justify" style="height:80rpx" data-index="4" bindtap="checkMode" wx:if="{{form.sellMode == 2}}">
|
|
<view style="font-size:28rpx">现结付款</view>
|
|
<text class="cuIcon-{{form.payType==4?'roundcheckfill':'roundcheck'}} text-{{form.payType==4?'blue':'grey'}}" style="font-size:36rpx"></text>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view style="height:120rpx"></view>
|
|
|
|
<view class="cu-bar bg-white foot flex flex-justify" style="height:{{isIPhoneX?154:120}}rpx;padding:32rpx;padding-bottom:{{isIPhoneX?66:32}}rpx">
|
|
<button class="flex flex-column" open-type="contact" style="background-color: #fff;border-radius: 0;margin-left:-20rpx">
|
|
<image style="width:60rpx;height:60rpx" src="/assets/image/icon_wechat.svg"></image>
|
|
<view style="font-size:28rpx;line-height: 24rpx">客服</view>
|
|
</button>
|
|
<view class="flex align-end">
|
|
<!-- <view class="text-gray" style="font-size:12px">共{{form.number}}{{form.unit}}</view> -->
|
|
<view class="text-black" style="font-size:32rpx;margin-left:24rpx">合计:￥</view>
|
|
<view class="text-blue" style="font-size:32rpx" wx:if="{{form.payType == 1}}">{{form.preAmount}}</view>
|
|
<view class="text-blue" style="font-size:32rpx" wx:elif="{{form.payType == 2 || form.payType == 4}}">{{form.totalPrice}}</view>
|
|
<view class="text-blue" style="font-size:32rpx" wx:elif="{{form.payType == 3}}">{{form.monthAmount}}</view>
|
|
<button class="cu-btn offer-btn" bindtap="offerProject">立即购买</button>
|
|
</view>
|
|
</view>
|
|
|
|
<wux-dialog id="wux-dialog" />
|