order.js 3.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. "use strict";
  2. const common_vendor = require("../../common/vendor.js");
  3. const utils_auth = require("../../utils/auth.js");
  4. const utils_api = require("../../utils/api.js");
  5. const _sfc_main = {
  6. __name: "order",
  7. setup(__props) {
  8. const orders = common_vendor.ref([]);
  9. const loading = common_vendor.ref(false);
  10. const isLoggedIn = common_vendor.ref(false);
  11. const checkLogin = () => {
  12. isLoggedIn.value = utils_auth.isLoggedIn();
  13. };
  14. const handleBack = () => {
  15. const pages = getCurrentPages();
  16. pages.length > 1 ? common_vendor.index.navigateBack() : common_vendor.index.switchTab({ url: "/pages/mine/mine" });
  17. };
  18. const loadOrders = async () => {
  19. if (!isLoggedIn.value)
  20. return;
  21. loading.value = true;
  22. try {
  23. const res = await utils_api.getUserOrders();
  24. if (res.code === 200) {
  25. orders.value = res.data || [];
  26. }
  27. } catch (e) {
  28. console.error("加载订单记录失败:", e);
  29. } finally {
  30. loading.value = false;
  31. }
  32. };
  33. const handlePay = async (order) => {
  34. try {
  35. common_vendor.index.showLoading({ title: "正在支付..." });
  36. const res = await utils_api.createOrder({ planId: order.planId });
  37. if (res.code !== 200) {
  38. throw new Error(res.message || "创建订单失败");
  39. }
  40. await utils_api.wxPay(res.data);
  41. common_vendor.index.showToast({ title: "支付成功", icon: "success" });
  42. setTimeout(() => loadOrders(), 1500);
  43. } catch (e) {
  44. common_vendor.index.showToast({ title: e.message || "支付失败", icon: "none" });
  45. } finally {
  46. common_vendor.index.hideLoading();
  47. }
  48. };
  49. const getStatusClass = (status) => {
  50. switch (status) {
  51. case 0:
  52. return "pending";
  53. case 1:
  54. return "paid";
  55. case 2:
  56. return "cancelled";
  57. default:
  58. return "closed";
  59. }
  60. };
  61. common_vendor.onLoad(() => checkLogin());
  62. common_vendor.onMounted(() => {
  63. if (isLoggedIn.value)
  64. loadOrders();
  65. });
  66. common_vendor.onShow(() => {
  67. checkLogin();
  68. if (isLoggedIn.value)
  69. loadOrders();
  70. });
  71. return (_ctx, _cache) => {
  72. return common_vendor.e({
  73. a: common_vendor.o(handleBack),
  74. b: loading.value
  75. }, loading.value ? {} : orders.value.length === 0 ? {} : {
  76. d: common_vendor.f(orders.value, (order, k0, i0) => {
  77. return common_vendor.e({
  78. a: common_vendor.t(order.orderNo),
  79. b: common_vendor.t(order.orderStatusName),
  80. c: common_vendor.n(getStatusClass(order.orderStatus)),
  81. d: common_vendor.t(order.planName),
  82. e: common_vendor.t(order.amount),
  83. f: common_vendor.t(order.createTime),
  84. g: order.orderStatus === 0
  85. }, order.orderStatus === 0 ? {
  86. h: common_vendor.o(($event) => handlePay(order), order.orderNo)
  87. } : {}, {
  88. i: order.orderNo
  89. });
  90. })
  91. }, {
  92. c: orders.value.length === 0
  93. });
  94. };
  95. }
  96. };
  97. const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-88bf5328"], ["__file", "D:/program/gupiao-wx/src/pages/order/order.vue"]]);
  98. wx.createPage(MiniProgramPage);