Skip to content
payment.html 3.58 KiB
Newer Older
wangqinghua's avatar
wangqinghua committed
<ion-header>

    <ion-navbar>
        <ion-title>缴费记录</ion-title>
        <ion-buttons end *ngIf="changeType == 1">
            <button ion-button icon-only class="toolbar-signUp">
                <ion-datetime style="z-index: 99999;color: #333;" (ionChange)="getPartyList()" cancelText="取消" doneText="确认" displayFormat="YYYY-MM"
                              pickerFormat="YYYY MM" placeholder="请选择"
                              [(ngModel)]="page.yearMonth"></ion-datetime>
            </button>
        </ion-buttons>
    </ion-navbar>
    <div class="duty">
        <div class="dutyItem" (click)="change(1)">
            <span class="{{changeType == 1?'duty-title':''}}">支部缴费记录</span>
        </div>
        <div class="dutyItem" (click)="change(2)">
            <span class="{{changeType == 2?'duty-title':''}}">个人缴费记录</span>
        </div>
    </div>
</ion-header>

<ion-content>
    <ion-content direction="y" scrollbar-y="true" class="bgc-e7e8ed">
        <ion-refresher (ionRefresh)="doRefresh($event)">
            <ion-refresher-content pullingText="下拉刷新"
                                   refreshingSpinner="bubbles">
            </ion-refresher-content>
        </ion-refresher>
        <div class="duty-content">
            <ion-list class="myItem">
                <div class="apply" *ngFor="let item of logList">
                    <p>
                        <span>缴纳人:<span>{{item.userName}}</span></span>
                        <span>支部:<span>{{item.branchName}}</span></span>
                    </p>
                    <p>
                        <span>应缴党费:<span>{{item.payableAmount || '-'}}</span></span>
                        <span>缴纳期限:<span>{{(item.payLimit | date:'yyyy-MM-dd HH:mm') || '-'}}</span></span>
                    </p>
                    <p *ngIf="item.payStatus == 0">
              <span class="apply-room">未缴纳:
                <span>{{item.unpaidAmount || '-'}}</span>
              </span>
                    </p>
                    <p *ngIf="item.payStatus == 1">
              <span class="apply-room">已缴纳:
              <span>{{item.paymentAmount || '-'}}</span>
              </span>
                    </p>
                    <p>
                        <span>缴费日期:<span>{{(item.paymentDate | date:'yyyy-MM-dd HH:mm') || '-' }}</span></span>
                        <span>缴费地点:<span>{{item.paymentPoint || '-'}}</span></span>
                    </p>
                    <p>
                        <span class="apply-room">账单流水号:<span>{{item.serialNumber || '-' }}</span></span>
                    </p>
                </div>
            </ion-list>
            <ion-list text-center style="margin-top: 10rem;color: #666666"
                      *ngIf="page.isLoad  && logList.length == 0">
                <img style="width: 20%;" src="./assets/imgs/no-info.png" alt="">
                <p text-center>
                    暂无记录
                </p>
            </ion-list>
        </div>
        <ion-list text-center style="margin-top: 10rem;color: #666666"
                  *ngIf="logList.length == 0">
            <img style="width: 20%;" src="./assets/imgs/no-info.png" alt="">
            <p text-center>
                暂无缴费记录
            </p>
        </ion-list>
        <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
            <ion-infinite-scroll-content
                    loadingSpinner="bubbles"
                    loadingText="加载中"></ion-infinite-scroll-content>
        </ion-infinite-scroll>
    </ion-content>
</ion-content>