账户管理

xufenglei

2018-01-02 4f65f8c746fced7bce54a1073e7cbfaf3b104713

 src/app/routes/devices/version/add-or-edit/add-or-edit.component.html

@@ -1,3 +1,45 @@
<p>
  add-or-edit works!
</p>
<div class="modal-header">
  <div class="modal-title">{{ data.id != null ? '编辑' : '添加'}} - 安装用户</div>
</div>
<form [formGroup]="validateForm"  (ngSubmit)="save($event,validateForm.value,validateForm.valid)" nz-form [nzType]="'horizontal'">
  <div nz-form-item nz-row class="mb-sm">
    <div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
          <label nz-form-item-required>{{ cols.name.text }}</label>
    </div>
    <div nz-form-control nz-col [nzSpan]="7" nzHasFeedback>
      <input nz-input formControlName="{{ cols.name.name }}" maxlength="20" />
    </div>
    <div nz-form-label nz-col [nzSpan]="4">
      <label nz-form-item-required>
        {{ cols.version.text }}
      </label>
    </div>
     <div nz-form-control nz-col [nzSpan]="3" nzHasFeedback>
         <nz-input-number formControlName="{{ cols.version.name }}" [nzMin]="1" [nzMax]="100" [nzStep]="1">
         </nz-input-number>
    </div>
  </div> 
  <div nz-form-item nz-row class="mb-sm">
      <div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
            <label nz-form-item-required>{{ cols.createTime.text }}</label>
      </div>
      <div nz-form-control nz-col [nzSpan]="7" nzHasFeedback>
        <nz-datepicker nzSize="large"  style="width: 90%;" formControlName="{{ cols.createTime.name }}" nzShowTime  [nzPlaceHolder]="'选择时间'"
        [nzFormat]="'YYYY-MM-DD HH:mm:ss'" ></nz-datepicker>
      </div>
      <div nz-form-label nz-col [nzSpan]="4">
        <label>{{ cols.description.text }}</label>
      </div>
       <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
        <input nz-input formControlName="{{ cols.description.name }}" maxlength="20" />
      </div>
    </div>
    <div class="modal-footer">
        <button nz-button type="button" (click)="close()">关闭</button>
        <button nz-button [nzType]="'primary'" [nzLoading]="isSaving">               
               <span >
                  保存<span *ngIf="isSaving" >中</span>
               </span>
        </button>
    </div>
</form>