updates

沈斌

2018-07-12 1dfc8bc300a6ae0822514ddf2e1399d4762fa1b1

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<div class="modal-header">
    <div class="modal-title">{{alarmUser.id > 0 ? '编辑' : '添加'}} - 报警用户</div>
</div>
<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" nzHasFeedback>
            <input nz-input formControlName="name"/>
        </div>
        <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 nz-form-item-required>电子邮件</label>
        </div>
        <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 nz-form-item-required>微信号</label>
        </div>
        <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 nz-form-item-required>组织</label>
        </div>
        <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" nzHasFeedback>
            <div nz-form-control>
                <nz-datepicker  style="width: 290px;" formControlName="expireTime"></nz-datepicker>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button nz-button type="button" (click)="close()">关闭</button>
        <button nz-button  [nzType]="'primary'">保存</button>
    </div>
</form>