blob: c5bb47b358a0d39a9e8e84b5202acf9755583868 (
plain)
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
|
<nz-modal
[nzVisible]="showProcess"
nzWidth="85%"
[nzTitle]="moduleTitle"
[nzFooter]="modalFooter"
(nzOnCancel)="handleCancel()"
>
<nz-spin [nzSpinning]="isSpinning">
<app-basic-info
[checkDetail]="checkDetail"
[businessRequirement]="businessRequirement"
[NSTinfo]="NSTinfo"
>
</app-basic-info>
<nz-list [nzDataSource]="data" nzBordered nzHeader="任务详情:" [nzFooter]="null" [nzRenderItem]="defaultItem" >
<ng-template #defaultItem let-item>
<nz-list-item nz-row nzType="flex" nzJustify="center" >
<nz-steps
nzType="navigation"
[nzCurrent]="item.currentProgress"
nz-col
nzSpan="20"
nzSize="small"
*ngFor="let item of data[0]; let i = index" class="task_progress"
[ngStyle]="{paddingBottom: i === data[0].length -1 ? '30px': '0px'}"
>
<nz-step [nzTitle]="item.title"></nz-step>
<nz-step
[nzTitle]="item.currentProgress > 1 ? null : 'in progress'"
[nzStatus]="item.status" nzIcon="anticon anticon-spin anticon-loading"
>
</nz-step>
<nz-step
[nzTitle]="item.status === 'finish' ? 'success' : null"
[nzStatus]="item.status === 'finish' ? 'finish' : 'wait'"
nzIcon='loading'
>
</nz-step>
</nz-steps>
</nz-list-item>
</ng-template>
</nz-list>
</nz-spin>
</nz-modal>
<ng-template #modalFooter>
<button nz-button nzType="primary" (click)="handleOk()">OK</button>
</ng-template>
|
