zf

litian

2024-09-27 3ec10b0c2654e1243e42a5ad563d088ac89c87fe

 pages/cart/paymentPage/index.wxml

@@ -1,87 +1,82 @@
<!-- 头部 -->
<view class="titleBox">
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />

  <view style="width: 100%; height: {{barHeight}}px; "></view>
  <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
    <view>
      <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
<view hidden="{{hidden}}">
  <!-- <view class="titleBox">
    <view style="width: 100%; height: {{barHeight}}px; "></view>
    <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
      <view>
        <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
      </view>
      <view class="navbar-title">提交订单</view>
    </view>
    <view class="navbar-title">提交订单</view>
  </view>
</view>
  </view> -->


<view class="paymentPageBox">














  <view class="content">
    <t-dialog visible="{{showCloseBtn}}" close-btn bind:confirm="closeDialog" bind:cancel="closeDialog">
      <view slot="content" class="slotContent">
        <view class="myQrcodeBox">
          <canvas style="width: 200px; height: 200px;margin:0 auto" canvas-id="myQrcode"></canvas>
          <view class="myQrcodeTextBox">微信扫码支付</view>
  <view class="paymentPageBox">
    <view class="content">
      <view class="shoppingCartList">
        <view class="cartList" wx:for="{{productList}}" wx:key="index" wx:for-item="item" wx:for-index="index">
          <view class="imageBox">
            <image wx:if="{{item.paymentIcon}}" src="{{item.paymentIcon }}" mode="aspectFit" />
            <image wx:else src="/static/images/default-book-img.png" class="imageStyle" mode="aspectFit" />
          </view>
          <view class="cartListContent">
            <view class="cartListDetails">
              <view style="width: 500rpx">
                <view class="boosName">
                  <text class="eBook">{{item.typeTxt}}</text>
                  <text> {{item.orderSaleMethod.product.name}}</text>
                </view>
              </view>
              <!-- <view wx:if="{{item.type == 'item'}}" style="width: 386rpx">
                <view class="boosName">
                  <text class="cloudLearning">云学习</text>
                  <text> {{item.orderSaleMethod.product.name}}</text>
                </view>
              </view> -->
            </view>
            <view class="textBox">{{item.productType}}</view>
            <view class="priceBox">￥{{price}}</view>
          </view>
        </view>
      </view>
    </t-dialog>





    <view class="shoppingCartList">
      <view class="cartList" wx:for="{{productList}}" wx:key="index" wx:for-item="item" wx:for-index="index">
        <view class="imageBox">
          <image src="{{item.paymentIcon }}" mode="aspectFit" />
      <view class="integralBreakdown">
        <view class="priceBreakdownContent">积分兑换（100积分可兑换1元）</view>
        <view class="integral">
          <view>
            我的积分：{{integral}}
          </view>
          <t-switch defaultValue="{{defaultVal}}" slot="note" bindchange="handleChange" />
        </view>
 
        <view class="cartListContent">
          <view class="cartListDetails">{{item.orderSaleMethod.product.name}}</view>
          <view class="textBox">图书服务-电子书</view>
          <view class="priceBox">￥{{item.payPrice}}</view>
      </view>
      <view class="priceBreakdown">
        <view class="priceBreakdownContent">价格明细</view>
        <view class="amountMoney">
          <view class="commodityBox">商品金额</view>
          <view class="payPriceBox">￥{{price}}</view>
        </view>
        <view class="integralCon" wx:if="{{showIntegral}}">
          <view class="label">积分抵扣</view>
          <view class="payBox">
            <view>{{currentBalance}}</view>
            <view>￥{{deduct}}</view>
          </view>
        </view>
        <view class="amount">
          <view> <text>合计： </text> ￥{{payPrice}}</view>
        </view>
      </view>
    </view>








    <view class="priceBreakdown">
      <view class="priceBreakdownContent">价格明细</view>
      <view class="amountMoney">
        <view>商品金额</view>
        <view>￥{{payPrice}}</view>
      </view>
      <view class="amount">
        <view>合计：￥{{payPrice}}</view>
    <!-- <view class="interval"></view> -->
    <view class="paymentBox">
      <view class="residue">待支付：<text class="residueTextBox">￥{{payPrice}}</text></view>
      <view>
        <t-button wx:if="{{payPrice === '0.00'}}" class="buttonBox" shape="round" catch:tap="onReceive">立即领取</t-button>
        <t-button wx:else class="buttonBox" shape="round" catch:tap="confirmOrderGet">微信支付</t-button>
      </view>
    </view>




  </view>
  <!-- <view class="interval"></view> -->

  <view class="paymentBox">
    <view class="residue">待支付：<text class="residueTextBox">￥{{payPrice}}</text></view>
    <view>
      <t-button class="buttonBox" shape="round" bind:tap="confirmOrderGet">微信支付</t-button>
    </view>
  </view>
  <t-toast id="t-toast" />
</view>