reader/pages/groupPage/my-group/my-group.js

// pages/groupPage/my-group/my-group.js
import httpRequestApi from '../../../utils/APIClient';
import util from '../../../utils/util';
const app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    myGroupList: [],
    typeOf: '',
    title: '',
    headTextOne: '',
    headTextTwo: '',
    content: [],
    productId: '',
    orderId: '',
    groupId: '',
    closeFlags: [],
    ind: 0,
    timeList: [],
    line1: '您还没有拼过团哦',
    line2: '拼过团再来看看吧'
  },
  //跳转到团购详情页
  collageDetails: function ({
    currentTarget
  }) {
    const orderId = currentTarget.dataset.orderid;
    const productId = currentTarget.dataset.productid;
    const groupId = currentTarget.dataset.groupid;
    const uid = currentTarget.dataset.uid;
    const num = currentTarget.dataset.num;
    const ind = currentTarget.dataset.ind;
    this.setData({
      ind
    })
    console.log(num)
    if (!num) {
      wx.navigateTo({
        url: `/pages/groupPage/collage-details/collage-details?orderId=${orderId}`
      })
    } else {
      if (this.data.closeFlags[ind]) {
        this.popup.close();
        this.setData({
          productId,
          orderId,
          groupId
        })
        this.dialog(uid);
      } else {
        wx.navigateTo({
          url: `/pages/groupPage/collage-details/collage-details?orderId=${orderId}&read=true`
        })
      }
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (option) {
    // if (app.globalData.isIOS) {
    //   wx.redirectTo({
    //     url: '../../index/index'
    //   })
    //   return 
    // }
    if (option && option.title) {
      wx.setNavigationBarTitle({
        title: option.title //页面标题为路由参数
      });
      this.setData({
        title: option.title
      });
    }
    this.getMyGroup();
  },
  // 获取我的拼团
  getMyGroup: function () {
    httpRequestApi.getMygroup().success((res) => {
      if (!res.data.data.list) {
        return
      }
      this.setData({
        myGroupList: [],
        myGroupList: [],
        timeList: []
      });
      console.log('我的团', res.data.data.list)
      res.data.data.list.forEach(element => {
        if (element.groupPurchaseOrder.status == 'SUCCESSED') {
          this.data.closeFlags.push(true);
          this.data.timeList.push(util.formatDate(element.groupPurchaseOrder.gmtModified, 4))
        } else {
          this.data.closeFlags.push(false);
          if (element.groupPurchaseOrder.closeTime - Date.parse(new Date()) < 0) {
            this.data.timeList.push('时间到了，')
          } else {
            this.data.timeList.push(util.lastHours(element.groupPurchaseOrder.closeTime - Date.parse(new Date())))
          }
        }
      });
      this.setData({
        closeFlags: this.data.closeFlags,
        myGroupList: res.data.data.list,
        timeList: this.data.timeList
      })
    }).fail(error => {
      console.log('错误', error)
    })
  },
  dialog: function (uid) {
    if (wx.getStorageSync('uid') == uid) {
      this.setData({
        typeOf: 'success',
        title: '恭喜',
        headTextOne: '您发起的团购拼团成功',
        headTextTwo: '领袖体质魅力无穷！',
        content: [{
            text: " 您可以继续发起新的团购",
            color: "#F97800"
          },
          {
            text: " 不再需要支付本课程费用",
            color: "#F97800"
          },
          {
            text: " 拼团成功，您将得到奖学金",
            color: "#F97800"
          }
        ],
        btnContent: '再接再厉 赚奖学金'
      })
    } else {
      this.setData({
        typeOf: 'success',
        title: '拼团成功',
        headTextOne: '您参与的团购拼团成功',
        headTextTwo: '感谢团长的分享',
        content: [{
            text: " 您也可以发起新的团购",
            color: "#F97800"
          },
          {
            text: "作为新的发起人",
            color: "#F97800"
          },
          {
            text: "您无需在支付本课程费用",
            color: "#F97800"
          },
          {
            text: "拼团成功，您将得到奖学金",
            color: "#F97800"
          }
        ],
        btnContent: '我也试试 赚奖学金'
      })
    }
  },
  close: function () {
    const ind = this.data.ind;
    this.data.closeFlags[ind] = false;
    this.setData({
      closeFlags: this.data.closeFlags
    })
    console.log(this.data.closeFlags)
  },

  //再次发起团
  group: function () {
    const productId = this.data.productId;
    const groupId = this.data.groupId;
    const id = this.data.orderId;

    wx.navigateTo({
      url: `/pages/groupPage/grade-details/grade-details?productId=${productId}`
    })

    //开始发起团购
    // httpRequestApi.SendGroupPurchas({
    //   productId,
    //   groupId
    // }).success((res) => {
    //   console.log('发起团购', res);
    //   if (res.data.message) {
    //     wx.showModal({
    //       title: '提示',
    //       content: res.data.message,
    //       success:(res) => {
    //       }
    //     })
    //     return false;
    //   }
    //   wx.navigateTo({
    //     url: `/pages/groupPage/make-money/make-money?productId=${productId}&id=${res.data.data.groupPurchaseOrder.id}&groupId=${groupId}`
    //   })
    //   // this.getMygroup();
    // }).fail((error) => {

    // })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    this.popup = this.selectComponent("#popup");
  },
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  onPullDownRefresh: function () {
    this.onLoad();

    wx.showNavigationBarLoading() //在标题栏中显示加载
    //模拟加载
    setTimeout(function () {
      // complete
      wx.hideNavigationBarLoading() //完成停止加载
      wx.stopPullDownRefresh() //停止下拉刷新
    }, 1500);
  }
})