classroom-music-activation/miniprogram/pages/orders/order-result.ts

// pages/orders/order-detail.ts
import drawQrcode from "../../utils/weapp.qrcode.esm";
import { api_userPaymentCancelRefund, api_userPaymentOrderDetail, api_userPaymentOrderRefundPayment } from "../../api/login";
import { formatPrice } from "../../utils/util";

// 获取应用实例
Page({
  /**
   * 页面的初始数据
   */
  data: {
    status: 'WAIT_PAY',
    statusList: {
      WAIT_PAY: {
        logo: './images/ing.png',
        title: '等待付款',
        content: '请尽快完成支付，以便我们为您处理订单'
      },
      PAID: {
        logo: './images/success.png',
        title: '交易完成',
        content: '登录「音乐数字课堂」APP使用AI学练'
      },
      CLOSED: {
        logo: './images/error.png',
        title: '交易取消',
        content: '您的交易订单已关闭'
      },
      WAIT_USE: {
        logo: './images/wait.png',
        title: '等待使用',
        content: '请尽快扫描下方二维码进行激活'
      },
      REFUNDING: {
        logo: './images/refounding.png',
        title: '退款中',
        content: '您的退款申请正在处理，预计7个工作日内完成审核'
      },
      REFUNDED: {
        logo: './images/refounded.png',
        title: '退款成功',
        content: '您的退款已成功处理，感谢您的理解和支持'
      }
    },
    timerCount: 0,
    timer: null as any,
    goodsInfo: {} as any,
    orderNo: "" as string,
    showCanvas: false, // 是否显示二维码
    tabIdx: 0, // 当前是从哪个tab来的
    canvasImg: "" as string,
    showService: false,
    refoundStatus: false,
    cancelRefoundStatus: false,
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options: any) {
    if (options.orderNo) {
      this.setData({
        orderNo: options.orderNo,
        tabIdx: options.tabIdx
      });
    }
  },
  onShow() {
    if(this.data.orderNo) {
      this.getDetail(this.onTimeout)
    }
  },
  async getDetail(callback?: any) {
    try {
      const { data } = await api_userPaymentOrderDetail(this.data.orderNo);
      if (data.code == 200) {
        const result = data.data || {}
        const goodsInfos = result.goodsInfos || []
        const tempGoods: any = []
        goodsInfos.forEach((item: any) => {
          tempGoods.push({
            ...item,
            // shortUrl: item.activationCodeInfo.shortUrl,
            // code: item.activationCodeInfo.activationCode,
            originalPrice: formatPrice(item.paymentCashAmount, 'ALL'),
            // typeName: this.formatPeriod(item.activationCodeInfo?.times || 1, item.activationCodeInfo.type)
          })
        })
        
        const firstGoods = tempGoods[0]
        const goodsInfo = {
          orderNo: result.orderNo,
          createTime: result.createTime,
          wechatStatus: result.wechatStatus,
          goods: tempGoods,
          code: firstGoods.code || ''
        }
        this.setData({
          goodsInfo,
          status: result.wechatStatus
        }, () => {
          callback && typeof callback === 'function' && callback()
        })
      }
    } catch (error) {
      console.log(error, "error");
    }
  },
  // 格式化类型
  formatPeriod(num: number, type: string) {
    if (!num || !type) {
      return ''
    }
    const template: any = {
      DAY: "天",
      MONTH: "个月",
      YEAR: "年"
    }
    if (type === "YEAR" && num >= 99) {
      return '永久'
    }
    return num + template[type]
  },
  onSubmit() {
    wx.redirectTo({
      url: '../index/index'
    })
  },
  onTimeout() {
    // 轮询10次查询订单状态
    const goodsInfo = this.data.goodsInfo
    const timerCount = this.data.timerCount
    const timer = this.data.timer
    if(goodsInfo.wechatStatus === 'WAIT_PAY' && timerCount <= 10) {
      let count = timerCount
      const tempT = setTimeout(async () => {
        count += 1
        await this.getDetail()
        this.setData({
          timer: tempT,
          timerCount: count
        }, () => {
          this.onTimeout()
        })
      }, 3000);
    } else {
      clearTimeout(timer)
    }
  },
  /** 客服 */
  onService() {
    this.setData({
      showService: true
    })
  },
  changePop(event: { detail: any }) {
    this.setData({
      showService: event.detail
    })
  },
  /** 申请退款 */
  async cancelRefound() {
    this.setData({
      cancelRefoundStatus: true
    }, async () => {
      try {
        const {data} = await api_userPaymentCancelRefund(this.data.goodsInfo.refundOrderId)
        // console.log(data, 'data')
        if(data.code == 200) {
          wx.showToast({ title: '取消退款成功', icon: 'none' })
          this.getDetail()
        } else {
          wx.showToast({ title: data.message, icon: 'none' })
        }
        setTimeout(() => {
          this.setData({
            cancelRefoundStatus: false
          })
        }, 500);
      } catch {}
    })
    
  },
  /** 申请退款 */
  useRefound() {
    this.setData({
      refoundStatus: true
    })
  },
  changeRefoundStatus(e: {detail: any}) {
    this.setData({
      refoundStatus: e.detail
    })
  },
  onRefoundComfirm() {
    this.setData({
      refoundStatus: false
    })
    // wx.navigateBack({
    //   delta: 1
    // })
    this.getDetail()
  },
  onCopy(e: { currentTarget: any }) {
    wx.setClipboardData({
      data: e.currentTarget.dataset.orderno,
      success: () => {
        wx.showToast({title: '复制成功', icon: 'none'})
      },
      fail: () => {
        wx.showToast({title: '复制失败，请稍后再试', icon: 'none'})
      }
    })
  },
  onActivation(e: { currentTarget: any  }) {
    const code = e.currentTarget.dataset.code || ''
    if(!code) {
      wx.showToast({
        title: '暂无法激活',
        icon: 'none'
      })
      return
    }
    wx.navigateTo({
      url: '../protocol/register?type=activation&code=' + code
    })
  },
  onDownload() {
    wx.saveImageToPhotosAlbum({
      filePath: this.data.canvasImg,
      success: () => { 
        wx.showToast({
          title: '保存成功',
          icon: 'success',
        });
      },
      fail: () => {
        wx.showToast({
          title: '保存失败',
          icon: 'none',
        });
      }
    })
  },
  onShareAppMessage() {
    return {
      title: '器乐数字AI工具',
      path: '/pages/index/index',
      imageUrl: 'https://oss.dayaedu.com/ktyq/1733312164991.png'
    }
  }
})