litian
2024-07-11 3f62d09217740b02d45bad3e6791916a9f11695c
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!-- 头部 -->
<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>
 
  <t-toast id="t-toast" />
</view>