epp/weixin-miniprogram/pages/shop/myOrder.wxml

<!--pages/shop/myOrder.wxml-->

<!-- 筛选条件 -->
<view class="filterbar">
  <!-- <radio-group bindchange="filterRadioChange" data-item="{{filter}}">
      <label class="radio-item" wx:for="{{filterList}}" wx:for-item="filter" wx:key="id">
        <radio value="{{filter.id}}" checked="{{ filter.id == filterActiveId }}" />{{filter.name}}
      </label>
    </radio-group> -->
  <picker range="{{filterList}}" range-key="name" value="{{filterPirckerIndex}}" bindchange="filterPickerChange">
    <view class="picker">
      订单状态(点击筛选)：{{filterActiveName}}
    </view>
  </picker>
</view>

<view class="container">

  <!-- 无订单时显示 -->
  <view wx:if="{{orderList.length==0}}" style="text-align: center; margin-top: 30vh;">
    该筛选条件下无订单
  </view>

  <!-- 订单列表 -->
  <view class="order-card" wx:for="{{orderList}}" wx:for-item="item" wx:key="id" bindtap="bindOrderDetailTap" data-orderdetail="{{item}}">
    <view>
      <text class="order-info-key">订单号：</text>
      <text>{{ item.id }}</text>
    </view>
    <view>
      <text class="order-info-key">创建时间：</text>
      <text>{{ item.displayDate }}</text>
    </view>
    <view>
      <text class="order-info-key">订单状态：</text>
      <text>{{ item.orderStatus }}</text>
    </view>
  </view>
</view>