school_meal_wxapp/pages/order/order.wxml

<l-container>
  <view slot="container" class="globstyle order">
    <van-tabs nav-class="nav" bind:click="tabs" active="{{ active }}">
      <van-tab title="全部">
        <view wx:for="{{orderlist[0]}}" wx:key="index" class="item">
          <van-cell custom-class="cells {{item.status_text=='待付款' ? false : true}}"
            border="{{item.status_text=='待付款' ? false : true}}" title="{{item.no}}" title-class="title"
            value-class="value" use-label-slot value="{{item.status_text}}">
            <view slot="label" class="label">
              <view class="g name">名称：{{item.commodity_text}}</view>
              <view class="g date">下单时间：{{item.create_time_f}}</view>
              <view class="g price">购买金额：<text class="txt">￥{{item.total_amount}}</text></view>
              <view class="g stutdent">
                {{item.student_text}}： {{item.school_text}} {{item.grade_text}} {{item.class_text}}
              </view>
            </view>
          </van-cell>
          <view wx:if="{{item.status_text=='待付款'}}">
            <van-cell custom-class="cell" use-label-slot>
              <view class="btns" slot="label">
                <van-button bind:click="pay" data-item="{{item}}" round type="primary" size="small">付款
                </van-button>
              </view>
            </van-cell>
          </view>
        </view>
        <van-empty wx:if="{{orderlist[0].length==0}}" description="暂无订单" />
      </van-tab>
      <van-tab title="待付款">
        <view wx:for="{{orderlist[1]}}" wx:key="index" class="item">
          <van-cell custom-class="cells {{item.status_text=='待付款' ? false : true}}"
            border="{{item.status_text=='待付款' ? false : true}}" title="{{item.no}}" title-class="title"
            value-class="value" use-label-slot value="{{item.status_text}}">
            <view slot="label" class="label">
              <view class="g name">名称：{{item.commodity_text}}</view>
              <view class="g date">下单时间：{{item.create_time_f}}</view>
              <view class="g price">购买金额：<text class="txt">￥{{item.total_amount}}</text></view>
              <view class="g stutdent">
                {{item.student_text}}： {{item.school_text}} {{item.grade_text}} {{item.class_text}}
              </view>
            </view>
          </van-cell>
          <view wx:if="{{item.status_text=='待付款'}}">
            <van-cell custom-class="cell" use-label-slot>
              <view class="btns" slot="label">
                <van-button bind:click="pay" data-item="{{item}}" round type="primary" size="small">付款
                </van-button>
              </view>
            </van-cell>
          </view>
        </view>
        <van-empty wx:if="{{orderlist[1].length==0}}" description="暂无订单" />
      </van-tab>
      <van-tab title="已付款">
        <view wx:for="{{orderlist[2]}}" wx:key="index" class="item">
          <van-cell title="{{item.no}}" title-class="title" value-class="value" use-label-slot
            value="{{item.status_text}}">
            <view slot="label" class="label">
              <view class="g name">名称：{{item.commodity_text}}</view>
              <view class="g date">下单时间：{{item.create_time_f}}</view>
              <view class="g price">购买金额：<text class="txt">￥{{item.total_amount}}</text></view>
              <view class="g stutdent">
                {{item.student_text}}： {{item.school_text}} {{item.grade_text}} {{item.class_text}}
              </view>
            </view>
          </van-cell>
        </view>
        <van-empty wx:if="{{orderlist[2].length==0}}" description="暂无订单" />
      </van-tab>
      <van-tab title="已取消">
        <view wx:for="{{orderlist[3]}}" wx:key="index" class="item">
          <van-cell title="{{item.no}}" title-class="title" value-class="value" use-label-slot
            value="{{item.status_text}}">
            <view slot="label" class="label">
              <view class="g name">名称：{{item.commodity_text}}</view>
              <view class="g date">下单时间：{{item.create_time_f}}</view>
              <view class="g price">购买金额：<text class="txt">￥{{item.total_amount}}</text></view>
              <view class="g stutdent">
                {{item.student_text}}： {{item.school_text}} {{item.grade_text}} {{item.class_text}}
              </view>
            </view>
          </van-cell>
        </view>
        <van-empty wx:if="{{orderlist[3].length==0}}" description="暂无订单" />
      </van-tab>
    </van-tabs>
  </view>
</l-container>