小程序提交

pages/course/orderDetail/orderDetail.js

@@ -0,0 +1,139 @@
+import { baseUrl, globalImgUrl } from "../../../request";
+
+Page({
+  data: {
+    countdown: '',
+    orderId: 0,
+    orderObj: {},  // 订单详情对象
+    _secondsRemaining: 0,   // 内部倒计时秒数
+    _hasShownTimeout: false, // 是否已弹过“超时未支付”弹窗
+    globalImgUrl,
+  },
+
+  onLoad(options) {
+    console.log('options---->',options);
+    this.setData({ orderId: options.id });
+    this.getOrderDetail();
+  },
+
+  onUnload() {
+    clearInterval(this._timer);
+  },
+
+  // 拉取订单详情并初始化倒计时
+  getOrderDetail() {
+    wx.request({
+      url: baseUrl + '/courseOrder/query/detail',
+      method: 'POST',
+      data: { id: this.data.orderId },
+      header: { Authorization: wx.getStorageSync('token') },
+      success: res => {
+        console.log('订单详情--->',res.data.data);
+        if (res.data.code !== 1) return wx.showToast({ title: res.data.message, icon: 'none' });
+        
+        const order = res.data.data;
+        this.setData({ orderObj: order });
+
+        // 仅“待支付”需要倒计时
+        if (order.orderStatus === '待支付') {
+          this._initFromCreateTime(order.createTime);
+        }
+      },
+      fail: () => wx.showToast({ title: '网络错误', icon: 'none' })
+    });
+  },
+
+  // 计算剩余秒数并启动定时器
+  _initFromCreateTime(createTime) {
+    // 将 "2025-07-13 12:38:17" → 时间戳
+    const createMs = new Date(createTime.replace(/-/g, '/')).getTime();
+    const now = Date.now();
+    let diff = Math.floor((createMs + 30 * 60 * 1000 - now) / 1000);
+
+    if (diff <= 0) {
+      // 已超时
+      this._handleTimeout();
+    } else {
+      // 未超时，初始化秒数并启动倒计时
+      this.setData({
+        _secondsRemaining: diff,
+        countdown: this._format(diff)
+      });
+      this._startTimer();
+    }
+  },
+
+  // 每秒递减
+  _startTimer() {
+    this._timer = setInterval(() => {
+      let sec = this.data._secondsRemaining - 1;
+      if (sec <= 0) {
+        clearInterval(this._timer);
+        this._handleTimeout();
+      } else {
+        this.setData({
+          _secondsRemaining: sec,
+          countdown: this._format(sec)
+        });
+      }
+    }, 1000);
+  },
+
+  // 超时处理：弹窗 + 改状态
+  _handleTimeout() {
+    if (!this.data._hasShownTimeout) {
+      wx.showModal({
+        title: '提示',
+        content: '订单超时未支付，已取消',
+        showCancel: false
+      });
+      this.setData({ _hasShownTimeout: true });
+    }
+    // 更新状态并隐藏倒计时
+    const o = this.data.orderObj;
+    o.orderStatus = '交易取消';
+    this.setData({
+      orderObj: o,
+      countdown: '00分00秒'
+    });
+  },
+
+  // 秒数 → "MM分SS秒"
+  _format(sec) {
+    const m = Math.floor(sec / 60);
+    const s = sec % 60;
+    const mm = m < 10 ? '0' + m : m;
+    const ss = s < 10 ? '0' + s : s;
+    return `${mm}分${ss}秒`;
+  },
+
+  // 取消订单
+  cancelOrder() {
+    wx.showModal({
+      title: '取消订单',
+      content: '是否要取消订单？',
+      success: res => {
+        if (res.confirm) {
+          wx.request({
+            url: baseUrl + "/courseOrder/cancel",
+            method: 'POST',
+            data: { courseId: this.data.orderId },
+            header: { Authorization: wx.getStorageSync('token') },
+            success: () => this.getOrderDetail()
+          });
+        }
+      }
+    });
+  },
+
+  // 去支付（示例跳转）
+  goPay() {
+    // wx.navigateTo({ url: `/pages/pay/pay?orderId=${this.data.orderId}` });
+    wx.showToast({ title: '支付功能稍后开放', icon: 'none' });
+  },
+
+  // 退款（示例弹窗）
+  refundOrder() {
+    wx.showToast({ title: '退款功能稍后开放', icon: 'none' });
+  }
+});