wxappb2b/GuangZuan/miniprogram/mHome/pages/msg/msglist/index.ts

import { queryNotice } from "../../../../services/api/common/index"
import { loginid } from '../../../../services/utils'
import { hideLoading, showLoading } from "../../../../utils/message/index"
import { formatDateString } from "../../../../utils/util"

Page({

  /**
   * 页面的初始数据
   */
  data: {
    /// 公告消息
    msgs: <GuangZuan.Notice[]>[],
    /// tabs
    tabs: [{id: 1, title: '公告'}, {id: 2, title: '消息'}],
    /// 是否空数据
    isEmpty: false,
    /// 激活xiang
    active: 0
  },

  /// 进入公告消息详情页
  goToMsgDetail(r: any) {
    let jsonStr = JSON.stringify(this.data.msgs[r.currentTarget.id])
    wx.navigateTo({
      url: '/mHome/pages/msg/msgdetail/index?id='+jsonStr
    })
  },

  /**
   * 返回上层视图
   */
  backToParent() {
    /// 返回上层视图
    wx.navigateBack()
  },

  /// onChange
  onChange(e: any) {
    this.setData({ active: e.detail.index })
    this.queryNotice(this.data.active+1)
  },

  /// 查询公告消息信息
  queryNotice(msgtype: number){
    /// loding.....
    showLoading(()=>{
      /// 发送查询请求
      queryNotice({
        data: {
          msgType: msgtype,
          loginID: loginid()
        },
        success:(res) => {
          /// 加载失败
          if (res.code != 200) {
            hideLoading(()=>{}, '请求失败，原因：'+res.msg)
            return
          }
          hideLoading(()=>{ 
            /// 加载成功
            this.setData({ 
              msgs: res.data.map(itm => {
                var obj = itm
                obj.scheduletime = formatDateString(itm.scheduletime, 'YYYY/MM/DD HH:mm:ss')
                return obj
              }),
              isEmpty: res.data.length === 0
            }) 
          })
        },
        fail: (emsg) => {
          /// 加载失败
          hideLoading(()=>{}, emsg)
        },
        complete: () => {
          wx.stopPullDownRefresh()
        }
      })
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    /// 查询公告消息
    this.queryNotice(1)
  },

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

  },

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

  },

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

  },

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

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    /// 查询公告消息
    this.queryNotice(this.data.active+1)
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

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

  }
})