epdc-resident-mp-js/subpages/associationNew/pages/eventlist/eventlist.js

// subpages/associationNew/pages/eventlist/eventlist.js
const app = getApp()
import { topiclist, commentSubmit, statement } from '../../utils/api'
import {
  getTimestamp
} from '../../../../utils/common'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    topiclist: [],
    timestamp: '',
    pageIndex: 1,
    pageSize: 10,
    partyGroupId: '',//党群id
    topicType: '',//0:事好儿鼓个掌 1:话对捧个场
    nodata: false,
    loadMoreType: 'none',
    loadMoreVisible: false,
    bannedFlag: '',//是否禁言 0：否 1：是
    ifcomment: false,//是否显示评论
    focus: false,
    topicId: '',//被评论的话题ID
    commentContent: '',
    index: 0,//点击的第几条数据，用于评论的局部刷新用
    infoCompleted: 0,
    completeInfoDialogVisible: false,
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.setData({
      partyGroupId: options.partyGroupId,
      topicType: options.topicType,//0:事好儿鼓个掌 1:话对捧个场
      infoCompleted: app.globalData.infoCompleted
    })
    if (options.topicType == 0) {
      wx.setNavigationBarTitle({
        title: '事好鼓个掌'
      })
    } else {
      wx.setNavigationBarTitle({
        title: '话对捧个场'
      })
    }


  },
  // 查列表
  topiclist() {
    let that = this;
    const para = {
      pageIndex: this.data.pageIndex,
      pageSize: this.data.pageSize,
      timestamp: getTimestamp(),
      topicType: this.data.topicType,
      partyGroupId: this.data.partyGroupId, //党群id
    }
    topiclist(para).then(res => {
      wx.stopPullDownRefresh();
      that.setData({
        bannedFlag: res.data.bannedFlag,
        nodata: false,
        topiclist: that.data.topiclist.concat(res.data.topicList),
        loadMoreType: res.data.topicList.length === that.data.pageSize ? 'loading' : 'none',
        loadMoreVisible: res.data.topicList.length === that.data.pageSize ? false : true
      })
      if (that.data.topiclist.length == 0) {//没有值
        that.setData({
          nodata: true,
          loadMoreType: 'none',
          loadMoreVisible: false,
        })
      }
    }).catch(err => {
      wx.stopPullDownRefresh();
      that.setData({
        topiclist: [],
        nodata: true,
        loadMoreType: 'none',
        loadMoreVisible: false,
      })
      console.log(err)
    })
  },
  // 跳转 发布话题
  navigateToAddTopic() {
    if (this.verifyCompleteInfo()) {
      return false
    }
    wx.navigateTo({
      url: `/subpages/associationNew/pages/addTopic/addTopic?partyGroupId=${this.data.partyGroupId}&topicType=${this.data.topicType}`
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.setData({
      pageIndex: 1,
      pageSize: 10,
      nodata: false,
      loadMoreType: 'none',
      loadMoreVisible: false,
      topiclist: [],
    })
    this.topiclist()
  },

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

  },

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

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    this.setData({
      pageIndex: 1,
      pageSize: 10,
      nodata: false,
      loadMoreType: 'none',
      loadMoreVisible: false,
      topiclist: [],
    })
    this.topiclist()
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    this.setData({
      loadMoreVisible: true
    })
    if (this.data.loadMoreType === 'loading') {
      this.setData({
        pageIndex: this.data.pageIndex + 1,
        pageSize: this.data.pageSize,
      })
      this.topiclist()
    }
  },

  //点赞
  clicklike(e) {
    let index = e.currentTarget.dataset.index
    // <!-- 用户是否已点赞 0否；1是 -->
    if (this.data.bannedFlag == '1') {//被禁言
      wx.showToast({
        title: '您已经被禁言',
        icon: 'none',
        duration: 2000
      })
      return false
    }
    let attitude = ""
    if (e.currentTarget.dataset.likeflag == '0') {//点赞
      attitude = 0
    } else {
      attitude = 2
    }
    let that = this;
    const para = {
      topicId: e.currentTarget.dataset.id,//被评论的话题ID
      attitude: attitude,//表态 0赞；1踩；2取消赞；3取消踩
    }
    statement(para).then(res => {
      // 点赞成功以后实现局部刷新功能
      var obj = that.data.topiclist[index]
      // <!-- 用户是否已点赞 0否；1是 -->
      obj.likeFlag = obj.likeFlag == '0' ? '1' : '0'
      obj.supportNum = obj.likeFlag == '1' ? obj.supportNum + 1 : obj.supportNum - 1
      that.setData({
        ["topiclist[" + index + "]"]: obj
      })
    }).catch(err => {
      console.log(err)
    })
  },
  // Textarea获取焦点
  clickTextarea(e) {
    let index = e.currentTarget.dataset.index
    if (this.data.bannedFlag == '1') {//被禁言
      wx.showToast({
        title: '您已经被禁言',
        icon: 'none',
        duration: 2000
      })
      return false
    }
    this.setData({
      ifcomment: true,
      focus: true,
      topicId: e.currentTarget.dataset.id,
      index: index
    })
  },

  // 失去焦点
  bindAddressInput(e) {
    this.setData({ //失去焦点以后view隐藏
      ifcomment: false,
      commentContent: ''
    })
  },
  // 双向绑定
  bindIdentity(e) {
    this.setData({
      commentContent: e.detail.value
    })
  },
  // 评论按钮点击事件
  commentSubmit() {
    let that = this;
    const para = {
      topicId: that.data.topicId,//被评论的话题ID
      faCommentId: '',//父评论（被评论）ID
      content: that.data.commentContent,//评论内容
    }
    commentSubmit(para).then(res => {
      // 评论成功以后，调用接口比对出当前评论列表的数据，对已有列表数据进行替换
      that.NowTopiclist()
    }).catch(err => {
      console.log(err)
    })
  },

  // 列表内当前操作的数据
  NowTopiclist() {
    let that = this;
    const para = {
      pageIndex: 1,
      pageSize: 1,
      timestamp: getTimestamp(),
      topicType: that.data.topicType,
      partyGroupId: that.data.partyGroupId, //党群id
      partyTopicId: that.data.topicId
    }
    topiclist(para).then(res => {
      console.log(JSON.stringify(res))
      // 评论成功以后实现局部刷新功能
      var obj = that.data.topiclist[that.data.index]
      // 评论成功以后评论数量加1
      // obj.commentNum = obj.commentNum + 1
      // obj.comments.splice(0, 0, {username:obj.nickname,content:para.content});
      obj = res.data.topicList[0]
      that.setData({
        ["topiclist[" + that.data.index + "]"]: obj
      })
    }).catch(err => {
      console.log(err)
    })
  },
  //列表照片的放大查看
  previewImage(e) {
    app.globalData.previewImage = true
    wx.previewImage({
      urls: e.currentTarget.dataset.imgarry,
      current: e.currentTarget.dataset.src
    })
  },
  // 检查 是否完善信息
  verifyCompleteInfo() {
    if (this.data.infoCompleted == 0) {
      this.setData({
        completeInfoDialogVisible: !this.data.completeInfoDialogVisible
      })
      return true
    } else {
      return false
    }
  },

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

  }
})