wxappb2b/GuangZuan/miniprogram/mHome/pages/settle/list/index.wxml

<!--mHome/pages/settle/list/index.wxml-->
<view class="container" style="padding-bottom: {{ safeBottom }}px;">
  <!-- 导航栏 -->
  <van-nav-bar custom-style="background-color: #407DB8">
    <van-icon slot="left" name="arrow-left" size="25px" color="#fff" bind:click="backToParent"/>
    <text slot="title" style="color: #fff;">WMS结算单</text>
  </van-nav-bar>

  <!-- tabs -->
  <van-tabs id="category" active="{{ active }}" swipeable bind:change="onTabChange" color="#2270D9" line-width="20px" title-inactive-color="#333" title-active-color="#407DB8">
    <van-tab wx:for="{{ tabs }}" wx:for-item="itm" wx:key="id" id="{{ itm.id }}" title="{{ itm.name }}"/>
  </van-tabs> 

  <view class="list-view">
    <view class="list-view__item" wx:for="{{ values }}" wx:key="orderid" wx:for-item="itm" wx:for-index="idx">
      <view class="list-view__item__row">
        <text selectable="false">日期：{{ itm.paytradedate }}</text>
        <text selectable="false">总费用：{{ itm.totalfee }}</text>
      </view>
      <view class="list-view__item__row">
        <text selectable="false">分拣室服务费：{{ itm.servicefee }}</text>
        <text selectable="false">仓储费：{{ itm.storagefee }}</text>
      </view>
      <view class="list-view__item__row">
        <text selectable="false">保险费：{{ itm.premium }}</text>
        <text selectable="false">分拣室电费：{{ itm.powerfee }}</text>
      </view>
      <view class="list-view__item__row">
        <text selectable="false">报送费{{ itm.customsfee }}</text>
        <text selectable="false" wx:if="{{ itm.paystatus === 3 }}">支付时间：{{ itm.paytime }}</text>
        <van-button id="{{ itm.orderid }}" wx:if="{{ itm.paystatus === 2 }}" type="info" bind:click="doPayment" size="small" round>支付</van-button>
      </view>
    </view>
  </view>
</view>

<!-- empty -->
<van-empty wx:if="{{ isEmpty }}" class="custom-image" description="无数据"/>