blob: 217e8bb4f9792fb04f00170eafaa8f4a0305433a (
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
|
<nz-spin [nzSpinning]="isSpinning">
<app-basic-info [businessRequirement]="businessRequirement" [NSTinfo]="NSTinfo" [taskModel]="taskModel">
</app-basic-info>
<nz-list class="taskmodel_list" nzBordered [nzHeader]="'Slicing NSI :'" [nzFooter]="null">
<nz-table #basicTable [nzData]="nsiInfo" [nzShowPagination]="false" nzHideOnSinglePage
class="model-table-padding">
<thead>
<tr>
<th>Service Instance Id</th>
<th>Service Instance Name</th>
<th>Service Type</th>
<th width="110px">Status</th>
<th width="110px">Detail</th>
</tr>
</thead>
<tbody>
<ng-template ngFor let-data [ngForOf]="basicTable.data" let-i="index">
<tr>
<td>{{ data.nsi_id }}</td>
<td>{{ data.nsi_name }}</td>
<td>{{ data.nsi_type }}</td>
<td>{{ data.nsi_orchestration_status }}</td>
<td>
<a (click)="showdetail(data)">View Detail</a>
</td>
</tr>
</ng-template>
</tbody>
</nz-table>
</nz-list>
<nz-list class="taskmodel_list" nzBordered [nzHeader]="'End to End Topology:'" [nzFooter]="null">
<div>status:{{status}}</div>
<img style="width: 100%;" src="assets/images/slicing-business-management/example.png" alt="example" />
<!-- <img src="assets/images/slicing-business-management/server.svg" /> -->
</nz-list>
</nz-spin>
|