// 指定全局变量
/*global checkVersion locateJudge EnvCheck tools erbanMask wx wxConfig VConsole androidJsObj initNav template preloadImage */
var info = {};
var browser = checkVersion();
var api = locateJudge();
var env = EnvCheck();

var shareUrl = location.origin + '/activity';
var share = {
  title: '',
  link: shareUrl,
  imgUrl: 'https://img.erbanyy.com/new-logo.png',
  desc: ''
};
// eslint-disable-next-line
function getMessage(key, value) {
  info[key] = value;
}

wx.ready(function() {
  wx.onMenuShareTimeline({
    title: share.title,
    link: share.link,
    imgUrl: share.imgUrl,
    desc: share.desc
  });

  wx.onMenuShareAppMessage({
    title: share.title,
    desc: share.desc,
    link: share.link,
    imgUrl: share.imgUrl,
    type: 'link',
    dataUrl: ''
  });

  wx.onMenuShareQQ({
    title: share.title,
    desc: share.desc,
    link: share.link,
    imgUrl: share.imgUrl
  });
});

erbanMask('activity-name', 'activity-name');
initNav({
  type: 2,
  data: {
    msg: 'wewawa',
    link: share.link,
    title: share.title,
    showUrl: share.link,
    imgUrl: share.imgUrl,
    desc: share.desc
  }
});

browser.weixin && wxConfig();

var requestScrollTimer
var toastTimer
var openSocketTimer
var imgTimer
var canvasTimer
var rotateTimer
var rotateTimer2
var giftTimer

clearInterval(requestScrollTimer)
requestScrollTimer = setInterval(function() {
  getScrollTip()
}, 60000)

var clickTab = 0
var clickTabFlag = false
var clickNumIndex = 0
var turntable = {
  0: {
    rotateBol: false,
    fontColor: [], // 字体颜色
    colors: [
      '#542339',
      '#341C27'
    ], // 板块颜色
    prizeName: [], // 奖品名称
    prizeImg: [
      'img/gift/gift1.png',
      'img/gift/gift2.png',
      'img/gift/gift3.png',
      'img/gift/gift4.png',
      'img/gift/gift5.png',
      'img/gift/gift6.png',
      'img/gift/gift7.png',
      'img/gift/gift8.png'
    ], // 奖品图片
    prizeImgArr: [], // 用于canvas绘画的图片
    prizeIndex: [] // 奖品下标
  },
  1: {
    rotateBol: false,
    fontColor: [], // 字体颜色
    colors: [
      '#3D1B6E',
      '#001F53'
    ], // 板块颜色
    prizeName: [], // 奖品名称
    prizeImg: [
      'img/gift/gift1.png',
      'img/gift/gift9.png',
      'img/gift/gift10.png',
      'img/gift/gift11.png',
      'img/gift/gift12.png',
      'img/gift/gift13.png',
      'img/gift/gift14.png',
      'img/gift/gift15.png'
    ], // 奖品图片
    prizeImgArr: [], // 用于canvas绘画的图片
    prizeIndex: [] // 奖品下标
  }
}
var giftIntro = {}

$(function() {
  if (env == 'test') {
    new VConsole();
  }
  var main = {
    init: function() {
      this.getMsgFromDevice();
      setTimeout(() => {
        this.getData();
        if(info.appVersion >= '1.3.6' && info.appVersion) {
          $('.topNav1').show().siblings('.topNav2').hide();
        }else{
          $('.feedback,.topNav1').hide();
          $('.topNav2').show();
        }
      }, 100);
      this.eventRegister();
    },
    getMsgFromDevice: function() {
      if (browser.app) {
        if (browser.ios) {
          window.webkit.messageHandlers.getDeviceId.postMessage(null);
          window.webkit.messageHandlers.getRoomUid.postMessage(null);
        } else if (browser.android) {
          if (androidJsObj && typeof androidJsObj === 'object') {
            info.deviceId = window.androidJsObj.getDeviceId();
            info.roomUid = window.androidJsObj.getRoomUid()
          }
        }

        info.uid = tools.nativeUtils.getUid();
        info.ticket = tools.nativeUtils.getTicket();
        info.appVersion = tools.nativeUtils.getAppVersion();
      } else {
        info.uid = 925506;
        info.roomUid = 923631
        info.deviceId = '8d9d6247-63a4-3acc-a164-01a6b1a3c098';
        info.ticket = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aWNrZXRfdHlwZSI6bnVsbCwidWlkIjo5MjU1MDYsInRpY2tldF9pZCI6IjQ1MTE0N2IyLTJkYjEtNDYwNi1hOWQyLTU0ZmZmM2NkMDhjNSIsImV4cCI6MzYwMCwiY2xpZW50X2lkIjoiZXJiYW4tY2xpZW50In0.X7gEBqfPDH0ejsAAsx0xdJeuRsyMhUJ9B3tVjAuwZq0';
      }
    },

    eventRegister: function() {
      $('.topNav .tab').on('click', function() {
        if (clickTabFlag) {
          return
        }
        $(this).addClass('active').siblings().removeClass('active')
        clickTab = $(this).index()
        
        if (clickTab === 0) {
          $('.exp-container').find('.strip').removeClass('exp-2').addClass('exp-1')
          $('.exp-container').removeClass('exp-container2').addClass('exp-container1')
          $('.canvas').find('.container1').removeClass('second').addClass('first')
          $('.canvas .pointer img').attr('src', 'img/carnival/point.png')
          $('.canvas .btn img').attr('src', 'img/carnival/draw-btn.png')
          preloadImg(clickTab)
        } else {
          $('.exp-container').find('.strip').removeClass('exp-1').addClass('exp-2')
          $('.exp-container').removeClass('exp-container1').addClass('exp-container2')
          $('.canvas').find('.container1').removeClass('first').addClass('second')
          $('.canvas .pointer img').attr('src', 'img/carnival/point-2.png')
          $('.canvas .btn img').attr('src', 'img/carnival/draw-btn-2.png')
          preloadImg(clickTab)
        }

        info.clickStatu = false
        getGiftInfo()
        getticketChooseShow()
      })
      $('.turnNum').on('click', 'li', function() {
        $(this).addClass('active').siblings().removeClass('active')
        clickNumIndex = $(this).index()
      })

      $('.experience').on('click', '.tips', function() {
        $('.exp-toast').fadeIn(300, function() {
          clearTimeout(toastTimer)
          toastTimer = setTimeout(function() {
            $('.exp-toast').hide()
          }, 8000)
        })
      })

      $('.canvas').on('click', '.btn', function() {
        if (!info.clickStatu) {
          $('.toast').html('哎呀太挤了，请稍等').fadeIn(30).fadeOut(2000)
          return false
        }
        if (turntable[clickTab].rotateBol) return
        turntable[clickTab].rotateBol = true
        clickTabFlag = true
        var obj = {
          0: 'one',
          1: 'ten',
          2: 'hundred'
        }
        $.ajax({
          headers: {
            pub_ticket: info.ticket
          },
          type: 'POST',
          url: api + '/activities/draw/turnTable',
          data: {
            uid: info.uid,
            ticket: info.ticket,
            roomUid: info.roomUid,
            sendMessage: true,
            ruleType: obj[clickNumIndex],
            drawType: (clickTab === 0) ? 'turntable1' : 'turntable2',
            deviceId: info.deviceId
          },
          success: function(res) {
            if (res.code === 200) {
              var maxValue = 0
              var prizeId
              var item
              for (var i in res.data.prizeItemList) {
                if (res.data.prizeItemList[i].platformValue > maxValue) {
                  maxValue = res.data.prizeItemList[i].platformValue
                  prizeId = res.data.prizeItemList[i].prizeId
                  item = turntable[clickTab].prizeIndex.indexOf(prizeId)
                  if (item == -1) {
                    item = 0
                  }
                }
                console.log(item);
              }
              // ----------------  用户抽奖记录接口 -----------
              $.ajax({
                headers: {
                  pub_ticket: info.ticket
                },
                type: 'POST',
                url: api + '/activities/draw/saveLog',
                data: {
                  ticket: info.ticket,
                  uid: info.uid,
                  prizeids: JSON.stringify(res.data.prizeIdList),
                  prizeIndex: item,
                  createdTime: res.data.prizeItemList[0].createTime,
                  prizeIdList: JSON.stringify(turntable[clickTab].prizeIndex)
                },
                success: function(res) {
                  // eslint-disable-next-line no-empty
                  if (res.code !== 200) console.log(res.message)
                },
                error: function(err) {
                  console.log('报错了：', err)
                }
              })
              // ------------------  用户抽奖记录接口 ------------
              $('.info').find('.ticketNum').html(res.data.remainKeyNum)
              rotateFunc(item, 8, res.data.prizeItemList, res.data.prizeIdList, clickTab)
              clearTimeout(rotateTimer)
              rotateTimer = setTimeout(function() {
                clickTabFlag = false
                clearTimeout(rotateTimer)
              }, 3000)
              clearTimeout(rotateTimer2)
              rotateTimer2 = setTimeout(function() {
                turntable[clickTab].rotateBol = false
              }, 1000)
            } else if (res.code === 10000) {
              // 门票不足
              $('.status-mask').find('.title').html('游玩失败')
              $('.status-mask').find('.tips').html('亲，门票不足了哦~')
              $('.status-mask').find('.btn').addClass('toGather').html('去收集')
              $('.shade,.status-mask').show()
              clickTabFlag = false
              turntable[clickTab].rotateBol = false
            } else if (res.code === 21111) {
              // 游玩限制
              $('.status-mask').find('.title').html('本日游玩限制')
              $('.status-mask').find('.tips').html('今日游玩次数已达上限哦~')
              $('.status-mask').find('.btn').removeClass('toGather').html('知道了')
              $('.shade,.status-mask').show()
              clickTabFlag = false
            } else {
              turntable[clickTab].rotateBol = false
              clickTabFlag = false
              $('.toast').html(res.message).fadeIn(30).fadeOut(3000)
            }
          }
        })
      })
      $('.status-mask').on('click', '.btn', function() {
        if ($(this).hasClass('toGather')) {
          $('.status-mask').hide()
          $('.shade').hide()
          window.location.href = './index.html'
        } else {
          $('.status-mask').hide()
          $('.shade').hide()
        }
      })

      $('.shade').on('click', function() {
        $('.status-mask').hide()
        $('.gather-mask').hide()
        $('.shade').hide()
      })

      $('.help').on('click', function() {
        $('.rule-mask').animate({
          top: 0
        }, 500)
      })
      $('.rule-mask').on('click', '.back', function() {
        $('.rule-mask').animate({
          top: -1000
        }, 500)
      })

      $('.rank-btn').on('click', function() {
        renderRank(false)
      })
      $('.rank-mask .tab').on('click', 'li', function() {
        rankTabIndex = $(this).index()
        $(this).addClass('active').siblings().removeClass('active')
        renderRank(true)
      })
      $('.rank-mask').on('click', '.back', function() {
        $('.rank-mask').animate({
          top: -1000
        }, 500)
      })

      $('.status-mask').on('click', '.btn', function() {
        $('.shade').hide()
        $('.status-mask').hide()
      })

      $('.record-btn').on('click', function() {
        renderRecord(false)
      })
      $('.record-mask .tab').on('click', 'li', function() {
        recordTabIndex = $(this).index()
        recordPageNum = 1
        scrollFlag = false
        $('.record-mask').find('.content').scrollTop(0)
        $(this).addClass('active').siblings().removeClass('active')
        renderRecord(true)
      })
      $('.record-mask').on('click', '.back', function() {
        $('.record-mask').animate({
          top: -1000
        }, 500)
      })
      $('.record-mask .content').scroll(function() {
        var scrollH = $(this).scrollTop()
        var contentH = $('.record-container').height()
        var viewH = $(this).height()
        if (Math.ceil(viewH + scrollH) >= contentH) {
          if (scrollFlag) {
            return
          }
          scrollFlag = !scrollFlag
          recordPageNum++
          renderRecord(true)
        }
      })
      $('.feedback').on('click', function() {
        tools.nativeUtils.jumpAppointPage('FEEDPACK_PAGE', 'DRAW');
      })
    },
    getData: function() {
      getScrollTip()
      getticketChooseShow()
      openSocket()
      getExp()
      getTicketNum()
      preloadImg(clickTab)
      getGiftInfo()
    }
  };

  main.init();
});

var scrollTimer
var tabTimer
var times
// var timeFlag = 0
var timeTimer
// var cacheLine = 0
var rankTabIndex = 0
var recordTabIndex = 0
var recordPageNum = 1

// 获取滚屏数据
function getScrollTip() {
  $('.container').hide()
  $.ajax({
    type: 'GET',
    url: api + '/activities/draw/queryPrizeMsg',
    success: function(res) {
      if (res.code === 200) {
        for (var i in res.data) {
          if (res.data[i].nick.length > 4) {
            res.data[i].nick = res.data[i].nick.substring(0, 4) + '...'
          }
          if (res.data[i].drawType === 1) {
            res.data[i]['table'] = '连理枝'
          } else {
            res.data[i]['table'] = '比翼鸟'
          }
        }
        res.data.push(res.data[0])
        var _data = {
          scrollMaskList: res.data
        }
        $('.container').html(template('scrollTmp', _data))
        $('.container').show()
        animateScroll()
      }
    }
  })
}

// 获取礼物信息
function getGiftInfo() {
  turntable[clickTab].prizeIndex = []
  // turntable[0].prizeImg = [];
  // turntable[1].prizeImg = [];
  giftIntro['giftIdArr'] = []
  $.ajax({
    type: 'GET',
    url: api + '/activities/draw/queryPrizeInfo',
    timeout: 15000, // 超时时间：30秒
    data: {
      drawType: (clickTab === 0) ? 'turntable1' : 'turntable2'
    },
    success: function(res) {
      if (res.code === 200) {
        for (var i in res.data) {
          turntable[clickTab].prizeIndex.push(res.data[i].prizeId)
          giftIntro.giftIdArr.push(res.data[i].prizeId)
          // if(clickTab === 0) {
          //   turntable[0].prizeImg.push(res.data[i].prizeImgUrl)
          // }else{
          //   turntable[1].prizeImg.push(res.data[i].prizeImgUrl)
          // }
        }
        // preloadImg(clickTab)
        // 成功后可点击
        info.clickStatu = true
      } else {
        $('.toast').html(res.message).fadeIn(30).fadeOut(2000)
      }
    },
    error: function(res) {
      $('.toast').html('哎呀太挤了，请稍等').fadeIn(30).fadeOut(2000)
    }
  })
}

// 滚屏
function animateScroll() {
  var length = $('.scrollMask').find('.container').height()
  var _top = 0
  clearInterval(scrollTimer)
  scrollTimer = setInterval(function() {
    if (length + _top > 30) {
      _top -= 30
    } else {
      $('.scrollMask').find('.container').css({
        top: 0
      })
      _top = 0
    }
    $('.scrollMask').find('.container').stop(true, true).animate({
      top: _top
    })
  }, 2000)
}

// 获取消耗数据
function getticketChooseShow() {
  var drawObj = {
    0: 'turntable1',
    1: 'turntable2'
  }
  $.ajax({
    type: 'GET',
    url: api + '/activities/draw/queryTicketRule',
    data: {
      drawType: drawObj[clickTab]
    },
    success: function(res) {
      if (res.code === 200) {
        // $('.turnNum').find('.num').eq(0).html(res.data.one + '次')
        $('.turnNum').find('.ticket').eq(0).html('消耗' + res.data.one + '门票')
        // $('.turnNum').find('.num').eq(1).html(res.data.ten + '次')
        $('.turnNum').find('.ticket').eq(1).html('消耗' + res.data.ten + '门票')
        // $('.turnNum').find('.num').eq(2).html(res.data.hundred + '次')
        $('.turnNum').find('.ticket').eq(2).html('消耗' + res.data.hundred + '门票')

        if (clickTab === 0) {
          $('.turnNum').find('li').removeClass('joy').addClass('ball')
        } else {
          $('.turnNum').find('li').removeClass('ball').addClass('joy')
        }
      }
    }
  })
}

// 打开socket链接
function openSocket() {
  var socket = null
  var cacheType = 0
  if (typeof (WebSocket) === 'undefined') {
    alert('暂不支持转盘socket')
  } else {
    var _url = (window.location.href.match('apibeta') || window.location.href.match('local')) ? 'http://apibeta.qxjiaoyou.com:8081' : 'https://api.qxjiaoyou.com:8081'
    if (window.location.href.match('preview')) {
      _url = 'https://preview.qxjiaoyou.com:8081'
    }
    var socketUrl = _url + '/websocket/activity/' + info.roomUid
    socketUrl = socketUrl.replace('https', 'wss').replace('http', 'ws')
    if (socket !== null) {
      socket.close()
      socket = null
    }
    socket = new WebSocket(socketUrl)

    socket.onopen = function() {
      // 监听开启socket后的判断逻辑
      clearInterval(tabTimer)
      tabTimer = setInterval(function() {
        if (cacheType !== clickTab) {
          cacheType = clickTab
          getExp()
        }
      }, 10)
    }

    socket.onmessage = function(res) {
      // 监听服务端发送过来的数据

      var data = JSON.parse(res.data)
      if (data.data) {
        renderExp(data.data)
      }
    }

    socket.onclose = function() {
      socket = null
      clearTimeout(openSocketTimer)
      openSocketTimer = setTimeout(function() {
        openSocket()
      }, 5000)
    }

    socket.onerror = function() {
      console.log('socket错误')
    }
  }
}

// 渲染经验值
function getExp() {
  $.ajax({
    type: 'GET',
    url: api + '/activities/draw/getRunawayData',
    data: {
      drawType: (clickTab === 0) ? 'turntable1' : 'turntable2',
      roomUid: info.roomUid
    },
    success: function(res) {
      if (res.code === 200) {
        renderExp(res.data)
      }
    }
  })
}
var tableFlag
function renderExp(val) {
  // console.log(val)
  tableFlag = (val.drawType === 'turntable1') ? 0 : 1
  if (val.runawaySwitch) {
    $('.experience').show()
  }

  // 进度条计算
  if (tableFlag === clickTab) {
    var height = $('.exp-container').height()
    var percentage = val.curValue / val.runawayConfigValue
    var _top
    _top = height * percentage
    $('.strip').stop(true).animate({
      height: _top
    }, 200)
    $('.experience').find('.maxNum').html(val.runawayConfigValue)
    $('.experience').find('.num').html(val.curValue)
  }
  // 进度条计算

  // 礼物显示
  if (JSON.stringify(val.poolPrize) !== '{}') {
    if (val.poolTime > 0 && tableFlag === clickTab) {
      renderTime(val)
    }
    // if (val.poolTime === val.runawayConfigTime && tableFlag === clickTab) {
    //   timeFlag = 1
    //   $('.giftBox').removeClass('hide')
    //   renderTime(val.poolTime)
    //   $('.giftBox').find('img').attr('src', val.poolPrize.prizeImgUrl)
    // }
  } else {
    $('.giftBox').addClass('hide')
  }
}

// 渲染倒计时
function renderTime(val) {
  times = val.poolTime
  $('.giftBox').find('img').attr('src', val.poolPrize.prizeImgUrl)
  $('.giftBox').removeClass('hide')
  $('.experience').find('.times').html(times + '秒')
  clearInterval(timeTimer)
  timeTimer = setInterval(function() {
    times--
    if (times === 0) {
      // timeFlag = 0
      clearInterval(timeTimer)
      $('.giftBox').addClass('hide')
    }
    $('.experience').find('.times').html(times + '秒')
  }, 1000)
}

// 获取门票数
function getTicketNum() {
  $.ajax({
    type: 'GET',
    url: api + '/activities/draw/queryTicketNum',
    data: {
      uid: info.uid
    },
    success: function(res) {
      if (res.code === 200) {
        $('.info').find('.ticketNum').html(res.data.num)
      }
    }
  })
}

// 预加载图片
function preloadImg(val) {
  var img = {
    imageArr: turntable[val].prizeImg,
    doneFunc: function() {
      clearInterval(imgTimer)
      imgTimer = setTimeout(function() {
        getCanvas(val)
      }, 50)
    }
  }
  preloadImage(img)
}

// 转盘
function getCanvas(val) {
  var img
  if (val === 0) {
    $('#table').show()
    $('#table2').hide()
  } else {
    $('#table').hide()
    $('#table2').show()
  }
  for (let i in turntable[val].prizeImg) {
    img = new Image()
    img.src = turntable[val].prizeImg[i]
    turntable[val].prizeImgArr.push(img)
  }
  var count = turntable[val].prizeImg.length
  img.onload = function() {
    var baseAngle = Math.PI * 2 / count
    var _circle = (val === 0) ? document.getElementById('table') : document.getElementById('table2')
    var circle = _circle.getContext('2d')
    clearTimeout(canvasTimer)
    canvasTimer = setTimeout(function() {
      for(var i = 0; i < turntable[val].prizeImg.length; i++) {
        circle.save()
        circle.translate(_circle.width / 2, _circle.height / 2)
        circle.strokeStyle = 'transparent'
        var angle = i * baseAngle
        var colorIndex = i % 2
        circle.fillStyle = turntable[val].colors[colorIndex]
        circle.beginPath()
        circle.moveTo(0, 0)
        circle.arc(0, 0, 214, angle, angle + baseAngle, false)
        circle.stroke()
        circle.fill()
        circle.rotate(angle + baseAngle / 2 + Math.PI / 2)
        circle.imageSmoothEnabled = false
        circle.drawImage(turntable[val].prizeImgArr[i], -55, -210, 100, 100)
        circle.restore()
      }
      clearTimeout(canvasTimer)
    }, 10)
  }
}

// 旋转
function rotateFunc(item, count, data, idList, val) {
  // $('.canvas').css({
  //   transform: 'scale(.5)'
  // })
  giftIntro['gatherId'] = item
  giftIntro['gatherIdList'] = idList
  console.log(giftIntro);
  var baseAngle = 360 / count
  var angle = 360 * 3 / 4 - (item * baseAngle) - baseAngle / 2
  giftIntro['angle'] = angle
  var $rotate = (val === 0) ? $('#table') : $('#table2')
  $rotate.stopRotate()
  $rotate.rotate({
    angle: 0,
    animateTo: angle + 360 * 5,
    duration: 3000,
    callback: function() {
      // 获取弹窗渲染
      var $data = {
        gatherList: data
      }
      $('.gift-list').html(template('gatherListTmp', $data))
      $('.gather-mask').show()
      $('.shade').show()
      clearTimeout(giftTimer)
      giftTimer = setTimeout(function() {
        $('.gather-mask').hide()
        $('.shade').hide()
        clearTimeout(giftTimer)
      }, 1500)
    }
  })
}

// 渲染排行榜
function renderRank(val) {
  var tipsObj = {
    0: '抽奖票数越多，排名越高哦~每日零点重置',
    1: '获得奖励价值越高，排名越高哦~每日零点重置'
  }
  var urlObj = {
    0: '/activities/rank/ticketList',
    1: '/activities/rank/giftList'
  }
  $.ajax({
    type: 'POST',
    url: api + urlObj[rankTabIndex],
    data: {
      uid: info.uid
    },
    success: function(res) {
      if (res.code === 200) {
        $('.rank-mask').find('.tips p').html(tipsObj[rankTabIndex])
        for (var i in res.data.rankVoList) {
          if (res.data.rankVoList[i].nick.length > 5) {
            res.data.rankVoList[i].nick = res.data.rankVoList[i].nick.substring(0, 5) + '...'
          }
          if (i > 0) {
            var distance = res.data.rankVoList[i - 1].value - res.data.rankVoList[i].value
            if (distance > 10000) {
              res.data.rankVoList[i]['distance'] = (distance / 10000).toFixed(1) + '万'
            } else {
              res.data.rankVoList[i]['distance'] = distance
            }
          }
        }
        if (!val) {
          $('.rank-mask').animate({
            top: 0
          }, 500, function() {
            var $data = {
              rankList: res.data.rankVoList
            }
            $('.rank-container').html(template('rankListTmp', $data)).fadeIn(500)
          })
        } else {
          var $data = {
            rankList: res.data.rankVoList
          }
          $('.rank-container').fadeOut(500, function() {
            $('.rank-container').html(template('rankListTmp', $data))
          }).fadeIn(500)
        }

        if (res.data.myRank.nick.length > 5) {
          res.data.myRank.nick = res.data.myRank.nick.substring(0, 5) + '...'
        }
        if (res.data.myRank.value > 10000) {
          res.data.myRank.value = (res.data.myRank.value / 10000).toFixed(1) + '万'
        }

        $('.mine').find('.rank-num').html(res.data.myRank.rank)
        $('.mine').find('.avatar img').attr('src', res.data.myRank.avatar)
        $('.mine').find('.nick').html(res.data.myRank.nick)
        if (rankTabIndex === 0) {
          $('.mine').find('.score').html('我的捧场值：' + res.data.myRank.value)
          $('.rank-yesterday-box').addClass('active')
          for (var i = 0; i < 3; i++) {
            var item = res.data.yesterdayRank[i] || ''
            $(`.rank-item${i} .rank-ava .img-item`).attr('src', item.avatar || 'img/carnival/noava.png')
            $(`.rank-item${i} .rank-nick`).html(item.nick || '虚位以待')
          }
        } else {
          $('.mine').find('.score').html('我的迷人值：' + res.data.myRank.value)
          $('.rank-yesterday-box').removeClass('active')
        }
        if (res.data.myRank.rank < 21) {
          if (res.data.myRank.rank > 10 && res.data.myRank.rank < 21) {
            $('.mine').find('.num').html(res.data.myRank.diffValue)
            $('.mine').find('.distance').html('距上榜')
          } else if (res.data.myRank.rank < 11 && res.data.myRank.rank > 1) {
            $('.mine').find('.num').html(res.data.myRank.diffValue)
            $('.mine').find('.distance').html('距上名')
          } else {
            $('.mine').find('.num').html(res.data.myRank.diffValue)
          }
        } else {
          $('.mine').find('.num').html(res.data.myRank.diffValue)
          $('.mine').find('.distance').html('未上榜')
        }
        //  跳转个人主页
        $('.rank-container').on('click', '.avatar', function() {
          var uid = $(this).attr('data-uid');
          tools.nativeUtils.jumpAppointPage('PERSON_PAGE', uid);
        })
      }
    }
  })
}

var recordCache = []
var scrollFlag = false
var recordTimer
// 渲染抽奖记录
function renderRecord(val) {
  var typeObj = {
    0: 'time',
    1: 'worth'
  }
  $.ajax({
    type: 'GET',
    url: api + '/activities/draw/drawRecord',
    data: {
      uid: info.uid,
      sortType: typeObj[recordTabIndex],
      page: recordPageNum,
      pageSize: 10
    },
    success: function(res) {
      if (res.code === 200) {
        if (res.data.length === 0) {
          return
        }
        if (recordTabIndex === 0) {
          for (var i in res.data) {
            var date = new Date(res.data[i].createTime)
            var year = date.getFullYear()
            var month = date.getMonth() + 1
            var day = date.getDate()
            var hour = date.getHours()
            var minute = date.getMinutes()
            var second = date.getSeconds()
            res.data[i].ymd = year + '-' + month + '-' + day
            res.data[i].hms = hour + ':' + minute + ':' + second
          }
        }
        if (scrollFlag) {
          if (res.data.length > 0) {
            for(var j in res.data) {
              recordCache.push(res.data[j])
            }
          } else {
            $('.loading').html('暂无更多数据')
          }
          var $data2 = {
            recordList: recordCache,
            // eslint-disable-next-line no-unneeded-ternary
            worth: (recordTabIndex === 1) ? true : false
          }
          $('.loading').show()
          clearTimeout(recordTimer)
          recordTimer = setTimeout(function() {
            $('.loading').hide()
            $('.record-container').html(template('recordTmp', $data2))
            scrollFlag = !scrollFlag
          }, 2000)
          return
        }
        if (!val) {
          recordCache = []
          $('.record-mask').animate({
            top: 0
          }, 500, function() {
            recordCache = res.data
            var $data = {
              recordList: recordCache,
              // eslint-disable-next-line no-unneeded-ternary
              worth: (recordTabIndex === 1) ? true : false
            }
            $('.record-container').html(template('recordTmp', $data)).fadeIn(500)
          })
        } else {
          recordCache = []
          recordCache = res.data
          var $data = {
            recordList: recordCache,
            // eslint-disable-next-line no-unneeded-ternary
            worth: (recordTabIndex === 1) ? true : false
          }
          $('.record-container').fadeOut(500, function() {
            $('.record-container').html(template('recordTmp', $data))
          }).fadeIn(500)
        }
      }
    }
  })
}