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

<!-- top-view -->
<view class="top-view">
  <!-- 导航栏 -->
  <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;">出境检测</text>
  </van-nav-bar>

  <!-- tabs -->
  <view class="tab-view">
    <van-tabs sticky animated 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>

  <!-- 列头 --> 
  <view class="title-view">
    <view class="title-view-up">
      <text wx:for="{{ titles[0] }}" wx:for-item="itm" wx:for-index="idx" wx:key="idx">{{itm}}</text>
    </view>
    <view class="title-view-dwn">
      <text wx:for="{{ titles[1] }}" wx:for-item="itm" wx:for-index="idx" wx:key="idx">{{itm}}</text>
    </view>
  </view>
</view>

<!-- 内容滚动视图 --> 
<scroll-view class="content-view" style="padding-bottom: {{safeBottom+48}}px;">
  <!-- 数据 --> 
  <van-swipe-cell wx:for="{{ values }}" wx:for-item="itm" wx:for-index="idx" wx:key="orderid" right-width="{{ itm.width }}" id="{{ idx }}">
    <view class="item-view">
      <view class="item-view-up">
        <text wx:for="{{ itm.up }}" wx:for-item="data" wx:for-index="idx" wx:key="idx">{{ data }}</text>
      </view>
      <view class="item-view-dwn">
        <text wx:for="{{ itm.dwn }}" wx:for-item="data" wx:for-index="idx" wx:key="idx">{{ data }}</text>
      </view>
    </view>
    <!-- 取消收藏 --> 
    <view slot="right" class="van-swipe-cell__right">
      <view class="item detail" id="detail {{ idx }}" style="background-color: #407DB8; color: white;" bindtap="onButtonPressed">详情</view>
      <view class="item cancel" id="cancel {{ idx }}" style="background-color: #F7A657; color: white;" bindtap="onButtonPressed" wx:if="{{ (orders[idx].gzcjstatus === 1) || (orders[idx].gzcjstatus === 22) }}">撤销</view>
      <view class="item confirmsend" id="confirmsend {{ idx }}" style="background-color: goldenrod; color: white;" bindtap="onButtonPressed" wx:if="{{ orders[idx].gzcjstatus === 2 }}">确认发货</view>
      <view class="item confirmresult" id="confirmresult {{ idx }}" style="background-color: forestgreen; color: white;" bindtap="onButtonPressed" wx:if="{{ orders[idx].gzcjstatus === 8 }}">确认检测结果</view>
      <view class="item confirmprepayment" id="confirmprepayment {{ idx }}" style="background-color: #6B3288; color: white;" bindtap="onButtonPressed" wx:if="{{ orders[idx].gzcjstatus === 10 }}">确认预付款</view>
      <view class="item confirmpayment" id="confirmpayment {{ idx }}" style="background-color: maroon; color: white;" bindtap="onButtonPressed" wx:if="{{ orders[idx].gzcjstatus === 13 }}">确认付款</view>
    </view>
  </van-swipe-cell>
</scroll-view>

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