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">
        <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="already">
                    <p>已预定会议室</p>
                    <div class="morning">
                        <div class="morning-text">
                            上午
                        </div>
                        <div class="morning-room">
                            <span (click)="goApplyEdit(item1)" *ngFor="let item1 of room?.morningUse">
                                {{item1.name}}
                                <ng-container *ngIf="item1.applicantName != mineInfo.orgName">(已预定)</ng-container>
                                <ng-container *ngIf="item1.applicantName == mineInfo.orgName">(可编辑)</ng-container>
                            </span>
                        </div>
                    </div>
                    <div class="afternoon">
                        <div class="afternoon-text">
                            下午
                        </div>
                        <div class="morning-room">
                            <span (click)="goApplyEdit(item2)" *ngFor="let item2 of room?.afternoonUse">
                                {{item2.name}}
                                <ng-container *ngIf="item2.applicantName != mineInfo.orgName">(已预定)</ng-container>
                                <ng-container *ngIf="item2.applicantName == mineInfo.orgName">(可编辑)</ng-container>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="notYet">
                    <p>可预定会议室</p>
                    <div class="morning">
                        <div class="morning-text">
                            上午
                        </div>
                        <div class="morning-room">
                            <span (click)="goApply(item3)" *ngFor="let item3 of room?.morningNotUse">
                                {{item3.name}}(可预定)
                            </span>
                        </div>
                    </div>
                    <div class="afternoon">
                        <div class="afternoon-text">
                            下午
                        </div>
                        <div class="morning-room">
                            <span (click)="goApply(item4)" *ngFor="let item4 of room?.afternoonNotUse">
                                {{item4.name}}(可预定)
                            </span>
                        </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="order-time">预定时间：
                                <span>{{item.startTime | date:'yyyy-MM-dd HH:mm'}}</span>
                                                                </span>
                            </p>
                        </ion-item>
                        <ion-item-options>
                            <button ion-button color="danger" (click)="removeItem(item)">取消</button>
                        </ion-item-options>
                    </ion-item-sliding>
                </ion-list>
                <ion-list text-center style="margin-top: 10rem;color: #666666"
                          *ngIf="!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-content>
</ion-content>