car-deal.html

<ion-header>

    <ion-navbar>
        <ion-title>用车审核</ion-title>
    </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="duty-content">
                    <ion-list class="myItem">
                        <ion-item-sliding class="apply" *ngFor="let item of apply.list">
                            <ion-item (click)="goDetail(item)">
                                <p class="first">
                  <span>
                    申请人:<span>{{item.applicantName}}</span>
                  </span>
                                    <span float-end>申请时间:
                                    <span>{{item.applyTime | date:'yyyy-MM-dd HH:mm'}}</span>
                                </span>
                                </p>
                                <ion-row>
                                    <ion-col col-9>
                                        <p>
                                            <span class="apply-room">用车时间:
                                                <span>{{item.startTime | date:'yyyy-MM-dd HH:mm'}}</span>
                                            </span>
                                        </p>
                                        <p>
                                           <span class="apply-room">还车时间:
                                                <span>{{item.endTime | date:'yyyy-MM-dd HH:mm'}}</span>
                                            </span>
                                        </p>
                                    </ion-col>
                                    <ion-col col-3>
                                        <button *ngIf="item.applyStatus == 2" small="true" ion-button color="secondary">
                                            通过
                                        </button>
                                        <button *ngIf="item.applyStatus == 3" small="true" ion-button color="danger">
                                            驳回
                                        </button>
                                        <button *ngIf="item.applyStatus == 4" small="true" ion-button color="light">
                                            已过期
                                        </button>
                                    </ion-col>
                                    <ion-row>
                                        <p>
                                            <span class="apply-room">用车事由:
                                                <span>{{item.useReasonStr}}</span>
                                            </span>
                                        </p>
                                        <p>
                                             <span class="apply-room">起讫地点:
                                                <span>{{item.fromTo}}</span>
                                            </span>
                                        </p>
                                        <p *ngIf="changeType == 2">
                                             <span class="apply-room margin-right-10">司机:
                                                <span>{{item.driverName}}</span>
                                            </span>
                                            <span class="apply-room">车牌号:
                                                <span>{{item.carNumber}}</span>
                                            </span>
                                        </p>
                                        <p *ngIf="changeType == 2">
                                             <span class="apply-room margin-right-10">联系方式:
                                                <span>{{item.phone}}</span>
                                            </span>
                                        </p>
                                    </ion-row>
                                </ion-row>
                            </ion-item>
                        </ion-item-sliding>
                    </ion-list>
                </div>
            </ion-list>
            <ion-list text-center style="margin-top: 10rem;color: #666666"
                      *ngIf="apply.isLoad  && apply.list.length == 0">
                <img style="width: 20%;" src="./assets/imgs/no-info.png" alt="">
                <p text-center>
                    暂无预订
                </p>
            </ion-list>
        </div>
        <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
            <ion-infinite-scroll-content
                    loadingSpinner="bubbles"
                    loadingText="加载中"></ion-infinite-scroll-content>
        </ion-infinite-scroll>
    </ion-content>
</ion-content>