wxappb2b/GuangZuan/miniprogram/mMine/pages/funds/his/index.ts

import { queryHisAmountLog } from "../../../../services/api/account/index"
import { accountid } from "../../../../services/utils"
import { hideLoading, showLoading } from "../../../../utils/message/index"
import { formatDate, formatDateString } from "../../../../utils/util"

Page({

  /**
   * 页面的初始数据
   */
  data: {
    /// 底部安全区域
    safeBottom: getApp().globalData.safeBottom,
    /// 是否显示日期
    show: false,
    /// 开始日期
    startdate: formatDate(new Date()),
    /// 结束日期
    enddate: formatDate(new Date()),
    /// 最小日期
    minDate: new Date(2010, 10, 1).getTime(),
    /// 是否开始日期
    isstart: true,
    /// 是否空数据
    isEmpty: true,
    /// 页签
    page: 1,
    /// 数据信息
    datas: <GuangZuan.AmountLog[]>[],
    /// 列头
    titles: ['时间', '操作类型', '金额']
  },

   /**
   * 按钮点击响应事件
   */
  onButtonPressed(e: any) {
    switch (e.target.id) {
      case 'startdate':  /// 开始日期
        this.setData({ 
          show: true,
          isstart: true
        })
        break;
      case 'enddate':   /// 结束日期
        this.setData({ 
          show: true,
          isstart: false
        })
        break
      default:
        /// 查询数据
        this.queryHisAmountLog()
        break;
    }
  },

    /// 日期关闭触发
    onClose() {
      this.setData({ show: false })
    },

      /// 日期确定触发
  onConfirm(e: any) {
    this.setData({ show: false })
    /// 开始日期
    if (this.data.isstart) {
      this.setData({
        startdate: formatDate(e.detail)
      })
    } else {
      this.setData({
        enddate: formatDate(e.detail)
      })
    }
  },

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

  /**
   * 查询历史资金流水信息
   */
  queryHisAmountLog() {
    /// showLoading
    showLoading(()=>{
      /// 发送查询请求
      queryHisAmountLog({
        data: { 
          page: this.data.page,
          pagesize: 10,
          accountID: accountid().toString(),
          startDate: this.data.startdate,
          endDate: this.data.enddate
        },
        success: (res) => {
          /// 加载失败
          if (res.code != 200) {
            hideLoading(()=>{}, '请求失败，原因：'+res.msg)
            return
          }
          hideLoading(()=>{
            /// 数据信息
            this.setData({ 
              datas: this.data.page === 1 ? res.data.map(obj => {
                var item = obj
                obj.createtime = formatDateString(obj.createtime, 'YYYY-MM-DD')
                return item
              }) : this.data.datas.concat(res.data.map(obj => {
                var item = obj
                obj.createtime = formatDateString(obj.createtime, 'YYYY-MM-DD')
                return item
              })),
              isEmpty: res.data.length === 0
             })
          })
        },
        fail: (emsg) => {
          hideLoading(()=>{}, emsg)
        },
        complete: () => {
          /// 结束下拉刷新
          wx.stopPullDownRefresh()
        }
      })
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    /// 查询历史资金流水信息
    this.queryHisAmountLog()
  },

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

  },

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

  },

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

  },

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

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    // 设置页签
    this.setData({ page: 1 })
    /// 查询历史资金流水信息
    this.queryHisAmountLog()
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    /// 设置页签
    this.setData({ page: this.data.page+1 })
    /// 查询历史资金流水信息
    this.queryHisAmountLog()
  },

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

  }
})