编译精简完成

fengxiang

2018-01-29 3bbe9a88d9ab747ee2e4f01128547efd1fc20038

 src/app/routes/systems/account/account-edit/account-edit.component.html

@@ -1,69 +1,57 @@
<div class="modal-header">
   <div class="modal-title">{{account.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>
         <label nz-form-item-required>账号</label>
      </div>
      <div nz-form-control nz-col [nzSpan]="8">
         <input nz-input [(ngModel)]="account.accountName" name="name" maxlength="30" required [nzDisabled]="account.id > 0 ? true : false" />
      <!-- [nzValidateStatus]="accountName" -->
      <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback >
         <input nz-input formControlName="accountName" maxlength="30" required [nzDisabled]="account.id > 0 ? true : false" (blur)="check(validateForm.controls.accountName.value)"/>
         <div nz-form-explain *ngIf="validateForm.controls.accountName.dirty && validateForm.controls.accountName.hasError('required')">账号不允许为空!</div>
         <div nz-form-explain *ngIf="validateForm.controls.accountName.dirty && validateForm.controls.accountName.hasError('unique')">账号不允许重复!</div>
      </div>
      <div nz-form-label nz-col [nzSpan]="4">
         <label>电话</label>
      </div>
      <div nz-form-control nz-col [nzSpan]="8">
         <input nz-input [(ngModel)]="account.mobile" name="mobile" maxlength="11" required />
      <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
         <input nz-input maxlength="11" formControlName="mobile" />
      </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)]="account.email" name="email" required />
      <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 [(ngModel)]="account.weixin" name="weixin" />
      <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>
         <label nz-form-item-required>组织</label>
      </div>
      <div nz-form-control nz-col [nzSpan]="8">
         <input nz-input [(ngModel)]="account.organizationId" name="organizationId" maxlength="20" placeholder="20字以内" />
      <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]="'无法找到'" > 
            <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">
         <div nz-form-control [nzValidateStatus]="expireTime" >
            <nz-datepicker [(ngModel)]="account.expireTime" name="expireTime"></nz-datepicker>
         </div>
      <div nz-form-control nz-col [nzSpan]="8" >
         <nz-datepicker style="width: 290px;" formControlName="expireTime" nzShowTime></nz-datepicker>
      </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)]="account.password" name="password" maxlength="30" placeholder="30字以内" required />
      </div>
      <div nz-form-label nz-col [nzSpan]="4">
         <label>创建日期</label>
      </div>
      <div nz-form-control nz-col [nzSpan]="8">
         <div nz-form-control [nzValidateStatus]="createTime">
            <nz-datepicker [(ngModel)]="account.createTime" name="createTime"></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'" [disabled]="!validateForm.valid">保存</button>
   </div>
</form>