| <div class="modal-header"> | 
|   <div class="modal-title">{{user.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 nz-form-item-required>姓名</label></div> | 
|     <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback> | 
|       <input nz-input formControlName="name" maxlength="30" 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="mobile" maxlength="11" required /> | 
|     </div> | 
|   </div> | 
|   <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"> | 
|       <input nz-input formControlName="email"/> | 
|     </div> | 
|     <div nz-form-label nz-col [nzSpan]="4"><label>微信号</label></div> | 
|     <div nz-form-control nz-col [nzSpan]="8"> | 
|       <input nz-input formControlName="weixin" /> | 
|     </div> | 
|   </div> | 
|   <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"> | 
|       <input nz-input formControlName="organizationId" maxlength="20" placeholder="20字以内" /> | 
|     </div> | 
|     <div nz-form-label nz-col [nzSpan]="4"><label>过期日期</label></div> | 
|     <div nz-form-control nz-col [nzSpan]="8"> | 
|       <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> |