From 0e184df30a1d07a30d412e2d5fd91bc37711455d Mon Sep 17 00:00:00 2001
From: xufenglei <xufenglei>
Date: Wed, 10 Jan 2018 10:04:33 +0800
Subject: [PATCH] 安装用户 管理

---
 src/app/routes/users/installer/edit/edit.component.html |   36 ++++++++++++------------------------
 1 files changed, 12 insertions(+), 24 deletions(-)

diff --git a/src/app/routes/users/installer/edit/edit.component.html b/src/app/routes/users/installer/edit/edit.component.html
index 480658d..12a0a00 100644
--- a/src/app/routes/users/installer/edit/edit.component.html
+++ b/src/app/routes/users/installer/edit/edit.component.html
@@ -1,48 +1,36 @@
 <div class="modal-header">
   <div class="modal-title">{{user.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></div>
-    <div nz-form-control nz-col [nzSpan]="8">
-      <input nz-input [(ngModel)]="user.name" name="name" maxlength="30" required />
+    <div nz-form-label nz-col [nzSpan]="4"><label nz-form-item-required>������</label></div>
+    <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
+      <input nz-input formControlName="name" maxlength="30" required />
     </div>
-    <div nz-form-label nz-col [nzSpan]="4"><label>������</label></div>
-    <div nz-form-control nz-col [nzSpan]="8">
-      <input nz-input [(ngModel)]="user.mobile" name="mobile" maxlength="11" required />
+    <div nz-form-label nz-col [nzSpan]="4"><label nz-form-item-required>������/������</label></div>
+    <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
+      <input nz-input formControlName="mobile" maxlength="11" required />
     </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)]="user.email" name="email" required />
+      <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)]="user.weixin" name="weixin" />
+      <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)]="user.organizationId" name="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">
-      <input nz-input [(ngModel)]="user.password" name="password" maxlength="30" placeholder="30���������" required />
-    </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">
-      <div nz-form-control [nzValidateStatus]="createTime">
-        <nz-datepicker [(ngModel)]="user.createTime" name="createTime"></nz-datepicker>
-      </div>
+      <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)]="user.expireTime" name="expireTime"></nz-datepicker>
+      <div nz-form-control >
+        <nz-datepicker style="width: 290px;" formControlName="expireTime"></nz-datepicker>
       </div>
     </div>
   </div>

--
Gitblit v1.8.0