payProject/pages/goods/orderList/orderList.wxml

<!-- pages/goods/orderList/orderList.wxml -->
<wxs module="tool" src="../../../app.wxs" />
<view class="tabs-wrap flex-align-center">
  <view class="item flex-center {{current == 4 ? 'active' : ''}}" bindtap="onTabsChange" data-id="4">
    全部
  </view>
  <view class="item flex-center {{current == 1 ? 'active' : ''}}" bindtap="onTabsChange" data-id="1">
    待支付
  </view>
  <view class="item flex-center {{current == 2 ? 'active' : ''}}" bindtap="onTabsChange" data-id="2">
    待取货
  </view>
  <view class="item flex-center {{current == 3 ? 'active' : ''}}" bindtap="onTabsChange" data-id="3">
    已完成
  </view>
</view>
<view class="tabs">
  <view class="tabs-content">
    <navigator url="/pages/goods/orderDetail/orderDetail?id={{item.id}}" hover-class="none" wx:for="{{list}}" wx:key="index">
      <view class="item tabs-radius current{{current}}">
        <view class="item-top flex-align-center ">
          <text class="flex1 ellipsis" style="font-size: 36rpx;">{{item.store_name}}</text>
          <!-- 状态，-3已退款，-2退款中，-1已取消，0待支付，1已支付，待取货，2已取货 -->
          <!-- 状态-1已取消，0待支付，1已支付，3.已结算 -->
          <text class="state" style="color: #fa7d22;">{{item.status_text}}</text>
        </view>
        <view>
          <view class="item-content list-info">
            <view class="content-left content-project" wx:if="{{(item.good.length+item.plus.length)==1}}">
              <image wx:for="{{item.good}}" wx:key="index" class="img content-image" src="{{item.cover_url}}"></image>
              <text class="project-name">{{item.good[0].goods_name}}</text>
            </view>
            <view class="content-left projects-list" wx:else>
              <image wx:for="{{item.good}}" wx:key="index" class="img" src="{{item.cover_url}}"></image>
              <image wx:for="{{item.plus}}" wx:key="index" class="img" src="{{item.plus_url}}"></image>
            </view>
            <view class="content-text-box">
              共{{item.sum}}件
            </view>
          </view>
        </view>
        <view class="price-all">
          <text>￥</text>
          <text>{{item.price}}</text>
        </view>
        <view class="item-btn flex-align-center" wx:if="{{item.status == 0}}">
          <view class="btn cancel-btn flex-center" catchtap="onCancelOrder" data-id="{{item.id}}">
            取消订单
          </view>
          <view class="btn use-btn flex-center" catchtap="onPay" data-id="{{item.id}}" data-money="{{item.price}}">去支付</view>
        </view>
        <view class="item-btn flex-align-center" wx:if="{{item.status != 0}}">
          <text style="font-size: 28rpx;color: #999;">预约费用：</text>
          <text style="font-size: 36rpx;margin-right:28rpx;">¥{{item.price}}</text>
        </view>
      </view>
    </navigator>
    <view class="no-data" style="display: {{list.length == 0 ? 'block' : 'none'}};">暂无数据~</view>
  </view>
</view>

<wux-popup class="popup-radius" position="bottom" catchtouchmove="true" visible="{{ payNow }}" bind:close="onClosePay">
  <view class="coupon-popup payType">
    <view class="top flex-align-center">
      <text style="text-align: center;"></text>
      <image src="/images/icon_20.png" class="close-img" bindtap="onClosePay" />
    </view>

    <view class="moneyShow"><text>¥</text>{{ payMoney }}</view>

    <view class="select-pay-methon" catchtap="pay_methonw">
      <image class="pay-img" src="/images/wx_pay.png"></image>
      <view class="pay-title">微信支付</view>
      <!-- <view class="pay-money"><text>￥</text>800</view> -->
      <image class="select-activity" src="{{pay_methon==1?'/images/icon_13.png':'/images/icon_12.png'}}"></image>
    </view>

    <view class="select-pay-methon" catchtap="pay_methonc" style="margin-bottom: 15rpx;">
      <image class="pay-img" src="/images/joli_pay.png"></image>
      <view class="pay-title">储值支付</view>
      <view class="pay-money"><text>￥</text>{{inserllAmount}}</view>
      <image class="select-activity" src="{{pay_methon==2?'/images/icon_13.png':'/images/icon_12.png'}}"></image>
    </view>
    <view class="coupon-popup-btm flex-center">
      <view class="coupon-popup-btm-btn flex-center" bindtap="payNow">支付</view>
    </view>
  </view>
</wux-popup>