orderList.js 5.9 KB

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