order.wxml 8.5 KB
<view class="content">
    <!-- 地址信息 -->
    <view class="address_box" wx:if="{{info.address}}" bindtap="add_address">
        <view class="name">{{info.address.name}}
            <text>{{info.address.tel}}</text>
            <text>{{info.address.b_tel||""}}</text>
        </view>
        <view class="address">
            <image class="tips_img" src="/images/icon_54.png" />
            <view>{{info.address.area}}{{info.address.address}}</view>
        </view>
        <image src="/images/icon_41.png" class="youjiantou" />
    </view>

    <view class="on_address" wx:else bindtap="add_address">
        <image src="/images/icon_46.png" />
        <view>暂无收货地址,
            <text>去添加</text>
        </view>
    </view>
    <view class="line">
        <image src="/images/line.png" />
    </view>

    <view class="content">
        <shop_item list="{{info.products}}" type="{{type}}" />
        <view class='recommend' wx:if="{{info.coudanProduct.length>0}}">
            <view class='re_one'>*您支付后还剩{{info.choudan}}积分为您推荐了以下凑单产品!</view>
            <scroll-view class='re_goods' scroll-x scroll-left="0">
                <view class='re_item' wx:for='{{info.coudanProduct}}' wx:key='index' data-index="{{index}}" data-id="{{item.id}}" data-num="{{item.num?item.num:1}}" data-check='{{item.check}}' data-price='{{item.price}}' data-price2="{{item.price2}}">
                    <view class='re_re_item {{item.check?"active":""}}'>
                        <view class='triangle' wx:if='{{item.check}}'>
                            <image src='/images/bingo.png' class='bingo'></image>
                        </view>
                        <view class='re_re_img'>
                            <image src='{{item.images[0]}}' mode='aspectFill'></image>
                        </view>
                        <view class='re_bottom'>
                            <view class='re_re_name'>{{item.name}}</view>
                            <view class='re_re_score' wx:if="{{item.price!=null}}">{{item.price2}}积分</view>
                            <view class='re_re_score' wx:else>{{item.price}}积分</view>
                        </view>

                        <!-- 数量操作 -->
                        <view class="num_box">
                            <image class="num_btn" src="/images/reduce.png" data-check='{{item.check}}' wx:if="{{item.num}}" data-index="{{index}}" data-id="{{item.id}}" data-type="0" data-num="{{item.num?item.num:0}}" catchtap="num_change" data-price='{{item.price}}' data-price2="{{item.price2}}" />
                            <text wx:if="{{item.num}}">{{item.num?item.num:0}}</text>
                            <image class="num_btn" src="/images/add.png" data-check='{{item.check}}' data-index="{{index}}" data-id="{{item.id}}" data-type="1" data-num="{{item.num?item.num:0}}" catchtap="num_change" data-price='{{item.price}}' data-price2="{{item.price2}}" />
                        </view>
                    </view>
                </view>
            </scroll-view>
        </view>

        <view class='three'>
            <view class='mask_two'>
                <view>订单编号</view>
                <view class='score'>{{info.order_odd}}</view>
            </view>

            <view class='mask_two'>
                <view>创建时间</view>
                <view class='score'>{{info.date}}</view>
            </view>

            <view class='mask_two'>
                <view>邮费</view>
                <view class='score' style="color:rgba(242, 0, 0, 1)">{{info.yunfei/100}}积分</view>
            </view>
        </view>
    </view>
</view>

<view class="footer">
    <view class="submit" catchtap="show_cover">提交</view>
    <view class="jifen"> 合计:
        <!-- <text>{{choudan_money?choudan_money + info.total + info.yunfei*100/100: info.total + info.yunfei*100/100}}积分</text> -->
        <text>{{choudan_money?(choudan_money + info.total + info.yunfei)/100: (info.total + info.yunfei)/100}}积分</text>
    </view>
    <view class="num">共{{info.totalnum + choudanNum}}件</view>
</view>
<concat />

<!-- 支付成功弹框开始 -->
<view class='success_mask' wx:if='{{success}}'>
    <view class='success_diceng'>
        <view class='success_one'>
            <image src='/images/success.png'></image>
        </view>
        <view class='success_font'>支付成功</view>
        <navigator class='success_confirm_btn' open-type="navigateBack">确定</navigator>
    </view>
</view>
<!-- 支付成功弹框结束 -->
<!-- 支付失败弹框开始 -->
<!-- <view class='success_mask' wx:if='{{fail}}'>
  <view class='success_diceng'>
    <view class='success_one'>
      <image src='/images/icon_55.png'></image>
    </view>
    <view class='success_font'>支付失败</view>
    status为1的时候才能支付
    <view class='fail_font' wx:if="{{info.status == 0}}">不在活动时间,您不能支付</view>
    <view class='fail_font' wx:else>所需积分{{order.xy}},积分余额{{order.syjf}}</view>
    <navigator class='success_confirm_btn' open-type="navigateBack">取消支付</navigator>
  </view>
</view> -->
<view class="peijianMask" wx-if="{{fail}}">
    <view class="peijianPopup">
        <view class="typePopop_quxiao" bindtap="payFail">
            <image src="/images/quxiao11.png" mode="widthFix" style="width: 48rpx;"></image>
        </view>
        <view style="padding: 32rpx;margin-top: 80rpx;">
            <view style="display: flex;flex-direction: column;align-items: center;">
                <image src="/images/jinggao.png" mode="widthFix" style="width: 126rpx;"></image>
                <text style="font-size: 32rpx; color: #000;margin: 16rpx 0;">支付失败</text>
                <!-- <text style="font-size: 28rpx;">您的积分不足,可使用微信支付差价</text> -->
            </view>
            <view style="width: 100%;padding: 32rpx 0;display: flex;justify-content: space-between;border-bottom: 1rpx solid rgba(240,242,245,1);">
                <view style="font-size: 28rpx;">
                    共需积分
                </view>
                <view style="font-size: 32rpx;color: #3D9BF5;">
                    {{order.xy}}
                </view>
            </view>
            <view style="width: 100%;padding: 32rpx 0;display: flex;justify-content: space-between;border-bottom: 1rpx solid rgba(240,242,245,1);">
                <view style="font-size: 28rpx;">
                    当前积分
                </view>
                <view style="font-size: 32rpx;color: #3D9BF5;">
                    {{order.syjf}}
                </view>
            </view>
            <!-- <view style="width: 100%;padding: 32rpx 0;display: flex;justify-content: space-between;border-bottom: 1rpx solid rgba(240,242,245,1);">
                <view style="font-size: 28rpx;">
                    差价支付
                </view>
                <view style="font-size: 32rpx;color: #ED261C;">
                    ¥{{payMent}}
                </view>
            </view> -->
            <!-- <view style="margin-top: 114rpx;display: flex;align-items: center;font-size: 28rpx;justify-content: space-between;">
                <view>
                    <text style="color: rgba(0,0,0,0.26);">共{{info.totalnum + choudanNum}}件,</text>
                <text style="color: rgba(0,0,0,0.6);">合计:</text>
                <text style="color: #3D9BF5;">{{order.xy}}积分,</text>
                <text style="color: rgba(0,0,0,0.6);">差价:</text>
                <text style="color: #ED261C;">¥{{payMent}}</text>
                </view>
                <view style="width: 222rpx;height: 88rpx;background-color: #3D9BF5;border-radius: 96rpx;display: flex;align-items: center;justify-content: center;font-size: 32rpx;color: #FFFFFF;" bindtap="mixedPay">
                    提交
                </view>
            </view> -->
        </view>
    </view>
</view>
<!-- 支付失败弹框结束 -->

<view class="cover_box" wx:if="{{cover_type}}">
    <view class="cover_order">
        <view class="all_money">{{choudan_money?(choudan_money + info.total + info.yunfei)/100: (info.total + info.yunfei)/100}}积分</view>
        <view class="money_item">
            <text>商品积分</text>
            <text>{{choudan_money?(choudan_money + info.total)/100:info.total/100}}积分</text>
        </view>
        <view class="money_item">
            <text>邮费</text>
            <text>{{info.yunfei/100}}积分</text>
        </view>
        <view class="cover_submit" catchtap="submit">确认支付</view>
        <image src="/images/close.png" class="cover_close" catchtap="show_cover" />
    </view>
</view>