<div class="modal-header">
|
<div class="modal-title">{{account.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>
|
<!-- [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" 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 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 nz-form-item-required>组织</label>
|
</div>
|
<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" >
|
<nz-datepicker style="width: 290px;" formControlName="expireTime" nzShowTime></nz-datepicker>
|
</div>
|
</div>
|
<div class="modal-footer">
|
<button nz-button type="button" (click)="close()">关闭</button>
|
<button nz-button [nzLoading]="http.loading" [nzType]="'primary'" [disabled]="!validateForm.valid">保存</button>
|
</div>
|
</form>
|
