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-select [(ngModel)]="obj.meetingType" cancelText="取消" okText="确定" placeholder="请选择">-->
            <!--                <ion-option *ngFor="let type of meetTypeList" [value]="type.id">{{type.name}}</ion-option>-->
            <!--            </ion-select>-->
            <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>
        <ion-item>
            <ion-label class="item-left"><span class="color-red">*</span>开始时间:</ion-label>
            <ion-datetime cancelText="取消" doneText="确认" displayFormat="YYYY-MM-DD HH:mm"
                          pickerFormat="YYYY MM DD HH mm" placeholder="请选择"
                          [(ngModel)]="obj.startTime"></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 cancelText="取消" doneText="确认" displayFormat="YYYY-MM-DD HH:mm"
                          pickerFormat="YYYY MM DD HH mm" placeholder="请选择" [min]="obj.startTime"
                          [(ngModel)]="obj.endTime"></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>
        </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>

    <button class="submit-btn submit" (click)="submit()">提交</button>

</ion-content>