闫增涛
2024-05-06 e8ec903206cb82e4dbb4687291d5f7788e7ff046
pages/cart/paymentPage/index.wxml
@@ -1,74 +1,100 @@
<!--pages/cart/paymentPage/index.wxml-->
<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" />
<!-- 头部 -->
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />
<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> -->
  <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 wx:if="{{item.type == 'product'}}" style="width: 386rpx">
                <view class="boosName">
                  <text class="eBook">电子书</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" wx:if="{{item.type == 'product'}}"
              >图书服务-电子书</view
            >
            <view class="textBox" wx:if="{{item.type == 'item'}}"
              >图书服务-云学习</view
            >
            <view class="priceBox">¥{{item.payPrice}}</view>
          </view>
        </view>
      </view>
      <view class="priceBreakdown">
        <view class="priceBreakdownContent">价格明细</view>
        <view class="amountMoney">
          <view class="commodityBox">商品金额</view>
          <view class="payPriceBox">¥{{payPrice}}</view>
        </view>
        <view class="amount">
          <view> <text>合计: </text> ¥{{payPrice}}</view>
        </view>
      </view>
    </view>
    <!-- <view class="interval"></view> -->
    <view class="paymentBox">
      <view class="residue"
        >待支付:<text class="residueTextBox">¥{{payPrice}}</text></view
      >
      <view>
        <t-button
          wx:if="{{ImmediatelyReceive === 0}}"
          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="navbar-title">提交订单</view>
  <t-toast id="t-toast" />
</view>
<view class="content">
  <!--
  <t-button t-class="wrapper" theme="primary" size="large" variant="outline" data-key="showCloseBtn" bind:tap="showDialog" block>
    带关闭按钮
  </t-button> -->
  <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>
    </view>
  </t-dialog>
  <view class="shoppingCartList">
    <view class="cartList" wx:for="{{productList}}" wx:key="index" wx:for-item="item" wx:for-index="index">
      <image src="{{item.paymentIcon }}" mode="aspectFit" />
      <view class="cartListContent">
        <view class="cartListDetails">{{item.orderSaleMethod.product.name}}</view>
        <view class="textBox">图书服务-电子书</view>
        <view class="priceBox">¥{{item.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>
  </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>
</view>