pocket-jiuzhang-miniprogram/miniprogram/pages/index/index.ts

import { getDict } from "../../api/dict";
import {
  deleteFinance,
  getFinanceList,
  getStatistics,
} from "../../api/finance";

// pages/index/index.ts
Page({
  /**
   * 页面的初始数据
   */
  data: {
    queryParams: {
      pageNum: 1,
      pageSize: 10,
    },
    authToken: undefined,
    statistics: {
      amount: {
        label: "账户余额",
        value: 0,
      },
      income: {
        label: "当月入账",
        value: 0,
      },
      expenditure: {
        label: "当月出账",
        value: 0,
      },
    },
    loading: false,
    total: 0,
    completed: false,
    deleteIndex: -1,
    list: [],
    types: [],
  },
  async getList() {
    this.setData({
      loading: true,
    });
    const { queryParams } = this.data;
    try {
      const resp: any = await getFinanceList(queryParams);
      let completed = false;
      if (
        Math.ceil(resp.total / this.data.queryParams.pageSize) ==
        this.data.queryParams.pageNum
      ) {
        completed = true;
      }
      this.setData({
        completed,
        total: resp.total,
        list: resp.rows,
      });
      if (!completed) {
        this.setData({
          ["queryParams.pageNum"]: this.data.queryParams.pageNum + 1,
        });
      }
    } catch (e) {
      console.log(e);
    }
    this.setData({
      loading: false,
    });
  },
  async getStatisticsDetail() {
    const resp: any = await getStatistics();
    this.setData({
      ['statistics.amount.value']: resp.data.amount,
      ['statistics.income.value']: resp.data.income,
      ['statistics.expenditure.value']: resp.data.expenditure,
    });
  },
  handleAddAffairs() {
    wx.navigateTo({
      url: "/pages/add-finance/add-finance",
      fail(err) {
        console.log(err);
      },
    });
  },
  handleUpdateFinance(e: any) {
    const financeId = e.currentTarget.dataset.financeId;
    wx.navigateTo({
      url: `/pages/add-finance/add-finance?financeId=${financeId}`,
    });
  },
  getTypeOptions() {
    getDict("finance_type").then((resp: any) => {
      const options =
        resp.data?.map((el: any) => ({
          label: el.dictLabel,
          value: el.dictValue,
        })) ?? [];
      this.setData({
        types: options,
      });
    });
  },
  handleLongTap(e: any) {
    console.log(e);
    const { deleteIndex } = this.data;
    const index = parseInt(e.currentTarget.dataset.index);

    let resultIndex;
    if (deleteIndex == index) {
      resultIndex = -1;
    } else {
      resultIndex = index;
    }
    this.setData({
      deleteIndex: resultIndex,
    });
  },
  handleDeleteFinance(e: any) {
    const { financeId } = e.currentTarget.dataset;
    deleteFinance(financeId).then(() => {
      const { list } = this.data;
      this.setData({
        list: list.filter((el: any) => el.financeId !== financeId),
        deleteIndex: -1,
      });
    });
  },

  loadMore() {
    const { loading, completed } = this.data;
    if (loading || completed) {
      return;
    }
    this.getList();
  },
  toLogin() {
    wx.switchTab({
      url: "/pages/login/login",
    });
  },
  loadPageData() {
    const authToken = getApp().globalData.authToken;
    this.setData({
      authToken,
    });
    if (!authToken) return;
    this.getList();
    this.getTypeOptions();
    this.getStatisticsDetail();
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {},

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

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    this.loadPageData();
  },

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

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {},
  async handleRefresh() {
    this.setData({
      ["queryParams.pageNum"]: 1,
      completed: false,
      loading: false,
      total: 0,
      list: [],
    });
    await this.getList();
    await this.getStatisticsDetail();
    wx.stopPullDownRefresh();
  },
  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    this.handleRefresh();
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    console.log("reach bottom");

    this.loadMore();
  },
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {},
});