epdc-resident-mp-js/subpages/association/pages/topicList/topicList.js

import { getTopicList, getAssociationDetail, getAssociationMember } from '../../utils/api'
const app = getApp()

Page({
  data: {
    groupId: '',
    groupName: '',
    pageNo: 1,
    pageSize: 10,
    topicList: [],
    loadMoreType: 'loading',
    loadMoreVisible: false,
    timestamp: '',
    noDataVisible: true,
    checkPenddingNum: 0,
    groupState: '',
    infoCompleted: 0,
    completeInfoDialogVisible: false,
    userInfo: {
      lordFlag: '0'
    },
    selectedTopicId: ''
  },
  onLoad(options) {
    this.refreshScroll = this.selectComponent('#refreshScroll')
    this.setData({
      groupId: options.groupId,
      groupName: options.groupName,
      groupState: options.state,
      infoCompleted: app.globalData.infoCompleted
    })
    this.pullRefreshGetTopicList()
    this.getAssociationDetail()
  },
  onShow () {
    this.getCheckMemberNum()
    this.backAndRefreshTopicList()
  },
  onReachBottom () {
    if (!this.data.loadMoreVisible) {
      this.setData({
        loadMoreVisible: true
      })
    }
    if (this.data.loadMoreType === 'loading') {
      this.setData({
        loadMoreVisible: true,
        pageNo: parseInt(this.data.pageNo) + 1
      })
      this.loadMoreGetTopicList()
    }
  },
  onPageScroll (e) {
    this.refreshScroll.onPageScroll(e)
  },
  // 跳转 群详情
  naavigateToSettings () {
    wx.navigateTo({
      url: `/subpages/association/pages/associationDetail/associationDetail?groupId=${this.data.groupId}`
    })
  },
  // 跳转 发布话题
  navigateToAddTopic () {
    if (this.data.infoCompleted == 0) {
      this.setData({
        completeInfoDialogVisible: !this.data.completeInfoDialogVisible
      })
      return false
    }
    if (this.data.groupState === '15') {
      wx.showToast({
        title: '该群已禁言，暂不可发布话题',
        icon: 'none',
        duration: 2000
      })
      return false
    }
    wx.navigateTo({
      url: `/subpages/association/pages/addTopic/addTopic?groupId=${this.data.groupId}&groupName=${this.data.groupName}`
    })
  },
   // 获取话题列表
   pullRefreshGetTopicList () {
    this.setData({
      timestamp: '',
      pageNo: 1,
      loadMoreType: 'loading',
      loadMoreVisible: false,
      noDataVisible: true
    })
    const para = {
      groupId: this.data.groupId,
      timestamp: this.data.timestamp,
      pageSize: this.data.pageSize,
      pageIndex: this.data.pageNo,
      topicId: ''
    }
    getTopicList(para).then(res => {
      this.refreshScroll.stopRefresh()
      console.log('话题列表', res)
      res.data.forEach(item => {
        if (item.userId === app.globalData.userInfo.userId) {
          item.isSelf = true
        } else {
          item.isSelf = false
        }
      })
      this.setData({
        topicList: res.data,
        loadMoreType: res.data.length === 10 ? 'loading' : 'none',
        noDataVisible: false,
        timestamp: res.data.length > 0 ? res.data[0].createdTime : ''
      })
    }).catch(err => {
      this.refreshScroll.stopRefresh()
      this.setData({
        noDataVisible: false,
        timestamp: ''
      })
      console.log(err)
    })
  },
  // 上拉加载
  loadMoreGetTopicList () {
    const para = {
      groupId: this.data.groupId,
      timestamp: this.data.timestamp,
      pageSize: this.data.pageSize,
      pageIndex: this.data.pageNo,
      topicId: ''
    }
    getTopicList(para).then(res => {
      console.log('话题列表', res)
      res.data.forEach(item => {
        if (item.userId === app.globalData.userInfo.userId) {
          item.isSelf = true
        } else {
          item.isSelf = false
        }
      })
      const topicList = [...this.data.topicList, ...res.data]
      this.setData({
        topicList,
        loadMoreType: res.data.length === 10 ? 'loading' : 'none'
      })
    }).catch(err => {
      console.log(err)
    })
  },
  // 获取群详情
  getAssociationDetail() {
    getAssociationDetail(this.data.groupId).then(res => {
      console.log('群详情', res)
      const userInfo = {}
      for (const key in res.data) {
        userInfo[key] = res.data[key]
      }
      app.globalData.groupInfo = {
        groupAvatar: res.data.groupAvatar,
        groupLeader: res.data.nickname,
        groupName: res.data.groupName,
        groupId: res.data.id,
        lordFlag: res.data.lordFlag
      }
      this.setData({
        userInfo
      })
    }).catch(err => {
      console.log(err)
    })
  },
   // 获取 是否存在待审核人数
   getCheckMemberNum () {
    const para = {
      groupId: this.data.groupId,
      state: 0
    }
    getAssociationMember(para).then(res => {
      console.log('是否存在待审核人数', res)
      this.setData({
        checkPenddingNum: res.data.length
      })
    }).catch(err => {
      this.setData({
        checkPenddingNum: 0
      })
      console.log(err)
    })
  },
  // 跳转详情
  navigateToDetail (e) {
    if (e.detail.itemid) {
      wx.navigateTo({
        url: `/subpages/discussion/pages/discussionDetail/discussionDetail?detailId=${e.detail.itemid}&type=project`
      })
    } else if (e.detail.issueid) {
      wx.navigateTo({
        url: `/subpages/discussion/pages/discussionDetail/discussionDetail?detailId=${e.detail.issueid}&type=issue`
      })
    } else {
      this.data.selectedTopicId = e.detail.detailid
      wx.navigateTo({
        url: `/subpages/association/pages/topicDetail/topicDetail?detailId=${e.detail.detailid}`
      })
    }
  },
  // 详情返回列表，更新数据
  backAndRefreshTopicList () {
    if (this.data.selectedTopicId) {
      const para = {
        groupId: this.data.groupId,
        timestamp: this.data.timestamp,
        pageSize: 10,
        pageIndex: 1,
        topicId: this.data.selectedTopicId
      }
      getTopicList(para).then(res => {
        console.log('详情返回列表，更新数据', res)
        res.data.forEach(resItem => {
          if (resItem.userId === app.globalData.userInfo.userId) {
            resItem.isSelf = true
          } else {
            resItem.isSelf = false
          }
          if (resItem.id === this.data.selectedTopicId) {
            this.data.topicList.forEach((item, index) => {
              if (item.id === this.data.selectedTopicId) {
                this.data.topicList.splice(index, 1, resItem)
              }
            })
          }
        })
        this.setData({
          topicList: this.data.topicList
        })
      }).finally(() => {
        this.data.selectedTopicId = ''
      })
    }
  }
})