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/alarm-user/alarm-user-edit/alarm-user-edit.component.html |   43 +++++++++++++++++++++++--------------------
 1 files changed, 23 insertions(+), 20 deletions(-)

diff --git a/src/app/routes/users/alarm-user/alarm-user-edit/alarm-user-edit.component.html b/src/app/routes/users/alarm-user/alarm-user-edit/alarm-user-edit.component.html
index 6dc69f2..9b8d9f3 100644
--- a/src/app/routes/users/alarm-user/alarm-user-edit/alarm-user-edit.component.html
+++ b/src/app/routes/users/alarm-user/alarm-user-edit/alarm-user-edit.component.html
@@ -1,48 +1,51 @@
 <div class="modal-header">
-	<div class="modal-title">{{alarmUser.id > 0 ? '������' : '������'}} - ������</div>
+	<div class="modal-title">{{alarmUser.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>���������</label>
 		</div>
-		<div nz-form-control nz-col [nzSpan]="8">
-			<input nz-input [(ngModel)]="alarmUser.name" name="name" maxlength="30" required [nzDisabled]="alarmUser.id > 0 ? true : false" />
+		<div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
+			<input nz-input formControlName="name"/>
 		</div>
 		<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)]="alarmUser.mobile" name="mobile" maxlength="11" required />
+		<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>
+			<label nz-form-item-required>������������</label>
 		</div>
-		<div nz-form-control nz-col [nzSpan]="8">
-			<input nz-input [(ngModel)]="alarmUser.email" name="email" required />
+		<div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
+			<input nz-input formControlName="email" required/>
 		</div>
 		<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)]="alarmUser.weixin" name="weixin" />
+		<div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
+			<input nz-input formControlName="weixin" required/>
 		</div>
 	</div>
 	<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)]="alarmUser.organizationId" name="organizationId" maxlength="20" placeholder="20���������" />
+		<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]="'������������'" required> 
+				<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">
-			<div nz-form-control [nzValidateStatus]="expireTime" >
-				<nz-datepicker [(ngModel)]="alarmUser.expireTime" name="expireTime"></nz-datepicker>
+		<div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
+			<div nz-form-control>
+				<nz-datepicker  style="width: 290px;" formControlName="expireTime"></nz-datepicker>
 			</div>
 		</div>
 	</div>

--
Gitblit v1.8.0