<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> 
 |