| <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 [nzLoading]="http.loading" [nzType]="'primary'">保存</button> | 
|     </div> | 
| </form> |