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

weixin-miniprogram/pages/shop/myOrder.js

@@ -9,6 +9,12 @@ Page({
    * 页面的初始数据
    */
   data: {
+    filterActiveId: '',
+    filterActiveName: '',
+    filterList: [],
+
+    filterPirckerIndex: 0,
+
     orderList: [],
   },
 
@@ -68,12 +74,61 @@ Page({
 
   },
 
+  // filterRadioChange(e) {
+  //   console.log("e.detail.value", e.detail.value)
+  //   this.setData({
+  //     filterActiveId: e.detail.value,
+  //   })
+  //   this.updatePageData()
+  // },
+
+  filterPickerChange(e) {
+    console.log("e.detail.value", e.detail.value)
+    let filter = this.data.filterList[e.detail.value]
+    console.log("filterActiveId", filter.id)
+    console.log("filterActiveName", filter.name)
+    this.setData({
+      filterActiveId: filter.id,
+      filterActiveName: filter.name
+    })
+    this.updatePageData()
+  },
+
   loadPageData() {
     (async () => {
-      let orderList = await orderService.listUserOrder()
-      console.log("orderList", orderList)
+      let userOrder = await orderService.listUserOrder()
+      console.log("userOrder", userOrder)
+      let filterList = Object.keys(userOrder.filter).map(key => {
+        return {
+          id: key,
+          name: userOrder.filter[key],
+        }
+      })
+      filterList.unshift({
+        id: '',
+        name: "全部",
+      })
+      console.log("filterList", filterList)
       this.setData({
-        orderList: orderList.map(order => {
+        filterList: filterList,
+        filterActiveName: "全部",
+        orderList: userOrder.orders.map(order => {
+          order.displayDate = order.orderDate.replace("T", " ")
+          return order
+        })
+      })
+    })();
+  },
+
+  updatePageData() {
+    this.setData({
+      orderList: [],
+    });
+    (async () => {
+      let userOrder = await orderService.listUserOrder(this.data.filterActiveId)
+      console.log("userOrder", userOrder)
+      this.setData({
+        orderList: userOrder.orders.map(order => {
           order.displayDate = order.orderDate.replace("T", " ")
           return order
         })