order-detail.js 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361
  1. // pages/order-detail/order-detail.js
  2. var http = require('../../utils/http.js');
  3. Page({
  4. /**
  5. * 页面的初始数据
  6. */
  7. data: {
  8. dvyType:'',//配送方式
  9. orderItemDtos: [],
  10. remarks: "",
  11. actualTotal: 0,
  12. userAddrDto: null,
  13. orderNumber: "",
  14. createTime: "",
  15. status: 0,
  16. productTotalAmount: '',
  17. transfee: '',
  18. reduceAmount: '',
  19. prodid: '',
  20. orderType: 0,
  21. shopName: '', //店铺名称
  22. canRefund: false, // 能否退款
  23. canAllRefund: false, // 能否整单退款
  24. isLastProd: false, //最后一款商品
  25. irrevocable: false, //不可撤销
  26. sum: [], //本单已申请单个退款的商品数组
  27. orderScore: 0, // 整单使用积分
  28. orderNumSend:''
  29. },
  30. //跳转商品详情页
  31. toProdPage: function(e) {
  32. var prodid = e.currentTarget.dataset.prodid;
  33. if(this.data.orderType==3){
  34. console.log('积分商品')
  35. wx.navigateTo({
  36. url: '/pages/convertProdDet/convertProdDet?prodid=' + prodid,
  37. })
  38. }else{
  39. wx.navigateTo({
  40. url: '/pages/prod/prod?prodid=' + prodid,
  41. })
  42. }
  43. },
  44. /**
  45. * 是否最后一个商品在执行单个商品退款事件
  46. */
  47. applyLastProdRefund: function() {
  48. if(this.data.status==2) { //待发货状态下
  49. // 遍历商品list
  50. if(this.data.orderItemDtos.length > 1) { //如果商品列表长度大于1
  51. let sum = []
  52. this.data.orderItemDtos.forEach((el,index) => {
  53. if (el.refundSn) { //如果拥有退款单号
  54. sum.push(el)
  55. this.setData({
  56. sum
  57. })
  58. }
  59. })
  60. console.log(this.data.sum)
  61. if(this.data.sum.length == this.data.orderItemDtos.length-1) {
  62. // 如果拥有退款单号的item等于商品列表数据长度-1,那么点击的这件商品就是最后意见商品
  63. this.setData({
  64. isLastProd: true
  65. })
  66. }else if(this.data.sum.length == this.data.orderItemDtos.length) {
  67. // 如果拥有退款单号的item等于商品列表数据长度,那么不可撤销申请
  68. this.setData({
  69. irrevocable: true //不可撤销
  70. })
  71. }
  72. }
  73. console.log('isLastProd:',this.data.isLastProd)
  74. console.log('irrevocable:',this.data.irrevocable)
  75. }
  76. },
  77. /**
  78. * 付款
  79. */
  80. onPayAgain: function (e) {
  81. wx.showLoading({
  82. mask: true
  83. });
  84. var ths = this;
  85. var orderType = this.data.orderType;
  86. var params = {
  87. url: "/p/order/pay",
  88. method: "POST",
  89. data: {
  90. orderType: orderType ? orderType : 0,
  91. payType: 1,
  92. orderNumbers: this.data.orderNumber
  93. },
  94. callBack: res => {
  95. //console.log(res);
  96. wx.hideLoading();
  97. wx.requestPayment({
  98. timeStamp: res.timeStamp,
  99. nonceStr: res.nonceStr,
  100. package: res.package,
  101. signType: res.signType,
  102. paySign: res.paySign,
  103. success: function () {
  104. ths.loadOrderDetail(this.data.orderNumber) //请求订单详情数据
  105. // wx.navigateTo({
  106. // url: '/pages/pay-result/pay-result?sts=1&orderNumbers=' + e.currentTarget.dataset.ordernum,
  107. // })
  108. },
  109. fail: function (err) {
  110. //console.log("支付失败");
  111. }
  112. })
  113. }
  114. };
  115. http.request(params);
  116. },
  117. /**
  118. * 取消订单
  119. */
  120. onCancelOrder: function (e) {
  121. var ths = this;
  122. wx.showModal({
  123. title: '',
  124. content: '要取消此订单?',
  125. confirmColor: "#FF941A",
  126. cancelText: '否',
  127. confirmText: '是',
  128. success(res) {
  129. if (res.confirm) {
  130. wx.showLoading({
  131. mask: true
  132. });
  133. var params = {
  134. url: "/p/myOrder/cancel/" + ths.data.orderNumber,
  135. method: "PUT",
  136. data: {},
  137. callBack: function (res) {
  138. //console.log(res);
  139. ths.loadOrderDetail(ths.data.orderNumber) //请求订单详情数据
  140. wx.hideLoading();
  141. }
  142. };
  143. http.request(params);
  144. } else if (res.cancel) {
  145. //console.log('用户点击取消')
  146. }
  147. }
  148. })
  149. },
  150. /**
  151. * 申请退款
  152. */
  153. applyRefund: function(e) {
  154. var refundType = e.currentTarget.dataset.refundtype // 退款类型 1整单 2单个物品
  155. var status = this.data.status
  156. this.loadOrderDetail(this.data.orderNumber) //请求订单详情数据
  157. if (e.currentTarget.dataset.refundtype == 1) { //整单退款
  158. var item = {}
  159. item.orderNumber = this.data.orderNumber;
  160. item.actualTotal = this.data.actualTotal;
  161. item.transfee = this.data.transfee;
  162. item.status = this.data.status; //订单状态
  163. item.orderItemDtos = this.data.orderItemDtos;
  164. item.orderScore = this.data.orderScore, // 整单积分
  165. item.userAddrDto = this.data.userAddrDto, // 用户信息
  166. //拿到存储在本地的订单项数据
  167. wx.setStorageSync("refundItem", item);
  168. // console.log('订单详情页获取到的整单退item:',item)
  169. } else if(e.currentTarget.dataset.refundtype == 2) { //单个商品退款
  170. this.applyLastProdRefund() //是否最后一个商品执行单个商品退款
  171. console.log('isLastProd:',this.data.isLastProd)
  172. // 将数据存储到本地
  173. var item = e.currentTarget.dataset.item;
  174. if(this.data.orderItemDtos.length == 1) {
  175. item.addTransfee = true
  176. }else {
  177. item.addTransfee = false
  178. }
  179. item.orderNumber = this.data.orderNumber;
  180. item.transfee = this.data.transfee;
  181. item.status = this.data.status; //订单状态
  182. item.isLastProd = this.data.isLastProd?this.data.isLastProd:undefined //是否最后一款商品
  183. //拿到存储在本地的订单项数据
  184. wx.setStorageSync("refundItem", item);
  185. console.log(item)
  186. console.log(item.actualTotal)
  187. }
  188. /**
  189. * 判断跳转页面(根据订单是否已发货)
  190. */
  191. var type = e.currentTarget.dataset.type;
  192. // if (status == 2) { //待发货,直接跳转到申请页,不需要选择退货方式
  193. wx.redirectTo({ //通过wx.redirectTo实现跳转(关闭当前页面,跳转到应用内某个页面)
  194. url: '/pages/applyRefund/applyRefund?type=' + type + '&refundType=' + refundType,
  195. })
  196. // } else { //已发货,跳转到选择退货方式页
  197. // wx.redirectTo({
  198. // url: '/pages/chooseRefundWay/chooseRefundWay?refundType=' + refundType
  199. // })
  200. // }
  201. },
  202. /**
  203. * 查看退款
  204. */
  205. viewRefund: function(e) {
  206. var refundSn = e.currentTarget.dataset.refundsn;
  207. this.applyLastProdRefund() //是否最后一个商品执行单个商品退款
  208. console.log(this.data.irrevocable)
  209. wx.navigateTo({
  210. url: '/pages/DetailsOfRefund/DetailsOfRefund?refundSn=' + refundSn + '&irrevocable=' + this.data.irrevocable+'&userAddrDto='+JSON.stringify(this.data.userAddrDto) +'&orderNumber=' + this.data.orderNumSend
  211. })
  212. },
  213. /**
  214. * 生命周期函数--监听页面加载
  215. */
  216. onLoad: function(options) {
  217. this.setData({
  218. orderNumSend:options.orderNum
  219. })
  220. this.loadOrderDetail(options.orderNum);
  221. },
  222. /**
  223. * 加载订单数据
  224. */
  225. loadOrderDetail: function(orderNum) {
  226. var ths = this;
  227. wx.showLoading();
  228. //加载订单详情
  229. var params = {
  230. url: "/p/myOrder/orderDetail",
  231. method: "GET",
  232. data: {
  233. orderNumber: orderNum
  234. },
  235. callBack: function(res) {
  236. let img=''
  237. res.orderItemDtos.forEach(e=>{
  238. img=e.pic.split(',')
  239. e.pic=img[0]
  240. })
  241. var dvyType
  242. if(res.dvyType == 1){
  243. dvyType = '运费(快递)'
  244. }else if(res.dvyType == 3){
  245. dvyType = '配送费(即时配送)'
  246. }else{
  247. dvyType = '自提'
  248. }
  249. ths.setData({
  250. dvyType:dvyType,
  251. orderNumber: orderNum,
  252. actualTotal: res.actualTotal, //实际支付总额(商品总额+运费)
  253. userAddrDto: res.userAddrDto,
  254. remarks: res.remarks,
  255. orderItemDtos: res.orderItemDtos,
  256. createTime: res.createTime,
  257. status: res.status,
  258. productTotalAmount: res.total, //所有商品总额
  259. transfee: res.transfee, //运费
  260. reduceAmount: res.reduceAmount,
  261. orderType: res.orderType,
  262. shopName: res.shopName,
  263. canRefund: res.canRefund,
  264. canAllRefund: res.canAllRefund,
  265. orderScore: res.orderScore, // 整单使用积分
  266. });
  267. wx.hideLoading();
  268. }
  269. };
  270. http.request(params);
  271. },
  272. /**
  273. * 生命周期函数--监听页面初次渲染完成
  274. */
  275. onReady: function() {
  276. },
  277. /**
  278. * 生命周期函数--监听页面显示
  279. */
  280. onShow: function() {
  281. },
  282. /**
  283. * 生命周期函数--监听页面隐藏
  284. */
  285. onHide: function() {
  286. },
  287. /**
  288. * 生命周期函数--监听页面卸载
  289. */
  290. onUnload: function() {
  291. },
  292. /**
  293. * 页面相关事件处理函数--监听用户下拉动作
  294. */
  295. onPullDownRefresh: function() {
  296. },
  297. /**
  298. * 页面上拉触底事件的处理函数
  299. */
  300. onReachBottom: function() {
  301. },
  302. /**
  303. * 用户点击右上角分享
  304. */
  305. onShareAppMessage: function() {
  306. },
  307. toGroupDetails: function(e) {
  308. wx.navigateTo({
  309. url: '/pages/spellGroupDetails/spellGroupDetails?orderNumber=' + e.currentTarget.dataset.ordernumber,
  310. })
  311. },
  312. // 一键复制事件
  313. copyBtn: function(e) {
  314. var ths = this;
  315. wx.setClipboardData({
  316. //准备复制的数据
  317. data: ths.data.orderNumber,
  318. success: function(res) {
  319. wx.showToast({
  320. title: '复制成功',
  321. });
  322. }
  323. })
  324. },
  325. })