myOrder.js 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. import { API } from "../../../service/api";
  2. // pages/my/myOrder/myOrder.js
  3. Page({
  4. /**
  5. * 页面的初始数据
  6. */
  7. data: {
  8. tab:[
  9. {title:"全部订单",status:''},
  10. {title:"已下单",status:'ORDERED'},
  11. {title:"已支付",status:'PAYED'},
  12. {title:"已取消",status:'CANCELLED'},
  13. {title:"已发货",status:'DELIVERED'},
  14. {title:"已收货",status:'RECEIVED'},
  15. {title:"完成",status:'FINISHED'}
  16. ],
  17. selectTab:0,
  18. pageNum:1,
  19. },
  20. // 切换tab
  21. switchTab(e){
  22. let index = e.currentTarget.dataset.index;
  23. this.setData({
  24. selectTab:index
  25. })
  26. this.getOrderLists(this.data.tab[index].status);
  27. },
  28. // 获取订单列表
  29. getOrderLists(status){
  30. API.getOrderLists({pageNum:this.data.pageNum,pageSize:10,status}).then(res=>{
  31. res.orderDTOS.forEach(item=>{
  32. let stats = {PAYED:"已支付",CANCELLED:"已取消",DELIVERED:"已发货",RECEIVED:"已收货",FINISHED:"完成",ORDERED:"已下单"};
  33. item.statusName = stats[item.orderStatus]
  34. })
  35. this.setData({
  36. orderList:this.data.pageNum === 1?res.orderDTOS:[...this.data.orderList,...res.orderDTOS]
  37. })
  38. // this.setData({
  39. // orderList:res.orderDTOS
  40. // })
  41. })
  42. },
  43. // 订单详情
  44. goOrderDetail(e){
  45. let orderId = e.currentTarget.dataset.orderid;
  46. wx.navigateTo({
  47. url: '/pages/order/orderDetail/orderDetail?orderId='+orderId,
  48. })
  49. },
  50. showExprMsg(e) {
  51. let odDTOs = e.currentTarget.dataset.item.orderDetailDTOS;
  52. let exprNo = "";
  53. odDTOs.forEach(dto=>{
  54. dto.orderDetailExprs.forEach(exprDto=>{
  55. exprNo=exprNo + exprDto.expressNo;
  56. })
  57. })
  58. wx.showModal({
  59. title: "快递单号",
  60. content: exprNo,
  61. showCancel: false, // 隐藏取消按钮
  62. confirmText: "OK", // 自定义确认按钮文字为"OK"
  63. success(res) {
  64. if (res.confirm) {
  65. console.log("用户点击了OK");
  66. // 执行OK后的操作
  67. }
  68. }
  69. });
  70. },
  71. /**
  72. * 生命周期函数--监听页面加载
  73. */
  74. onLoad(options) {
  75. this.getOrderLists();
  76. },
  77. /**
  78. * 生命周期函数--监听页面初次渲染完成
  79. */
  80. onReady() {
  81. },
  82. /**
  83. * 生命周期函数--监听页面显示
  84. */
  85. onShow() {
  86. },
  87. /**
  88. * 生命周期函数--监听页面隐藏
  89. */
  90. onHide() {
  91. },
  92. /**
  93. * 生命周期函数--监听页面卸载
  94. */
  95. onUnload() {
  96. },
  97. /**
  98. * 页面相关事件处理函数--监听用户下拉动作
  99. */
  100. onPullDownRefresh() {
  101. },
  102. /**
  103. * 页面上拉触底事件的处理函数
  104. */
  105. onReachBottom() {
  106. this.setData({
  107. pageNum:this.data.pageNum+1
  108. });
  109. this.getOrderLists(this.data.tab[this.data.selectTab].status);
  110. },
  111. /**
  112. * 用户点击右上角分享
  113. */
  114. onShareAppMessage() {
  115. }
  116. })