room-deal.html

<ion-header>

    <ion-navbar>
        <ion-title>会议室申请</ion-title>
        <ion-buttons end>
            <button ion-button icon-only class="toolbar-signUp">
                <ion-datetime (ionChange)="getList()" cancelText="取消" doneText="确认" displayFormat="YYYY-MM-DD"
                              pickerFormat="YYYY MM DD" placeholder="请选择"
                              [(ngModel)]="apply.queryTime"></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 apply.list" (click)="gotoDetail(item)">
                    <p>
                        <ion-checkbox *ngIf="changeType == 1" [(ngModel)]="item.checkbox" color="danger"
                                      (ngModelChange)="changeCheck(item)"></ion-checkbox>
                        <span>申请人:<span>{{item.applicantName}}</span></span>
                        <ng-container  *ngIf="changeType == 2">
                            <span float-end *ngIf="item.applyStatus == 1">已申请</span>
                            <span float-end *ngIf="item.applyStatus == 2">已通过</span>
                            <span float-end *ngIf="item.applyStatus == 3">已驳回</span>
                        </ng-container>
                        <span *ngIf="changeType == 1" float-end>申请时间:
                                    <span>{{item.applyTime | date:'yyyy-MM-dd HH:mm'}}</span>
                                </span>
                    </p>
                    <p>
                                <span class="apply-room">会议室:
                                <span>{{item.roomName}}</span>
                            </span>
                            <span class="meet-type">
                                    <span *ngIf="item.meetingType == 1">工作会议</span>
                                    <span *ngIf="item.meetingType == 2">座谈会</span>
                                    <span *ngIf="item.meetingType == 3">中心组学习</span>
                                    <span *ngIf="item.meetingType == 4">访谈</span>
                                </span>
                    </p>
                    <p>
                        <span>申请处室:<span>{{item.orgName}}</span></span>
                    </p>
                    <p>
                        <span class="apply-room">部领导:<span>{{item.orgLeader}}</span></span>
                    </p>
                    <p>
                                <span class="order-time">开始时间：
                                <span>{{item.startTime | date:'yyyy年MM月dd日 HH:mm'}}</span>
                                 -<span>{{item.endTime | date:'HH:mm'}}</span>
                                                                </span>
                    </p>
                </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>

<div *ngIf="footerView" class="stuff-footer">
    <div class="footer-flex">
        <div class="flex-all">
            <ion-item>
                <ion-label>全选</ion-label>
                <ion-checkbox [(ngModel)]="checkAll" (ngModelChange)="selectAll($event)" color="danger"></ion-checkbox>
            </ion-item>
        </div>
        <div (click)="submit(3)">
            <button style="background-color:#bbb;" round small color="light" ion-button>退回</button>
        </div>
        <div (click)="submit(2)">
            <button round small color="danger" ion-button>通过</button>
        </div>

    </div>
</div>