huiting/miniprogram/pages/main/main.js

Page({

  /**
   * 页面的初始数据
   */
  data: {
    mainDatas: [],
    toggleEnable: true,
    filterList: 0,
    filterItem: ["", "", "", ""],
    filterName: [
      {},
      {
        type: "信息类型",
        list: [
          {
            sub: "通知",
            item : [
              {
                secondSub:"生活通知",
                subitem:["水电通知", "缴费通知", "假期通知", "后勤通知", "图书馆通知"]            
              },
              {
                secondSub:"学业通知",
                subitem:["选课通知", "竞赛通知", "考试通知"]
              },
              {
                secondSub:"其他通知",
                subitem:["其他通知"]
              }
        ]
      },
          {
            sub: "活动",
            item: ["志愿活动", "文艺活动", "体育活动", "学术活动", "素质拓展", "精品课程", "其他活动"]
          },
          {
            sub: "纳新",
            item: ["社团纳新", "组织纳新"]
          }
        ]
      },
      {
        type: "发布来源",
        item: ["我关注的", "社团", "组织", "权服侠", "学校部门"]
      },
      {
        type: "我的需求",
        item: ["二课分", "三课分", "四课分", "勤工助学", "志愿者小时数", "综素/活动纪实"]
      }
    ],
    activity: null,
    inform: null,
    recruit: null
  },

  showList: function (id) {
    this.data.toggleEnable = false
    this.setData({
      filterList: id
    })
    this.animate("#arrow" + id, [
      { rotate: 0 },
      { rotate: 180 },
    ], 150)
    this.animate("#list" + id, [
      { opacity: 0 },
      { opacity: 1 },
    ], 150)
    setTimeout(function () {
      this.setData({
        toggleEnable: true
      })
    }.bind(this), 200)
  },

  hideList: function (id) {
    this.data.toggleEnable = false
    this.animate("#arrow" + id, [
      { rotate: 180 },
      { rotate: 360 },
    ], 150)
    this.animate("#list" + id, [
      { opacity: 1 },
      { opacity: 0 },
    ], 150, function () {
      this.setData({
        filterList: 0
      })
    }.bind(this))
    setTimeout(function () {
      this.setData({
        toggleEnable: true
      })
    }.bind(this), 200)
  },

  toggleFilterList: function (e) {
    if (!this.data.toggleEnable) return
    var list = e.currentTarget.dataset.filterList
    if (this.data.filterList == list) {
      if (this.data.filterList != 0) {
        this.hideList(this.data.filterList)
      }
    } else {
      if (this.data.filterList != 0) {
        this.hideList(this.data.filterList)
      }
      if (list != 0) {
        this.showList(list)
      }
    }
  },

  toggleFilterItem: function (e) {
    if (!this.data.toggleEnable) return
    if (this.data.filterList != 0 && this.data.filterList == e.currentTarget.dataset.filterList) {
      var item = e.currentTarget.dataset.filterItem
      var arr = this.data.filterItem
      arr[this.data.filterList] = arr[this.data.filterList] == item ? "" : item;
      this.setData({
        filterItem: arr
      })
      this.hideList(this.data.filterList)
    }
  },

  filterMsgType: function (e) {
    var arr = this.data.filterItem
    arr[1] = e.detail.attr
    this.setData({
      filterItem: arr
    })
  },

  // 计算时间差
  handleDate: function(date) {
    var now = new Date().getTime()
    var diffValue = now - date.getTime()
    if (diffValue < 0) {
      console.log("时间不同步")
      return "刚刚"
    }
    var result = ""
    var minute = 1000 * 60
    var hour = minute * 60
    var day = hour * 24
    var minC = diffValue / minute
    var hourC = diffValue / hour
    var dayC = diffValue / day
    if (parseInt(dayC) > 30) {
      result += date.getFullYear() + "/" + (date.getMonth() + 1) + "/" + date.getDate()
    } else if (parseInt(dayC) > 1) {
      result += parseInt(dayC) + "天前"
    } else if (parseInt(dayC) == 1) {
      result += "昨天"
    } else if (hourC >= 1) {
      result += parseInt(hourC) + "小时前"
    } else if (minC >= 5) {
      result += parseInt(minC) + "分钟前"
    } else {
      result += "刚刚"
    }
    return result
  },

  processData: function (start, arr) {
    const db = wx.cloud.database()
    for (let i = start; i < arr.length; i++) {
      arr[i].time = this.handleDate(arr[i].time)
      db.collection("publisherInfoData").where({
        publisherName: arr[i].publisherName
      }).get({
        success: function (res) {
          arr[i].publisherAttribute = res.data[0].publisherAttribute
          this.setData({
            mainDatas: arr
          })
          wx.hideNavigationBarLoading()
        }.bind(this)
      })
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.showNavigationBarLoading()
    const db = wx.cloud.database()
    db.collection("mainData").orderBy("time", "desc").limit(20).get({
      success: function (res) {
        this.processData(0, res.data)
      }.bind(this)
    })
  },

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

  },

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

  },

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

  },

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

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    wx.showNavigationBarLoading()
    const db = wx.cloud.database()
    db.collection("mainData").orderBy("time", "desc").limit(20).get({
      success: function (res) {
        this.processData(0, res.data)
        wx.stopPullDownRefresh()
      }.bind(this)
    })
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    wx.showNavigationBarLoading()
    const db = wx.cloud.database()
    db.collection("mainData").orderBy("time", "desc").skip(this.data.mainDatas.length).limit(20).get({
      success: function (res) {
        if (res.data.length == 0) {
          wx.hideNavigationBarLoading()
          return
        }
        res.data = this.data.mainDatas.concat(res.data)
        this.processData(this.data.mainDatas.length, res.data)
      }.bind(this)
    })
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})