const app=getApp();
let utils=require("../../../utils/http");
let  page=1;
Page({

  /**
   * 页面的初始数据
   */
  data: {
    titlelist:[],
    videotop:'80',
    nowfirsTitle:'',
    loadFlag:false,
    datashow:false,
    LeftdataList: [], // 列表数据
    RightdataList: [], // 列表数据
    nowArr:[],
    arri:0,
    nowtitle:'',
    type:0,
    firsTitext:'',
    nowTagText:'',
    secondtitlist:[],
    imgUrl:app.globalData.imgUrl,
    topdata:false
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.showLoading({
      title: '加载中...',
    })
    this.titfun();
    this.videoListfun();
  },
  onPageScroll:function(e){
    if(e.scrollTop>10){
      this.setData({
        topdata:true
      })
    }else{
      this.setData({
        topdata:false
      })
    }
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },
  titfun:function(){
    let that=this;
    utils.$get({
      url: app.globalData.webUrl + 'client/video/type',
      header: {
        'Authorization':'bearer '+app.globalData.token
      },
      data:{},
      success: function (res) {
        if(res.data.code=='0'){
          that.setData({
            titlelist:res.data.data,
            firsTitext:'',
            secondtitlist:[]
          })
        }
      }
    })
  },
  firsttap:function(e){
    var that=this;
    if(e.currentTarget.dataset.fid!=''){
      that.setData({
        firsTitext:e.currentTarget.dataset.fid,
        nowTagText:'',
        videotop:'168',//顶部padding
        secondtitlist:that.data.titlelist[e.currentTarget.dataset.idx].sonLabel
      })
    }else{
      that.setData({
        firsTitext:e.currentTarget.dataset.fid,
        nowTagText:'',
        videotop:'80',//顶部padding
        secondtitlist:[]
      })
    }
    this.videoListfun()
  },
  childtypetap:function(e){
    this.setData({
      nowTagText:e.currentTarget.dataset.sid,
    })
    this.videoListfun();
  },
  videoListfun:function(){
    let that=this;
    page=1;
    utils.$post({
      url: app.globalData.webUrl + 'client/video/list',
      header: {
        'Authorization':'bearer '+app.globalData.token
      },
      data:{
        type: that.data.firsTitext,
        page: page,
        limit: 10,
        label:that.data.nowTagText,
      },
      success: function (res) {
        that.setData({
          datashow:true
        })
        if(res.data.code=='0'){
          that.setData({
            LeftdataList:[],
            RightdataList:[],
            nowArr:res.data.data
          })
          that.imgLoad();
        }
        wx.hideLoading()
      }
    })
  },
  imgLoad: function (e) {
    var that = this;
    var LeftdataList=that.data.LeftdataList;
    var RightdataList=that.data.RightdataList;
    var nowArr=that.data.nowArr;
    if (nowArr.length==0) {
        return false;
    }
    
    if(LeftdataList.length==0){
      LeftdataList.push(nowArr[0]);
      nowArr.shift();
      that.setData({
        nowArr:nowArr,
        LeftdataList:LeftdataList,
        RightdataList:RightdataList
      })
    }else{
      var leftheight,rightheight;
      const query = wx.createSelectorQuery()
      query.select('.leftvideobox').boundingClientRect();
      query.exec(function(res){
        leftheight=res[0].height;
        const queryright = wx.createSelectorQuery()
        queryright.select('.rightvideobox').boundingClientRect();
        queryright.exec(function(rs){
          LeftdataList=that.data.LeftdataList;
          RightdataList=that.data.RightdataList;
          nowArr=that.data.nowArr;
          rightheight=rs[0].height;
          if(leftheight<=rightheight){
            LeftdataList.push(nowArr[0]);
            nowArr.shift();
          }else{
            var str=nowArr.shift();
            RightdataList.push(str);
          }
          that.setData({
            nowArr:nowArr,
            LeftdataList:LeftdataList,
            RightdataList:RightdataList
          })
        })
      })
    }
    
  },
  videomsgtap:function(e){
    wx.navigateTo({
        url: "/pages/networkvideo/networkvideo?vid="+e.currentTarget.dataset.vid
    });
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  
  },

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

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

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    let that=this;
    page=1;
    utils.$post({
      url: app.globalData.webUrl + 'client/video/list',
      header: {
        'Authorization':'bearer '+app.globalData.token
      },
      data:{
        type: that.data.firsTitext,
        page: page,
        limit: 10,
        label:that.data.nowTagText,
      },
      success: function (res) {
        wx.stopPullDownRefresh()
        if(res.data.code=='0'){
          that.setData({
            LeftdataList:[],
            RightdataList:[],
            nowArr:res.data.data
          })
          that.imgLoad();
        }
        wx.hideLoading()
      }
    })
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    let that=this;
    page=page+1;
    utils.$post({
      url: app.globalData.webUrl + 'client/video/list',
      header: {
        'Authorization':'bearer '+app.globalData.token
      },
      data:{
        type: that.data.firsTitext,
        page: page,
        limit: 10,
        label:that.data.nowTagText,
      },
      success: function (res) {
        let nowArr=that.data.nowArr,len=that.data.nowArr.length;
        if(res.data.code=='0'){
          nowArr=nowArr.concat(res.data.data)
          that.setData({
            nowArr:nowArr
          })
          if(len==0){
            that.imgLoad();
          }
        }
      }
    })
  },

  /**
   * 用户点击右上角分享
   */
  // onShareAppMessage: function () {
  //   return {
  //     title: '我是'+app.globalData.sharename+"，这是我的个人微网。",
  //     imageUrl:"../../img/weiw.png",
  //     path: '/pages/index/index?share_user_id='+this.data.share_user_id+"&sharename="+app.globalData.sharename
  //   }
  // }
})