summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.html
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>