diff options
Diffstat (limited to 'usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management')
2 files changed, 79 insertions, 100 deletions
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-model/nsi-model.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-model/nsi-model.component.html index c6f41171..9de2b88d 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-model/nsi-model.component.html +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-model/nsi-model.component.html @@ -1,70 +1,59 @@ <nz-spin [nzSpinning]="isSpinning"> -<nz-list class="taskmodel_list" nzBordered [nzHeader]="'Carry Slicing Businress List ：'" [nzFooter]="null"> - <nz-table - #businessTable - [nzData]="businessList" - [nzShowPagination]="false" - nzHideOnSinglePage - class="model-table-padding" - > - <thead> - <tr> - <th>Service Instance Id</th> - <th>Service Instance Name</th> - <th>Service Type</th> - <th>S-NSSAI</th> - <th>Status</th> - <th width="100px">Detail</th> - </tr> - </thead> - <tbody> - <ng-template ngFor let-data [ngForOf]="businessTable.data" let-i="index"> - <tr> - <td>{{ data.service_instance_id }}</td> - <td>{{ data.service_instance_name }}</td> - <td>{{ data.service_type }}</td> - <td>{{ data.service_snssai }}</td> - <td>{{ data.orchestration_status }}</td> - <td> - <a (click)="showBusinessDetail(data)">detail</a> - </td> - </tr> - </ng-template> - </tbody> - </nz-table> -</nz-list> -<nz-list class="taskmodel_list" nzBordered [nzHeader]="'Include Slicing NSSI List ：'" [nzFooter]="null"> - <nz-table - #nssiTable - [nzData]="nssiList" - [nzShowPagination]="false" - nzHideOnSinglePage - class="model-table-padding" - > - <thead> - <tr> - <th>Service Instance Id</th> - <th>Service Instance Name</th> - <th>Service Type</th> - <th>Environment Context</th> - <th>Status</th> - <th width="100px">Detail</th> - </tr> - </thead> - <tbody> - <ng-template ngFor let-data [ngForOf]="nssiTable.data" let-i="index"> - <tr> - <td>{{ data.service_instance_id }}</td> - <td>{{ data.service_instance_name }}</td> - <td>{{ data.service_type }}</td> - <td>{{ data.environment_context }}</td> - <td>{{ data.orchestration_status }}</td> - <td> - <a (click)="showNssiDetail(data)">detail</a> - </td> - </tr> - </ng-template> - </tbody> - </nz-table> -</nz-list> + <nz-list class="taskmodel_list" nzBordered [nzHeader]="'Related Slicing Business List ：'" [nzFooter]="null"> + <nz-table #businessTable [nzData]="businessList" [nzShowPagination]="false" nzHideOnSinglePage + class="model-table-padding"> + <thead> + <tr> + <th>Service Instance Id</th> + <th>Service Instance Name</th> + <th>Service Type</th> + <th>S-NSSAI</th> + <th>Status</th> + <th width="100px">Detail</th> + </tr> + </thead> + <tbody> + <ng-template ngFor let-data [ngForOf]="businessTable.data" let-i="index"> + <tr> + <td>{{ data.service_instance_id }}</td> + <td>{{ data.service_instance_name }}</td> + <td>{{ data.service_type }}</td> + <td>{{ data.service_snssai }}</td> + <td>{{ data.orchestration_status }}</td> + <td> + <a (click)="showBusinessDetail(data)">View Detail</a> + </td> + </tr> + </ng-template> + </tbody> + </nz-table> + </nz-list> + <nz-list class="taskmodel_list" nzBordered [nzHeader]="'Related Slicing NSSI List ：'" [nzFooter]="null"> + <nz-table #nssiTable [nzData]="nssiList" [nzShowPagination]="false" nzHideOnSinglePage class="model-table-padding"> + <thead> + <tr> + <th>Service Instance Id</th> + <th>Service Instance Name</th> + <th>Service Type</th> + <th>Environment Context</th> + <th>Status</th> + <th width="100px">Detail</th> + </tr> + </thead> + <tbody> + <ng-template ngFor let-data [ngForOf]="nssiTable.data" let-i="index"> + <tr> + <td>{{ data.service_instance_id }}</td> + <td>{{ data.service_instance_name }}</td> + <td>{{ data.service_type }}</td> + <td>{{ data.environment_context }}</td> + <td>{{ data.orchestration_status }}</td> + <td> + <a (click)="showNssiDetail(data)">View Detail</a> + </td> + </tr> + </ng-template> + </tbody> + </nz-table> + </nz-list> </nz-spin>
\ No newline at end of file diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-table/nsi-table.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-table/nsi-table.component.html index f6291624..d4fad072 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-table/nsi-table.component.html +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-table/nsi-table.component.html @@ -3,46 +3,36 @@ <div nz-col nzSpan="12" class="task_status"> <span>Status : </span> <nz-select nzShowSearch nzPlaceHolder="Select a processing status" [(ngModel)]="selectedValue" - (ngModelChange)="getListOfProcessingStatus()"> + (ngModelChange)="getListOfProcessingStatus()"> <nz-option *ngFor="let item of statusOptions" [nzLabel]="item" [nzValue]="item"></nz-option> </nz-select> </div> </div> <div class="slicing-resource-table-list"> - <nz-table - #nssiTable - [nzData]="listOfData" - [nzFrontPagination]="false" - nzShowSizeChanger - [nzPageSizeOptions]="[5,10,15,20]" - [nzTotal]='total' - [(nzPageSize)]="pageSize" - [(nzPageIndex)]='pageIndex' - [nzLoading]="loading" - (nzPageIndexChange)="searchData()" - (nzPageSizeChange)="searchData(true)" - > + <nz-table #nssiTable [nzData]="listOfData" [nzFrontPagination]="false" nzShowSizeChanger + [nzPageSizeOptions]="[5,10,15,20]" [nzTotal]='total' [(nzPageSize)]="pageSize" [(nzPageIndex)]='pageIndex' + [nzLoading]="loading" (nzPageIndexChange)="searchData()" (nzPageSizeChange)="searchData(true)"> <thead> - <tr> - <th>Service Instance Id</th> - <th>Service Instance Name</th> - <th>Service Type</th> - <th>Status</th> - <th width="140px">Detail</th> - </tr> - </thead> - <tbody> - <ng-template ngFor let-data [ngForOf]="nssiTable.data" let-i="index"> <tr> - <td>{{ data.service_instance_id }}</td> - <td>{{ data.service_instance_name }}</td> - <td>{{ data.service_type }}</td> - <td>{{data.orchestration_status}}</td> - <td> - <a (click)="showdetail(data)">detail</a> - </td> + <th>Service Instance Id</th> + <th>Service Instance Name</th> + <th>Service Type</th> + <th>Status</th> + <th width="140px">Detail</th> </tr> - </ng-template> + </thead> + <tbody> + <ng-template ngFor let-data [ngForOf]="nssiTable.data" let-i="index"> + <tr> + <td>{{ data.service_instance_id }}</td> + <td>{{ data.service_instance_name }}</td> + <td>{{ data.service_type }}</td> + <td>{{data.orchestration_status}}</td> + <td> + <a (click)="showdetail(data)">View Detail</a> + </td> + </tr> + </ng-template> </tbody> </nz-table> </div> |