报警用户管理

xufenglei

2018-01-09 325fcff34959e7b184675fdbafa14d439cf6b066

 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>