编译精简完成

fengxiang

2018-01-29 3bbe9a88d9ab747ee2e4f01128547efd1fc20038

 src/app/routes/users/installer/edit/edit.component.html

@@ -1,55 +1,41 @@
<div class="modal-header">
  <div class="modal-title">{{user.id > 0 ? '编辑' : '添加'}}-安装用户</div>
  <div class="modal-title">{{user.id > 0 ? '编辑' : '添加'}} - 安装用户</div>
</div>
<form #f="ngForm" (ngSubmit)="save()" nz-form [nzType]="'horizontal'">
<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">
      <input nz-input [(ngModel)]="user.name" name="name" maxlength="30" required />
    <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>性别</label></div>
    <div nz-form-control nz-col [nzSpan]="8">
      <nz-select [(ngModel)]="user.sex" name="sex" required [nzAllowClear]="false">
        <nz-option
          *ngFor="let i of gender"
          [nzLabel]="i"
          [nzValue]="i">
        </nz-option>
      </nz-select>
    </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 [(ngModel)]="user.mobile" name="mobile" maxlength="11" required />
    </div>
    <div nz-form-label nz-col [nzSpan]="4"><label>密码</label></div>
    <div nz-form-control nz-col [nzSpan]="8">
      <input nz-input [(ngModel)]="user.password" name="password" maxlength="50" required />
    <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 [(ngModel)]="user.email" name="email" required />
      <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 [(ngModel)]="user.weixin" name="weixin" required />
      <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 [(ngModel)]="user.organization" name="organization" maxlength="50" placeholder="50字以内" />
      <input nz-input formControlName="organizationId" maxlength="20" placeholder="20字以内" />
    </div>
    <div nz-form-label nz-col [nzSpan]="4"><label>昵称</label></div>
    <div nz-form-label nz-col [nzSpan]="4"><label>过期日期</label></div>
    <div nz-form-control nz-col [nzSpan]="8">
      <input nz-input [(ngModel)]="user.nickname" name="nickname" maxlength="20" placeholder="20字以内" />
      <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>
    <button nz-button  [nzType]="'primary'">保存</button>
  </div>
</form>