payment.ts

import {Component} from '@angular/core';
import {IonicPage, NavController, NavParams} from 'ionic-angular';
import {DiscoverService} from "../discover.service";
import {DatePipe} from "@angular/common";


@IonicPage()
@Component({
    selector: 'page-payment',
    templateUrl: 'payment.html',
})
export class PaymentPage {

    changeType = 1;
    logList = [];

    page = {
        isLoad: false,
        P_pageNumber: 1,
        P_pageSize: 1000,
        total: null,
        yearMonth: null,
        nowDate: null,
    };

    selectOptions = {
        title: '缴费年月',
        buttons: []
    }

    constructor(public navCtrl: NavController, public navParams: NavParams,
                private discoverSer: DiscoverService, private datePipe: DatePipe) {
        this.page.yearMonth = this.datePipe.transform(new Date(), 'yyyy-MM-ddTHH:mm');
        this.page.nowDate = this.datePipe.transform(new Date(), 'yyyy-MM');
    }

    ionViewDidLoad() {
        this.getPartyList(null);
        this.getYearMonths();
    }

    change(type) {
        this.changeType = type;
        if (type == 1) this.getPartyList(this.page.yearMonth);
        if (type == 2) this.getPersonList();
    }

    //个人缴费记录
    getPersonList() {
        const data = {
            P_pageNumber: this.page.P_pageNumber,
            P_pageSize: this.page.P_pageSize
        }
        this.discoverSer.personPaymentHistory(data).subscribe(
            (res) => {
                this.logList = res.data.list;
            }
        )
    }

    //查询有缴费记录的月份
    getYearMonths() {
        this.discoverSer.getYearMonths().subscribe(
            (res) => {
                if (res.data) {
                    this.selectOptions.buttons = res.data;
                }
                console.log(this.selectOptions);
            }
        )
    }

    //支部缴费记录
    getPartyList(e) {
        this.page.yearMonth = e;
        const data = {}
        if(this.page.yearMonth) data['yearMonth'] = this.page.yearMonth;
        this.discoverSer.orgPaymentHistory(data).subscribe(
            (res) => {
                this.logList = res.data.payments;
            }
        )
    }

    doRefresh(e) {
        e.complete();
    }

    doInfinite(e) {
        e.complete();
    }

}