From 325fcff34959e7b184675fdbafa14d439cf6b066 Mon Sep 17 00:00:00 2001 From: xufenglei <xufenglei> Date: Tue, 09 Jan 2018 16:31:45 +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..2f23f91 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 #f="ngForm" (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