<div class="modal-header"> 
 | 
    <div class="modal-title">{{alarmUser.id > 0 ? '编辑' : '添加'}} - 报警用户</div> 
 | 
</div> 
 | 
<form (ngSubmit)="save()" nz-form [nzType]="'horizontal'" [formGroup]="validateForm"> 
 | 
    <div nz-form-item nz-row class="mb-sm"> 
 | 
        <div nz-form-label nz-col [nzSpan]="4"> 
 | 
            <label>用户名</label> 
 | 
        </div> 
 | 
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback> 
 | 
            <input nz-input formControlName="name"/> 
 | 
        </div> 
 | 
        <div nz-form-label nz-col [nzSpan]="4"> 
 | 
            <label nz-form-item-required>电话</label> 
 | 
        </div> 
 | 
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback> 
 | 
            <input nz-input formControlName="mobile" maxlength="11" required/> 
 | 
        </div> 
 | 
    </div> 
 | 
    <div nz-form-item nz-row class="mb-sm"> 
 | 
        <div nz-form-label nz-col [nzSpan]="4"> 
 | 
            <label nz-form-item-required>电子邮件</label> 
 | 
        </div> 
 | 
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback> 
 | 
            <input nz-input formControlName="email" required/> 
 | 
        </div> 
 | 
        <div nz-form-label nz-col [nzSpan]="4"> 
 | 
            <label nz-form-item-required>微信号</label> 
 | 
        </div> 
 | 
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback> 
 | 
            <input nz-input formControlName="weixin" required/> 
 | 
        </div> 
 | 
    </div> 
 | 
    <div nz-form-item nz-row class="mb-sm"> 
 | 
        <div nz-form-label nz-col [nzSpan]="4"> 
 | 
            <label nz-form-item-required>组织</label> 
 | 
        </div> 
 | 
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback> 
 | 
            <nz-select style="width: 290px;" nzAllowClear [nzPlaceHolder]="'input search text'" [nzFilter]="false" nzShowSearch  
 | 
                formControlName="organizationId" (nzSearchChange)="searchChange($event)" [nzNotFoundContent]="'无法找到'" required>  
 | 
                <nz-option *ngFor="let option of searchOptions"  [nzLabel]="option['name']" [nzValue]="option['id']"> </nz-option>  
 | 
            </nz-select> 
 | 
        </div> 
 | 
        <div nz-form-label nz-col [nzSpan]="4"> 
 | 
            <label>过期日期</label> 
 | 
        </div> 
 | 
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback> 
 | 
            <div nz-form-control> 
 | 
                <nz-datepicker  style="width: 290px;" formControlName="expireTime"></nz-datepicker> 
 | 
            </div> 
 | 
        </div> 
 | 
    </div> 
 | 
    <div class="modal-footer"> 
 | 
        <button nz-button type="button" (click)="close()">关闭</button> 
 | 
        <button nz-button  [nzType]="'primary'">保存</button> 
 | 
    </div> 
 | 
</form> 
 |