GululuQ-mp/pages/my/myOrder/myOrder.js

import { API } from "../../../service/api";

// pages/my/myOrder/myOrder.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tab:[
        {title:"全部订单",status:''},
        {title:"已下单",status:'ORDERED'},
        {title:"已支付",status:'PAYED'},
        {title:"已取消",status:'CANCELLED'},
        {title:"已发货",status:'DELIVERED'},
        {title:"已收货",status:'RECEIVED'},
        {title:"完成",status:'FINISHED'}
    ],
    selectTab:0,
    pageNum:1,
  },
  // 切换tab
  switchTab(e){
    let index = e.currentTarget.dataset.index;
    this.setData({
        selectTab:index
    })
    this.getOrderLists(this.data.tab[index].status);
  },
  // 获取订单列表
  getOrderLists(status){
      API.getOrderLists({pageNum:this.data.pageNum,pageSize:10,status}).then(res=>{
          res.orderDTOS.forEach(item=>{
              let stats = {PAYED:"已支付",CANCELLED:"已取消",DELIVERED:"已发货",RECEIVED:"已收货",FINISHED:"完成",ORDERED:"已下单"};
              item.statusName = stats[item.orderStatus]
          })
          this.setData({
              orderList:res.orderDTOS
          })
      })
  },
  // 订单详情
  goOrderDetail(e){
      let orderId = e.currentTarget.dataset.orderid;
      wx.navigateTo({
        url: '/pages/order/orderDetail/orderDetail?orderId='+orderId,
      })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.getOrderLists();
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})