order-detail.ts 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368
  1. // pages/orders/order-detail.ts
  2. import { api_executeOrder, api_executePayment, api_queryByParamName, api_userPaymentOrderUnpaid, api_getUserReceiveAddressPage, api_shopInstruments, api_userReceiveAddressRemove } from "../../api/login";
  3. // 获取应用实例
  4. const app = getApp<IAppOption>()
  5. Page({
  6. /**
  7. * 页面的初始数据
  8. */
  9. data: {
  10. popupShow: false,
  11. isAddressInfoTip: false,
  12. addressPopupShow: false,
  13. addressDelPopupShow: false,
  14. addressEditId: "",
  15. addressList: [] as any[],
  16. addressInfo: {} as any,
  17. selectedId: "",
  18. serviceShow: true,
  19. status: 'ing',
  20. statusList: {
  21. ing: {
  22. logo: './images/ing.png',
  23. title: '待付款',
  24. content: '为了确保您的订单顺利进行,请尽快完成支付'
  25. },
  26. },
  27. goodsInfo: {} as any,
  28. instrumentsInfo: {} as any,
  29. memberInfo: {} as any,
  30. instrumentsList: [] as any[],
  31. paymentType: null as any, // 支付类型
  32. paymentChannel: null as any,
  33. },
  34. /**
  35. * 生命周期函数--监听页面加载
  36. */
  37. onLoad(options: any) {
  38. this.queryPayType()
  39. if (options.orderInfo) {
  40. const goods = JSON.parse(decodeURIComponent(options.orderInfo));
  41. const instrumentsInfo = JSON.parse(decodeURIComponent(options.instrumentsInfo));
  42. const memberInfo = JSON.parse(decodeURIComponent(options.memberInfo));
  43. console.log(goods, 'goods', instrumentsInfo, memberInfo)
  44. this.setData({
  45. goodsInfo: goods,
  46. instrumentsInfo,
  47. memberInfo,
  48. status: goods.status
  49. });
  50. }
  51. },
  52. async onShow() {
  53. try {
  54. const instrumentsData = await api_shopInstruments({ appId: app.globalData.appId })
  55. this.setData({
  56. instrumentsList: instrumentsData?.data?.data || []
  57. })
  58. } catch { }
  59. this.setData({
  60. serviceShow: true
  61. })
  62. },
  63. onHide() {
  64. this.setData({
  65. serviceShow: false
  66. })
  67. },
  68. onCloseAddress() {
  69. this.setData({
  70. addressPopupShow: false
  71. })
  72. },
  73. onSelectInstrumentsGoods(e: any) {
  74. const { dataset } = e.currentTarget
  75. let item = this.data.instrumentsList[dataset.index]
  76. if (item?.id === this.data.instrumentsInfo?.id) {
  77. item = {}
  78. }
  79. this.setData({
  80. instrumentsInfo: item || {}
  81. })
  82. },
  83. onSelectAddress(e: any) {
  84. const { dataset } = e.currentTarget
  85. const item = dataset.item;
  86. this.setData({ addressInfo: { id: item.id, name: item.name, phoneNumber: item.phoneNumber, addressDes: item.provinceName + item.cityName + (item.regionName || "") + item.detailAddress }, addressPopupShow: false })
  87. },
  88. handleAddAddress() {
  89. this.setData({
  90. addressEditId: "",
  91. popupShow: true
  92. })
  93. },
  94. onDel(e: any) {
  95. const { dataset } = e.currentTarget
  96. this.setData({
  97. selectedId: dataset.id
  98. })
  99. this.setData({
  100. addressDelPopupShow: true
  101. })
  102. },
  103. onDialogClose() {
  104. this.setData({
  105. addressDelPopupShow: false
  106. })
  107. },
  108. onEdit(e: any) {
  109. const { dataset } = e.currentTarget
  110. this.setData({
  111. addressEditId: dataset.id,
  112. popupShow: true
  113. })
  114. },
  115. async onDialogOk() {
  116. try {
  117. const { data } = await api_userReceiveAddressRemove(this.data.selectedId)
  118. if (data.code === 200) {
  119. this.setData({
  120. addressDelPopupShow: false
  121. })
  122. const resData = await api_getUserReceiveAddressPage()
  123. const pageRows = resData?.data?.data?.rows || []
  124. this.setData({
  125. addressList: pageRows
  126. })
  127. // 当删的是当前选中的
  128. if (this.data.selectedId === this.data.addressInfo.id) {
  129. let item: any
  130. if (this.data.addressList.length) {
  131. item = this.data.addressList[0]
  132. }
  133. this.setData({ addressInfo: item ? { id: item.id, name: item.name, phoneNumber: item.phoneNumber, addressDes: item.provinceName + item.cityName + (item.regionName || "") + item.detailAddress } : {} })
  134. }
  135. }
  136. } catch (e: any) { }
  137. },
  138. async onAddressInfo() {
  139. this.setData({
  140. isAddressInfoTip: false
  141. })
  142. if (this.data.goodsInfo.orderNo) {
  143. return
  144. }
  145. try {
  146. const resData = await api_getUserReceiveAddressPage()
  147. const pageRows = resData?.data?.data?.rows || []
  148. // 当有收货地址的时候跳转到收货地址选择列表页面,当没有收货地址的时候到添加收货地址
  149. if (pageRows.length) {
  150. this.setData({
  151. addressPopupShow: true,
  152. addressList: pageRows
  153. })
  154. } else {
  155. this.setData({
  156. addressEditId: "",
  157. popupShow: true
  158. })
  159. }
  160. } catch (e) {
  161. console.log(e, 'e')
  162. }
  163. },
  164. async onAddAddress(e: any) {
  165. if (this.data.addressPopupShow) {
  166. try {
  167. const resData = await api_getUserReceiveAddressPage()
  168. const pageRows = resData?.data?.data?.rows || []
  169. this.setData({
  170. addressList: pageRows
  171. })
  172. if (this.data.addressEditId === this.data.addressInfo.id) {
  173. // 编辑 完了刷新数据
  174. const item = this.data.addressList.find(((item: any) => {
  175. return item.id === this.data.addressInfo.id
  176. }))
  177. this.setData({ addressInfo: item ? { id: item.id, name: item.name, phoneNumber: item.phoneNumber, addressDes: item.provinceName + item.cityName + (item.regionName || "") + item.detailAddress } : {} })
  178. }
  179. } catch (e) {
  180. console.log(e, 'e')
  181. }
  182. return
  183. }
  184. const { addressInfo } = e.detail
  185. this.setData({
  186. addressInfo
  187. })
  188. },
  189. // 获取后台配置的支付方式
  190. async queryPayType() {
  191. try {
  192. // wxlite_payment_service_provider
  193. const { data } = await api_queryByParamName({
  194. paramName: app.globalData.appId
  195. });
  196. if (data.code == 200) {
  197. const paramValue = data.data.paramValue ? JSON.parse(data.data.paramValue) : {}
  198. this.setData({
  199. paymentType: paramValue.vendor,
  200. paymentChannel: paramValue.channel
  201. });
  202. }
  203. } catch (error) {
  204. console.log(error, "error");
  205. }
  206. },
  207. onPayError(message?: string) {
  208. wx.hideLoading()
  209. wx.showToast({
  210. title: message || '支付取消',
  211. icon: 'none'
  212. })
  213. },
  214. // 购买
  215. async onSubmit() {
  216. // 有乐器必须填收货信息
  217. if (this.data.instrumentsInfo.id && !this.data.addressInfo.id) {
  218. wx.showToast({
  219. title: "请填写收货信息",
  220. icon: 'none'
  221. })
  222. this.setData({
  223. isAddressInfoTip: true
  224. })
  225. return
  226. }
  227. console.log(this.data.addressInfo)
  228. wx.showLoading({
  229. mask: true,
  230. title: "订单提交中...",
  231. });
  232. // 清除上一个页面的弹窗 有弹窗的时候数据返回回去数据才会刷新
  233. const pages = getCurrentPages();
  234. const prevPage = pages[pages.length - 2];
  235. prevPage.setData({ popupShow: false, memberInfo: {} });
  236. try {
  237. const { salePrice, shopId, name, id, orderNo } = this.data.goodsInfo
  238. if (orderNo) {
  239. const { data } = await api_userPaymentOrderUnpaid({
  240. orderNo: orderNo,
  241. paymentType: 'WECHAT_MINI'
  242. })
  243. if (data.code === 200) {
  244. const { paymentConfig, paymentType, orderNo } = data.data.paymentConfig
  245. this.onExecutePay(paymentConfig, paymentType, orderNo)
  246. } else {
  247. this.onPayError()
  248. }
  249. } else {
  250. const goodsInfos = [{
  251. "goodsId": id,
  252. "goodsNum": 1,
  253. "goodsType": "ACTIVATION_CODE",
  254. "paymentCashAmount": salePrice,
  255. "paymentCouponAmount": 0
  256. }]
  257. // 乐器
  258. if (this.data.instrumentsInfo.id) {
  259. goodsInfos.push({
  260. "goodsId": this.data.instrumentsInfo.id,
  261. "goodsNum": 1,
  262. "goodsType": "INSTRUMENTS",
  263. "paymentCashAmount": this.data.instrumentsInfo.salePrice,
  264. "paymentCouponAmount": 0
  265. })
  266. }
  267. const { data } = await api_executeOrder({
  268. "orderType": "WECHAT_MINI",
  269. "paymentType": this.data.paymentType,
  270. "paymentCashAmount": salePrice + (this.data.instrumentsInfo.salePrice || 0),
  271. "paymentCouponAmount": 0,
  272. "shopId": shopId,
  273. "openId": app.globalData.userInfo?.liteOpenid,
  274. goodsInfos,
  275. "orderName": name + (this.data.instrumentsInfo.name ? `+${this.data.instrumentsInfo.name}` : ""),
  276. "orderDesc": name + (this.data.instrumentsInfo.name ? `+${this.data.instrumentsInfo.name}` : ""),
  277. "receiveAddress": this.data.addressInfo.id || "",
  278. "userBeneficiaryId": this.data.memberInfo.id
  279. })
  280. if (data.code === 200) {
  281. const { paymentConfig, paymentType, orderNo } = data.data
  282. this.onExecutePay(paymentConfig, paymentType, orderNo)
  283. } else if (data.code === 5435) {
  284. this.onPayError(data.message)
  285. setTimeout(() => { wx.navigateBack() }, 1000)
  286. }else {
  287. this.onPayError(data.message)
  288. }
  289. }
  290. } catch {
  291. wx.hideLoading()
  292. }
  293. },
  294. async onExecutePay(paymentConfig: any, paymentType: string, orderNo: string) {
  295. wx.login({
  296. success: async (wxres: any) => {
  297. const res = await api_executePayment({
  298. merOrderNo: paymentConfig.merOrderNo,
  299. paymentChannel: this.data.paymentChannel || 'wx_lite', // 'wx_pub', //
  300. paymentType,
  301. userId: app.globalData.userInfo?.id,
  302. code: wxres.code,
  303. wxMiniAppId: app.globalData.appId
  304. // code: '011yjYkl289aye4q2zml24UEWT3yjYkn',
  305. // wxPubAppId: 'wxbde13f59d40cb4f2'
  306. })
  307. wx.hideLoading()
  308. if (res.data.code === 200) {
  309. this.onPay(paymentType, res.data.data.reqParams, orderNo)
  310. } else if (res.data.code === 5435) {
  311. this.onPayError(res.data.message)
  312. setTimeout(() => { wx.navigateBack() }, 1000)
  313. }else {
  314. this.onPayError(res.data.message)
  315. }
  316. },
  317. fail: () => {
  318. this.onPayError()
  319. }
  320. })
  321. },
  322. onPay(paymentType: string, paymentConfig: any, orderNo: string) {
  323. const isYeePay = paymentType.indexOf('yeepay') !== -1
  324. const prePayInfo = isYeePay ? JSON.parse(paymentConfig.prePayTn)
  325. : paymentConfig?.expend
  326. ? JSON.parse(paymentConfig?.expend?.pay_info)
  327. : paymentConfig
  328. const that = this
  329. wx.requestPayment({
  330. timeStamp: prePayInfo.timeStamp,
  331. nonceStr: prePayInfo.nonceStr,
  332. package: prePayInfo.package ? prePayInfo.package : prePayInfo.packageValue,
  333. paySign: prePayInfo.paySign,
  334. signType: prePayInfo.signType ? prePayInfo.signType : 'MD5',
  335. success() {
  336. wx.showToast({ title: '支付成功', icon: 'success' });
  337. wx.redirectTo({
  338. url: '/pages/orders/order-result?orderNo=' + orderNo
  339. })
  340. },
  341. fail(ressonInfo) {
  342. console.log('支付失败', ressonInfo)
  343. that.onPayError()
  344. const goodsInfo = that.data.goodsInfo
  345. goodsInfo.orderNo = orderNo
  346. that.setData({
  347. goodsInfo
  348. })
  349. wx.redirectTo({
  350. url: '/pages/orders/order-result?orderNo=' + orderNo
  351. })
  352. }
  353. })
  354. },
  355. /**
  356. * 用户点击右上角分享
  357. */
  358. onShareAppMessage() {
  359. return {
  360. title: ' 器乐数字ai助手',
  361. path: '/pages/index/index',
  362. imageUrl: 'https://oss.dayaedu.com/ktyq/1739929620914.png'
  363. }
  364. }
  365. })