Newer
Older
<nz-modal [nzMaskClosable]="false" [nzWidth]="880" [(nzVisible)]="modal.isVisiable" [nzTitle]="modal.title" (nzOnCancel)="handleCancel()"
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
(nzOnOk)="handleOk()" [nzOkLoading]="modal.isOkLoading">
<form nz-form [formGroup]="validateForm">
<div nz-form class="ant-advanced-search-form form-select">
<div nz-row [nzGutter]="24">
<ng-container *ngFor="let control of controlArray;let i = index;">
<div nz-col [nzSpan]="12">
<nz-form-item>
<nz-form-label [nzRequired]="control.isRequire" [nzOffset]="i %2 == 0?2:0" [nzSpan]="8"
[nzFor]="control.value">{{control.label}}</nz-form-label>
<nz-form-control [nzSpan]="14">
<ng-container *ngIf="control.type == 'input'">
<input [id]="control.value" [name]="control.value" nz-input
[placeholder]="control.label"
[formControlName]="control.value">
</ng-container>
<ng-container *ngIf="control.type == 'textarea'">
<textarea nz-input [id]="control.value" [name]="control.value"
[placeholder]="control.label"
[formControlName]="control.value"
[nzAutosize]="{ minRows: 2, maxRows: 6 }"></textarea>
</ng-container>
<ng-container *ngIf="control.type == 'date'">
<nz-date-picker
nzShowTime
[nzFormat]="'yyyy-MM-dd'"
[formControlName]="control.value"
[nzPlaceHolder]="control.label"></nz-date-picker>
</ng-container>
<ng-container *ngIf="control.type == 'select'">
<nz-select [nzPlaceHolder]="control.label" [formControlName]="control.value">
<nz-option *ngFor="let item of selectType"
[nzValue]="item.value"
[nzLabel]="item.label"></nz-option>
</nz-select>
</ng-container>
</nz-form-control>
</nz-form-item>
</div>
</ng-container>
</div>
</div>
</form>
</nz-modal>