classroom-music-activation/miniprogram/pages/orders/orders.wxml

<!--pages/orders/orders.wxml-->
<view class="container">
  <navigation-bar title="我的订单"></navigation-bar>

  <view class="record-content">
    <view class="record-tab">
      <view wx:for="{{tabList}}" wx:key="id" class="{{item.id == tabIdx ? 'active' : ''}}" catch:tap="switchTab" data-idx="{{item.id}}">
        {{item.label}}
      </view>
    </view>
    <scroll-view class="record-list" type="list" scroll-y bindscrolltolower="loadMore">
      <block wx:if="{{ recordList.length }}">
        <view class="list-item-group">
          <view class="list-item" wx:for="{{recordList}}" wx:key="index" data-orderno="{{item.orderNo}}" data-wechatstatus="{{item.wechatStatus}}" bind:tap="onDetail">
            <view class="item-top">
              <text class="{{ item.wechatStatus == 'WAIT_PAY' || item.wechatStatus == 'WAIT_USE' || item.wechatStatus == 'REFUNDING' ? 'red' : item.wechatStatus === 'CLOSED' ? 'closed' : '' }}">{{ item.statusName }}</text>
              <view class="item-mid">{{ item.createTime }}</view>
            </view>
            <view class="item-content">
              <view class="imgCon">
                <image class='goods-icon' wx:for="{{item.studentPaymentOrderDetails}}" wx:key="studentIndex" src="{{item.goodsUrl}}" mode="" />
              </view>
              <view class="goods-desc">
                <view class="goodsInfo">
                  <view class="goods-price">
                    <text class="stuff">¥ </text>
                    <numberDisplay number="{{ my.sumArray(item.studentPaymentOrderDetails, 'paymentCashAmount') }}" />
                  </view>
                </view>
                <view class="goods-type">
                  <view class="goods-num">共 {{ item.studentPaymentOrderDetails.length }} 件</view>
                </view>
              </view>
            </view>
            <view wx:if="{{ item.wechatStatus == 'WAIT_PAY' }}" class="item-footer">
              <view class="order-price">
                <!-- 订单金额：<text class="price-first">¥ </text><text class="price">{{item.amount}}</text> -->
              </view>
              <!-- <block wx:if="{{ item.wechatStatus == 'REFUNDING' || (item.wechatStatus == 'WAIT_USE' && tabIdx == 5) }}" wx:key="block">
                <button wx:if="{{ item.wechatStatus == 'REFUNDING' }}" type="primary" wx:if="{{ item.wechatStatus == 'REFUNDING' }}" catch:tap="onRefounded" data-id="{{item.id}}" disabled="{{ cancelRefoundStatus }}">取消退款</button>
                <button wx:else type="primary" catch:tap="onRefounded" data-id="{{item.id}}" disabled="{{ cancelRefoundStatus }}">申请退款</button>
              </block> -->
              <!-- <block wx:else wx:key="block"> -->
                <button class="sure" type="primary" catch:tap="onPay" data-id="{{item.id}}">继续支付</button>
                <!-- <button type="primary" wx:else catch:tap="onOne" data-id="{{item.id}}">再次购买</button> -->
              <!-- </block> -->
            </view>
          </view>
        </view>
      </block>
      <block wx:else>
        <view class="empty-box">
          <image src="https://oss.dayaedu.com/ktyq/1739278149891.png"></image>
          <view class="empty-text">暂无订单</view>
        </view>
      </block>
    </scroll-view>
  </view>
  <!-- 客服 -->
  <!-- <service wx:if="{{serviceShow}}"></service> -->
  <!-- 申请退款 -->
  <!-- <apply-refound refoundStatus="{{ refoundStatus }}" goodsInfo="{{goodsInfo}}" bind:changeRefoundStatus="changeRefoundStatus" bind:onConfirm="onRefoundComfirm"></apply-refound> -->
</view>

<wxs module="my">
  var sumArray = function (value, key) {
    return value.reduce(function(num, item){
      return item[key] + num
    }, 0)
  }
  module.exports = {
    sumArray: sumArray
  }
</wxs>