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-item>
        <ion-item>
            <ion-label class="item-left"><span class="color-red">*</span>会议室:</ion-label>
            <ion-select [(ngModel)]="obj.roomId" cancelText="取消" okText="确定" placeholder="请选择">
                <ion-option *ngFor="let item of roomList" [value]="item.id" (ionSelect)="roomMax = '会议室可容纳'+ item.accommodation +'人' ">{{item.name}}</ion-option>
            </ion-select>
            <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-select [(ngModel)]="obj.orgId" cancelText="取消" okText="确定" placeholder="请选择">
                <ion-option *ngFor="let item of orgList" [value]="item.id">{{item.name}}</ion-option>
            </ion-select>
            <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="请选择"
                          (ionChange)="console($event)"
                          [(ngModel)]="obj.startTime"></ion-datetime>
            <ion-label *ngIf="check.startTime" 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 *ngIf="check.participantAmount" class="check-tips">请输入参会人数</ion-label>
        </ion-item>
        <div class="item-box">
            <div class="left"><span class="color-red">*</span>参会人员:
            </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>

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

</ion-content>