orderList.js 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. const orderList = {
  2. data() {
  3. return {
  4. hanldOrder: {}, // 当前要处理的订单信息
  5. modal: false,
  6. modalText: '',
  7. buyAgainModal: false,
  8. invalidList: [], // 失效商品列表
  9. }
  10. },
  11. methods: {
  12. // 操作订单
  13. handleConfirmClick(e) {
  14. const { type, order } = (this.hanldOrder = e)
  15. switch (type) {
  16. // 其他操作
  17. case 'again':
  18. this.buyAgain()
  19. break
  20. case 'share':
  21. this.handleShare()
  22. break
  23. case 'query':
  24. this.isModalLayer = true
  25. this.$api.navigateTo('/pages/order/order-logistics?orderId=' + order.orderId)
  26. break
  27. // 常规操作
  28. case 'cancel':
  29. this.modal = true
  30. this.modalText = '确认取消该订单吗?'
  31. break
  32. case 'delete':
  33. this.modal = true
  34. this.modalText = '确认删除该订单吗?'
  35. break
  36. case 'confirm':
  37. this.modal = true
  38. this.modalText = '是否确认收货?'
  39. break
  40. case 'pay':
  41. this.modal = true
  42. this.modalText = '确认支付?'
  43. break
  44. }
  45. },
  46. // 确认收货
  47. handleConfirm(order) {
  48. console.log('确认收货')
  49. return this.OrderService.ConfirmReceipt({ orderId: order.orderId })
  50. },
  51. // 取消订单
  52. handleCancel(order) {
  53. console.log('取消订单')
  54. return this.OrderService.CancelOrder({ orderId: order.orderId })
  55. },
  56. // 删除订单
  57. handleDelete(order) {
  58. console.log('删除订单')
  59. return this.OrderService.DeleteOrder({ orderId: order.orderId })
  60. },
  61. // 支付订单
  62. handlePay(order) {
  63. console.log('支付')
  64. this.miniWxPayFor(order)
  65. },
  66. // 再次购买初始化查询订单商品信息
  67. handleAgain(order) {
  68. console.log('再次购买初始化查询订单商品信息')
  69. return this.OrderService.GetOrderBuyAgain({ orderId: order.orderId })
  70. },
  71. // 查看物流
  72. handleQuery(order) {
  73. console.log('查看物流')
  74. },
  75. // 分享
  76. handleShare(order) {
  77. console.log('分享')
  78. },
  79. // 再次购买
  80. async buyAgain() {
  81. const { type, order } = this.hanldOrder
  82. try {
  83. await this.handleAgain(order)
  84. this.joinToCart(order)
  85. } catch (error) {
  86. if (error.data && error.data.length > 0) {
  87. this.buyAgainModal = true
  88. this.invalidList = error.data
  89. }
  90. }
  91. },
  92. // 确认再次购买
  93. buyAgainModalClick(e) {
  94. this.buyAgainModal = false
  95. if (!e.index) return
  96. this.joinToCart(this.hanldOrder.order)
  97. },
  98. // 再次购买弹窗关闭
  99. buyAgainModalHide() {
  100. console.log('再次购买弹窗关闭')
  101. this.invalidList = []
  102. },
  103. // 一键加入购物车
  104. async joinToCart(order) {
  105. try {
  106. await this.ProductService.ShoppingAgainCart({ orderId: order.orderId })
  107. this.$store.dispatch('cart/getCartNumber')
  108. this.$api.switchTabTo('/pages/tabBar/cart/index')
  109. } catch (error) {
  110. console.log(error.message)
  111. // this.$util.msg(error.msg, 2000)
  112. }
  113. },
  114. // 操作订单确认事件
  115. async handleModalConfirm(e) {
  116. this.modal = false
  117. if (!e.index) return
  118. const { type, order } = this.hanldOrder
  119. // 操作订单
  120. const confirmFunc = {
  121. cancel: this.handleCancel, //取消订单
  122. delete: this.handleDelete, //删除订单
  123. pay: this.handlePay, //支付订单
  124. confirm: this.handleConfirm //确认收货
  125. }
  126. try {
  127. const res = await confirmFunc[type](order)
  128. // 确认操作订单成功后的回调都在这里执行
  129. this.$emit('orderAction')
  130. // this.resetOrderList()
  131. if (res && res.msg) this.$util.msg(res.msg, 2000, true, 'success')
  132. } catch (error) {
  133. this.$util.msg(error.msg, 2000)
  134. }
  135. },
  136. //订单状态文字
  137. stateExpFormat(status) {
  138. const stateTextObject = {
  139. 4: '交易完成',
  140. 5: '订单完成',
  141. 6: '已关闭',
  142. 7: '交易全退',
  143. 77: '交易全退',
  144. 11: '待付款待发货',
  145. 12: '待付款部分发货',
  146. 13: '待付款已发货',
  147. 21: '部分付款待发货',
  148. 22: '部分付款部分发货',
  149. 23: '部分付款已发货',
  150. 31: '已付款待发货',
  151. 32: '已付款部分发货',
  152. 33: '已付款已发货',
  153. 111: '待付款待发货'
  154. }
  155. return stateTextObject[status] || ''
  156. },
  157. }
  158. }
  159. export default orderList