crm/resources/zqxg/zqxgxcx/share/pages/videolist/videolist.js

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

  /**
   * 页面的初始数据
   */
  data: {
    imgUrl: app.globalData.imgUrl,
    videotext: '',
    videolist: [],
    leftlist: [],
    rightlist: [],
    titlist: [],
    secondtitlist: [],
    nowTagText: '',
    firsTitext: '',
    datashow: false,
    videotop: 80,
    top: app.globalData.statusBarHeight,
    hgt: app.globalData.titleBarHeight,
    loginFlag: false,
    mobileflag: false,
    canIUseGetUserProfile: false,
    companyobj: {},
    showAction: false,
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.hideHomeButton()
    if (wx.getUserProfile) {
      this.setData({
        canIUseGetUserProfile: true
      })
    }
    if (!!options.scene) {
      options = unescape(options.scene);
      let arr = options.split('&');
      let obj = {};
      for (let i = 0; i < arr.length; i++) {
        let arr1 = arr[i].split('=');
        obj[arr1[0]] = arr1[1];
      }
      this.setData({
        firsTitext: obj.ftext,
        nowTagText: obj.nText
      })
      app.globalData.clientype = obj.ctp;
      app.globalData.shareuserid = obj.uid;
    } else {
      this.setData({
        firsTitext: options.ftext,
        nowTagText: options.nText
      })
      app.globalData.clientype = options.ctp;
      app.globalData.shareuserid = options.uid;
    }
  },
  //用户同意隐私协议
  agreePrivacy() {
    wx.showLoading({
      title: '加载中...',
    })
    this.login();
  },
  sharecompany: function () {
    const that = this;
    utils.$post({
      url: app.globalData.webUrl + 'client/index/content_belong_company',
      header: {
        'Authorization': 'bearer ' + app.globalData.token
      },
      data: {
        client_type: app.globalData.clientype,
        uid: app.globalData.shareuserid
      },
      success: function (res) {
        if (res.data.code == '0') {
          app.globalData.companyobj = res.data.data;
          that.setData({
            companyobj: res.data.data
          })
        }
      },
      complete(res) {
        wx.hideLoading()
      }
    })
  },
  login: function () {
    var that = this;
    wx.login({
      success: function (data) {
        if (data.errMsg == 'login:ok') {
          utils.$post({
            url: app.globalData.webUrl + 'api/users/code2session',
            data: {
              code: data.code,
              share: app.globalData.shareuserid,
              client_type: app.globalData.clientype
            },
            success: function (r) {
              if (r.data.code == '0') {
                app.globalData.sharepersonobj = r.data.share ? r.data.share : r.data.user;

                app.globalData.token = r.data.token;
                that.videotitfun();
                that.setData({
                  shareobj: app.globalData.sharepersonobj
                })
                that.sharecompany();
                if (!!r.data.user.phone) {
                  app.globalData.sharename = !!r.data.share ? r.data.share.nickname : r.data.user.nickname;
                  app.globalData.personMsg = r.data.user;
                  app.globalData.userflag = false; //有个人信息
                  var nickname = r.data.user.nickname;
                  var phone = r.data.user.phone;
                  app.globalData.phone = false; //没有手机号
                  that.setData({
                    loginFlag: false,
                    employeeflag: (!!r.data.user.binded && r.data.user.binded.state == '在职') ? true : false
                  })
                  if (r.data.user.phone == '') {
                    wx.hideLoading();
                    app.globalData.phone = false; //没有手机号
                    that.setData({
                      phoneFlag: true,
                      articlelogin: false
                    })
                  } else {
                    app.globalData.phone = true; //有手机号
                    that.setData({
                      phoneFlag: false,
                    })
                  }
                  that.videofun();
                } else {
                  that.videofun();
                  wx.hideLoading();
                  that.setData({
                    loginFlag: true,
                    articlelogin: false
                  })
                }

              }
            }
          })
        }
      }
    })
  },
  videofun: function () {

    this.videodata();
  },
  videotitfun: function () {
    var that = this;
    wx.showLoading({
      title: '加载中...',
    })
    utils.$post({
      url: app.globalData.webUrl + 'api/video/type',
      header: {
        'Authorization': 'bearer ' + app.globalData.token
      },
      data: {},
      success: function (res) {
        wx.hideLoading();
        if (res.data.code == 0) {
          that.setData({
            titlist: res.data.data,
          })
          if (!!that.data.firsTitext) {
            that.setData({
              videotop: '168',//顶部padding  
            })
            for (let item of res.data.data) {
              if (item.id == that.data.firsTitext) {
                that.setData({
                  secondtitlist: item.sonLabel
                })
              }
            }
          }
        }
      }
    })
  },
  videodata: function () {
    var that = this;
    that.setData({
      datashow: true,
    })
    page = 1;
    utils.$post({
      url: app.globalData.webUrl + 'client/video/list',
      header: {
        'Authorization': 'bearer ' + app.globalData.token
      },
      data: {
        type: that.data.firsTitext,
        label: that.data.nowTagText,
        page: 1,
        limit: "10",
        keyword: ''
      },
      success: function (res) {

        if (res.data.code == 0) {
          that.setData({
            videolist: res.data.data,
            leftlist: [],
            rightlist: []
          })
          setTimeout(function () {
            that.videoimgload();
          }, 50)
        }
        setTimeout(function () {
          wx.hideLoading();
        }, 1000)
      }
    })
  },
  videoimgload: function () {
    var that = this;

    var leftlist = that.data.leftlist;
    var rightlist = that.data.rightlist;
    var videolist = that.data.videolist;
    if (videolist.length == 0) {
      return false;
    }
    let vidoemsg = videolist[0];
    if (!vidoemsg) {
      that.setData({
        videolist: [],
      })
      return false;
    }
    if (leftlist.length == 0) {
      leftlist.push(vidoemsg);
      videolist.shift();
      that.setData({
        videolist: videolist,
        leftlist: leftlist,
        rightlist: rightlist
      })
    } else {
      var leftheight, rightheight;
      setTimeout(() => {
        wx.createSelectorQuery().select('.leftvideolistbox').boundingClientRect(function (res) {
          leftheight = res.height;
          wx.createSelectorQuery().select('.rightvideolistbox').boundingClientRect(function (rs) {
            leftlist = that.data.leftlist;
            rightlist = that.data.rightlist;
            rightheight = rs.height;
            if (leftheight <= rightheight) {
              leftlist.push(vidoemsg);
              videolist.shift();
            } else {
              rightlist.push(vidoemsg);
              videolist.shift();
            }
            that.setData({
              videolist: videolist,
              leftlist: leftlist,
              rightlist: rightlist
            })
          }).exec();
        }).exec();
      }, 100)
    }
  },
  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.titlist[e.currentTarget.dataset.idx].sonLabel
      })
    } else {
      that.setData({
        firsTitext: e.currentTarget.dataset.fid,
        nowTagText: '',
        videotop: '80',//顶部padding
        secondtitlist: []
      })
    }
    this.videodata()
  },
  childtypetap: function (e) {
    this.setData({
      nowTagText: e.currentTarget.dataset.sid,
    })
    this.videodata();
  },
  videoTap: function (e) {
    wx.navigateTo({
      url: "/share/pages/videoshare/videoshare?vid=" + e.currentTarget.dataset.vid + '&userid=' + app.globalData.shareuserid + '&ctp=' + app.globalData.clientype
    });
  },
  golastap: function () {
    wx.navigateBack()
  },
  goindextap: function () {
    wx.reLaunch({
      url: '/pages/index/index?state=1',
    })
  },
  toPageNameCard() {
    wx.navigateTo({
      url: '/share/pages/shareCard/shareCard?uid=' + app.globalData.shareuserid + '&empid=' + app.globalData.currentUserId + '&ctp=' + app.globalData.clientype + '&ftype=share',
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

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

  },

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

  },

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

  },

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

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    let that = this;
    page = page * 1 + 1;
    wx.showLoading({
      title: '加载中...',
    })
    utils.$post({
      url: app.globalData.webUrl + 'client/video/list',
      header: {
        'Authorization': 'bearer ' + app.globalData.token
      },
      data: {
        type: that.data.firsTitext,
        label: that.data.nowTagText,
        page: page,
        limit: "10",
        user_id: app.globalData.personMsg.id
      },
      success: function (res) {
        setTimeout(function () {
          wx.hideLoading()
        }, 1200)
        if (res.data.code == 0) {
          var arr = res.data.data;
          var arrflag = false;
          var videolist = that.data.videolist;
          if (videolist.length != 0) {
            arrflag = true;
          }
          for (var i = 0; i < arr.length; i++) {
            videolist.push(arr[i]);
          }
          that.setData({
            videolist: videolist,
          })
          if (!arrflag) {
            that.videoimgload();
          }
        }
      }
    })
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    let that = this;
    return {
      title: app.globalData.personMsg.binded.name + "的视频素材",
      imageUrl: app.globalData.imgUrl + "xcx/videoposter.png",
      path: '/share/pages/videolist/videolist?uid=' + app.globalData.personMsg.id + '&ftext=' + that.data.firsTitext + '&nText=' + that.data.nowTagText + '&ctp=' + app.globalData.clientype
    }
  }
})