use-car.html

<ion-header>

    <ion-navbar>
        <ion-title>用车申请</ion-title>
        <ion-buttons end>
            <button ion-button *ngIf="role.includes(1) || role.includes(2)" (click)="addApply()">
                <ion-icon class="top-right-icon icon-fabu iconfont"></ion-icon>
            </button>
        </ion-buttons>
        <ion-buttons end *ngIf="role.includes(8)">
            <button ion-button icon-only (click)="goDeal()" class="toolbar-icon">
                <span style="font-size: 2.5rem" class="top-right-icon icon iconfont icon-shenhe"></span>
            </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>
        <ng-container *ngIf="changeType == 1">
            <ion-calendar [(ngModel)]="date"
                          (onChange)="getApply()"
                          [options]="options"
                          type="string"
                          format="YYYY-MM-DD">
            </ion-calendar>
            <div class="room">
                <div class="already">
                    <p>已审核</p>
                    <ng-container *ngFor="let done of checkObj.checkedApplyList">
                        <div *ngIf="role.includes(8) || mineInfo?.username == done.applicantName" class="morning">
                            <div>
                                申请部门：<span>{{done.orgName}}</span>
                            </div>
                            <div>
                                <span class="main-color">{{done.applicantName}}</span>
                                等<span class="main-color">{{done.passengerCount}}</span>人
                                申请<span class="main-color">{{done.startTime | date:"yyyy-MM-dd HH:mm"}}</span>用车
                            </div>
                            <div>申请时间：<span>{{done.applyTime | date:"yyyy-MM-dd HH:mm"}}</span></div>
                        </div>
                    </ng-container>
                </div>
                <div class="notYet">
                    <p>待审核</p>
                    <ng-container *ngFor="let no of checkObj.uncheckApplyist">
                        <div *ngIf="role.includes(8) || mineInfo?.username == no.applicantName" class="morning">
                            <div>
                                申请部门：<span>{{no.orgName}}</span>
                            </div>
                            <div>
                                <span class="main-color">{{no.applicantName}}</span>
                                等<span class="main-color">{{no.passengerCount}}</span>人
                                申请<span class="main-color">{{no.startTime | date:"yyyy-MM-dd HH:mm"}}</span>用车
                            </div>
                            <div>申请时间：<span>{{no.applyTime | date:"yyyy-MM-dd HH:mm"}}</span></div>
                        </div>
                    </ng-container>
                </div>
            </div>
        </ng-container>
        <ng-container *ngIf="changeType == 2">
            <div class="duty-content">
                <ion-list class="myItem">
                    <ion-item-sliding class="apply" *ngFor="let item of applyList">
                        <ion-item (click)="goDetail(item)">
                            <p>
                                <span *ngIf="item.applyStatus == 1">已申请</span>
                                <span *ngIf="item.applyStatus == 2">已通过</span>
                                <span *ngIf="item.applyStatus == 3">已驳回</span>
                                <span *ngIf="item.applyStatus == 4">已过期</span>
                                <span float-end>申请时间：
                                    <span>{{item.applyTime | date:'yyyy-MM-dd HH:mm'}}</span>
                                </span>
                            </p>
                            <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>
                            <p>
                                            <span class="apply-room">用车事由：
                                                <span>{{item.useReasonStr}}</span>
                                            </span>
                            </p>
                            <p>
                                             <span class="apply-room">起讫地点：
                                                <span>{{item.fromTo}}</span>
                                            </span>
                            </p>
                            <p *ngIf="item.applyStatus == 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="item.applyStatus == 2">
                                             <span class="apply-room margin-right-10">联系方式:
                                                <span>{{item.phone}}</span>
                                            </span>
                            </p>
                            <p *ngIf="nowDate < item.startTime" (click)="removeItem(item,$event)" class="cancelBtn-key">
                                <span>取消</span></p>
                        </ion-item>
                    </ion-item-sliding>
                </ion-list>
                <ion-list text-center style="margin-top: 10rem;color: #666666"
                          *ngIf="page.isLoad  && applyList.length == 0">
                    <img style="width: 20%;" src="./assets/imgs/no-info.png" alt="">
                    <p text-center>
                        暂无申请
                    </p>
                </ion-list>
            </div>
        </ng-container>
        <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
            <ion-infinite-scroll-content
                    loadingSpinner="bubbles"
                    loadingText="加载中"></ion-infinite-scroll-content>
        </ion-infinite-scroll>
    </ion-content>
</ion-content>