room-apply.html

<ion-header>

    <ion-navbar>
        <ion-title>会议室申请</ion-title>
    </ion-navbar>

</ion-header>


<ion-content>
    <div class="padding-6">
        <ion-item>
            <ion-label class="item-left">会议类型:</ion-label>
            <ion-label (click)="chooseRoomType()" [ngStyle]="{'color':obj.meetingTypeText == '请选择'?'#999':'#333'}"
                       class="choose">{{obj.meetingTypeText}}</ion-label>
            <ion-label class="right-arrow" (click)="chooseRoom()">
                <ion-icon name="arrow-forward"></ion-icon>
            </ion-label>
        </ion-item>
        <ion-item>
            <ion-label class="item-left"><span class="color-red">*</span>会议室:</ion-label>
            <ion-label (click)="chooseRoom()" [ngStyle]="{'color':obj.roomText == '请选择'?'#999':'#333'}"
                       class="choose">{{obj.roomText}}</ion-label>
            <ion-label class="right-arrow" (click)="chooseRoom()">
                <ion-icon name="arrow-forward"></ion-icon>
            </ion-label>
            <ion-label *ngIf="check.roomId" class="check-tips">请选择会议室</ion-label>
        </ion-item>
        <ion-item>
            <ion-label class="item-left"><span class="color-red">*</span>申请处室:</ion-label>

            <ion-label (click)="chooseOrg()" class="choose"
                       [ngStyle]="{'color':obj.orgText == '请选择'?'#999':'#333'}">{{obj.orgText}}</ion-label>
            <ion-label class="right-arrow" (click)="chooseOrg()">
                <ion-icon name="arrow-forward"></ion-icon>
            </ion-label>
            <ion-label *ngIf="check.orgId" class="check-tips">请选择申请处室</ion-label>
        </ion-item>
        <div class="item-box">
            <div class="left">会议日期:</div>
            <div class="right text-right">
                {{nowDate | date:'yyyy-MM-dd'}}
            </div>
        </div>
        <ion-item>
            <ion-label class="item-left"><span class="color-red">*</span>开始时间:</ion-label>
            <ion-datetime (ionChange)="changeStartTime($event)" cancelText="取消" doneText="确认" displayFormat="HH:mm"
                          pickerFormat="HH mm" placeholder="请选择" [max]="obj.endTimeChange" [min]="nowDate"
                          [(ngModel)]="obj.startTimeChange"></ion-datetime>
            <ion-label class="right-arrow">
                <ion-icon name="arrow-forward"></ion-icon>
            </ion-label>
            <ion-label *ngIf="check.startTime" class="check-tips">请选择开始时间</ion-label>
        </ion-item>
        <ion-item>
            <ion-label class="item-left"><span class="color-red">*</span>结束时间:</ion-label>
            <ion-datetime (ionChange)="changeEndTime($event)" cancelText="取消" doneText="确认" displayFormat="HH:mm"
                          pickerFormat="HH mm" placeholder="请选择" [min]="obj.startTimeChange"
                          [(ngModel)]="obj.endTimeChange"></ion-datetime>
            <ion-label class="right-arrow">
                <ion-icon name="arrow-forward"></ion-icon>
            </ion-label>
            <ion-label *ngIf="check.endTime" class="check-tips">请选择结束时间</ion-label>
        </ion-item>
        <div class="item-box">
            <div class="left">部领导:</div>
            <div class="right">
            <span *ngFor="let item of leaderList;" class="tag"
                  (click)="chooseLeader(item)"
                  [ngClass]="obj.orgLeader.indexOf(item.id) > -1 ? 'selectLead':''">
              {{item.userName}}
            </span>
            </div>
        </div>
        <ion-item>
            <ion-label class="item-left"><span class="color-red">*</span>参会人数:</ion-label>
            <ion-input [(ngModel)]="obj.participantAmount" type="text" maxlength="20"
                       [placeholder]="roomMax"></ion-input>
            <ion-label style="max-width: 100%" *ngIf="check.participantAmount" class="check-tips">参会人数不可大于会议室可容纳数({{roomMax}})</ion-label>
        </ion-item>
        <div class="item-box">
            <div class="left">参会人员:
            </div>
            <div class="right">
                <button color="danger" ion-button small (click)="choose()">选择</button>
                <div class="div-tag">
                    <span *ngFor="let item of personList;let i = index">
                        {{item.userName}}
                        <ion-icon (click)="removePerson(i)" name="close"></ion-icon>
                    </span>
                </div>
            </div>
            <ion-label *ngIf="check.personList" class="check-tips">请选择参会人员</ion-label>
        </div>
        <div class="item-box">
            <div class="left">设备:</div>
            <div class="right">
            <span *ngFor="let item of equipList" class="tag"
                  (click)="chooseEquip(item)"
                  [ngClass]="obj.equipmervice.indexOf(item.id) > -1 ? 'selectLead':''">
              {{item.name}}
            </span>
            </div>
        </div>
        <div class="item-box">
            <div class="left">备注:</div>
            <div class="right">
                <ion-textarea [(ngModel)]="obj.remark"></ion-textarea>
            </div>
        </div>
    </div>

    <ng-container *ngIf="show.type != 'look'">
        <button *ngIf="!show.overTime && !show.type" class="submit-btn submit" (click)="submit()">提交</button>
        <button *ngIf="show.type == 'deal'" class="submit-btn submit" (click)="submitDeal(2)">通过</button>
        <button *ngIf="show.type == 'deal'" class="submit-btn submit" (click)="submitDeal(3)">退回</button>
    </ng-container>

</ion-content>