From 4f65f8c746fced7bce54a1073e7cbfaf3b104713 Mon Sep 17 00:00:00 2001
From: xufenglei <xufenglei>
Date: Tue, 02 Jan 2018 15:51:29 +0800
Subject: [PATCH] 账户管理
---
src/app/routes/systems/account/account-edit/account-edit.component.html | 31 +++++++++++++++----------------
1 files changed, 15 insertions(+), 16 deletions(-)
diff --git a/src/app/routes/systems/account/account-edit/account-edit.component.html b/src/app/routes/systems/account/account-edit/account-edit.component.html
index eb904a2..0b0e58f 100644
--- a/src/app/routes/systems/account/account-edit/account-edit.component.html
+++ b/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">
--
Gitblit v1.8.0