小程序订单详情筛选条件完成

weixin-miniprogram/pages/shop/myOrder.wxml

@@ -1,17 +1,34 @@
 <!--pages/shop/myOrder.wxml-->
-<view class="container">
-<view class="order-card" wx:for="{{orderList}}" wx:for-item="item" wx:key="id">
-  <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 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 class="order-card" wx:for="{{orderList}}" wx:for-item="item" wx:key="id">
+    <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>