minixyz/pages/pandaBonus/pandaBonus.js

// pages/pandaBonus/pandaBonus.js
const app = getApp();
const getReq = require('./../../config.js').getReq;
Page({

  /**
   * 页面的初始数据
   */
  data: {
    openAnimation: true, // 点击开红包
    activityType: '',  // 1 活动未开始
    renderCount: [],
    bonus_state: '',
    mine_bonus: '',
    reveive_info: '',
    binded_info: [], // 领取列表
    msg: '',
    testsn: '59801536315351351916'
  },
//bonus_state: 'unstart'// 未开始 


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // type_sn=80571536215385881479
    // 65611536217344159139 已过期红包
    // 41291536220812950106 未开始
    // act=bonusex&op=grab
    // 80571536215385881479 已领取
    // 18731536237157331856 已开始未领取 随机红包 // 测试领取之后

    // 55511536307147470142 手气王 一个 随机

    // 74561536308128119414 他人领取 点击查看详情
    if (!app.globalData.userInfo) {
      wx.navigateTo({
        url: `/pages/login/login`
      });
      return;
    }

    console.log('onload');
    let params = {
      act: 'bonusex',
      op: 'open',
      type_sn: this.data.testsn
    }
    this.getDatas(params)
  },
  detail() {
    console.log('---detail----');
    let params = {
      act: 'bonusex',
      op: 'detail',
      type_sn: this.data.testsn
    }
    this.getDatas(params)
  },
  grab() {
    console.log('---grab----');
    let params = {
      act: 'bonusex',
      op: 'grab',
      type_sn: this.data.testsn
    }
    this.getDatas(params)
  },
  getDatas(params) {
    let self = this
    
    getReq(params, function(res) {
      if(res.code == 200) {
        console.log('params:', params);
        console.log(res);
        let { type_info, bonus_state } = res.datas
        if(bonus_state == 'unstart')  {
        // bonus_state: unstart 活动未开始
          let { send_start_date } = type_info
          self.countTime(params, send_start_date)
          self.setData({
            bonus_state
          })
          return
        }
        else if(bonus_state == 'open') {
          // open 活动开始， 可以点击， 红包金额有 固定， 随机
          self.setData({
            type_info,
            bonus_state
          })
          return
        }
        else if(bonus_state == 'detail') {
          // 已点开状态， 详情
          let { avatars, mine_bonus } = res.datas
          let { sender_id,  relayer_id} = type_info

          let sender_head_src = self.senderHead(relayer_id, sender_id, avatars)
          let reveive_info = self.receiveInfo(type_info) // 展示领取信息

          //领取列表
          let binded_info = []
          if (res.datas['binded_info']) {
            binded_info = self.getBindedInfo(res.datas['binded_info'], avatars, type_info)
          }
          if (mine_bonus) {
            mine_bonus['bonus_value'] = parseInt(mine_bonus['bonus_value'] * 100 + 0.5) / 100
          }
          self.setData({
            sender_head_src,
            type_info,
            bonus_state,
            mine_bonus,
            reveive_info,
            binded_info
          })
          return 
        }
        else if(bonus_state == 'over') {
          console.log('over');
          let { msg } = res.datas
          self.setData({
            msg,
            bonus_state
          })
          return
        }
        else if(bonus_state == 'end') {
          console.log('end');
          self.setData({
            type_info,
            bonus_state
          })
          return
        }
      }
    });
  },
  getBindedInfo(binded_info, avatars, type_info) {
    let self = this
    return binded_info.map(item => {
      if (avatars[item['user_id']]) {
        let avatarItem = avatars[item['user_id']]
        item['avatar'] = avatarItem['avatar']
        let discount = parseInt(avatarItem['discount'] * 100 + 0.5)
        if (discount != 0) {
          discount = discount / 100
        }
        item['discount'] = discount
      }
      else {
        item['avatar'] = '../../image/bonus/female.png'
        item['discount'] = 0
      }
      item['is_king'] = self.isKing(type_info, item['bonus_value'])
      item['format_time'] = self.formatTime(item['get_time'])
      item['bonus_value'] = parseInt(item['bonus_value'] * 100 + 0.5) / 100
      return item
    })
  },
  // 判断手气最佳
  isKing(type_info, bonus_value) {
    let { total_num, binded_num, send_type, max_amount} = type_info
    if (send_type != 1)return false;
    if (parseInt(total_num) != parseInt(binded_num))return false;
    if (parseInt(max_amount * 100) != parseInt(bonus_value * 100))return false;
    return true
  },


  formatTime(time) {
    let d = new Date(time * 1000)
    let month = this.zero(d.getMonth() + 1)
    let date = this.zero(d.getDate())
    let h = this.zero(d.getHours())
    let m = this.zero(d.getMinutes())
    return `${month}-${date}  ${h}:${m}`
  },

  senderHead(relayer_id, sender_id, avatars) {
    let sender_head_src = '../../image/bonus/female.png'
    if(relayer_id > 0) {
      sender_head_src = avatars[relayer_id]['avatar']
    }
    else if(sender_id > 0) {
      sender_head_src = avatars[sender_id]['avatar']
    }
    
    return sender_head_src
  },
  receiveInfo(type_info) {
    let { total_num, binded_num} = type_info
    if(total_num == binded_num) {
      // 红包领完了
      let timestr = `${total_num}个红包,${this.bindedTime(type_info['binded_period'])}` 
      return timestr
    }
    else {
      let timestr = `领取 ${binded_num}/${total_num}`
      let isEndTime = this.isEnd(type_info['send_end_date'])
      if (isEndTime == false) {
        timestr += ',点击右上角继续分享此红包'
      }
      return timestr
    }
  },
  isEnd(send_end_date) {
    let sendDate = parseInt(send_end_date)
    if (sendDate === 0){
      return false
    }
    else {
      return new Date().getTime >= sendDate * 1000
    }
  },
  bindedTime(period) {
    let min = 60
    let hour = 3600
    let day = 24 * 3600

    let days = parseInt(period / day)
    period = period % day

    let hours = parseInt(period / hour)
    period = period % hour

    let mins = parseInt(period / min)
    period = period % min

    if(period > 0) {
      mins += 1
    }

    let timestr = ''
    if (days > 0) {
      timestr += `${days}天`
    }
    if (hours > 0) {
      timestr += `${hours}小时`
    }
    if (mins > 0) {
      timestr += `${mins}分钟`
    }
    timestr += '领完'
    return timestr

  },


  countTime(params, send_start_date) {
    let times = parseInt(send_start_date - new Date().getTime() / 1000)
    if(times <= 0) {
      console.log(times);
      // wx.redirectTo({
      //   url: '/pages/pandaBonus/pandaBonus'
      // })
      this.getDatas(params) // 活动时间到了，重新请求
      return
    }
    let h = Math.floor(times / 3600)
        h = this.zero(h)
    let m = Math.floor((times / 60) % 60)
        m = this.zero(m)
    let s = times % 60
        s = this.zero(s)
    let renderCount = [h.split(''), m.split(''), s.split('')]
    this.setData({
      renderCount
    })
    setTimeout(() => {
      this.countTime(send_start_date)
    }, 1000);

  },
  zero(n) {
    n =  n >= 10 ? n.toString() : '0' + n
    return n
  },
  open() {
    this.setData({
      openAnimation: false
    })
    this.grab()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    let imageUrl = '../../image/share_bonus.png'
    return {
      title: `点一下，你和TA都有红包！`,
      path: `/pages/pandaBonus/pandaBonus`,
      imageUrl: imageUrl
    }
  }
})