账户管理

xufenglei

2018-01-02 4f65f8c746fced7bce54a1073e7cbfaf3b104713

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

@@ -1,49 +1,48 @@
<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" />
      <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback [nzValidateStatus]="accountName">
         <input nz-input formControlName="accountName" maxlength="30" required [nzDisabled]="account.id > 0 ? true : false" />
         <div nz-form-explain *ngIf="validateForm.controls.accountName.dirty&&validateForm.controls.accountName.hasError('required')">Please input your username!</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" >
         <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>
      </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" >
         <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 [nzValidateStatus]="expireTime" >
            <nz-datepicker [(ngModel)]="account.expireTime" name="expireTime"></nz-datepicker>
         </div>
      <div nz-form-control nz-col [nzSpan]="8" >
         <nz-datepicker  formControlName="expireTime" nzShowTime></nz-datepicker>
      </div>
   </div>
   <!-- <div nz-form-item nz-row class="mb-sm">