meet-room.html

<ion-header>

    <ion-navbar>
        <ion-title>会议室申请</ion-title>
        <ion-buttons end *ngIf="role.includes(7)">
            <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)="getDate($event)"
                          [options]="options"
                          type="string"
                          format="YYYY-MM-DD">
            </ion-calendar>
            <div class="room">
                <div class="notYet">
                    <p>会议室预定信息</p>
                    <div class="room-apply">
                        <div class="room-flex" *ngFor="let room of room">
                            <div class="room-name" (click)="previewImg(room,$event)">
                                <div class="room-order">
                                    <span>{{room.roomName}}</span>
                                    <span  *ngIf="this.role.includes(1) || this.role.includes(2) || this.role.includes(3)
                                    || this.role.includes(7)" (click)="goApply(room,'8:00:00',$event)">预定</span>
                                </div>
                            </div>
                            <div class="room-apply">
                                <p *ngFor="let apply of room?.applies" (click)="chooseType(room,apply,'8:00:00',$event)"
                                   [ngClass]="apply.startTime.split(':').join('') > clock12 ? 'afternoonBg':''">
                                    <span>{{apply.timeQuantum}}</span>
                                    <span>{{apply.applicantName}}</span>
                                    <span>{{apply.orgName}}</span>
<!--                                    <span>{{apply.meetingTypeStr}}</span>-->
                                </p>
                            </div>
                        </div>
                    </div>
                </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>
                            <p>
                                <span *ngIf="item.applyStatus == 1">已申请</span>
                                <span *ngIf="item.applyStatus == 2">已通过</span>
                                <span *ngIf="item.applyStatus == 3">已驳回</span>
                                <span 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 class="apply-room">申请处室：<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>
                            <p *ngIf="nowDate < item.startTime" (click)="removeItem(item)" 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-fab right bottom *ngIf="this.role.includes(1) || this.role.includes(2) || this.role.includes(3)-->
<!--            || this.role.includes(7)">-->
<!--            <button ion-fab color="light" (click)="goApply(room[0],'8:00')">-->
<!--                <div class="fab-call">-->
<!--                    <ion-icon style="font-size: 2rem" class="top-right-icon icon-fabu iconfont"></ion-icon>-->
<!--                    <p>会议室预定</p>-->
<!--                </div>-->
<!--            </button>-->
<!--        </ion-fab>-->
    </ion-content>
</ion-content>
<img-preview (close)="preview.preImgSrc = null" [src]="preview.preImgSrc"></img-preview>