feat: add Paging function of slicing nsi page

Change-Id: I216b64a77a0c148547528c90f83efc982bcb3170
Issue-ID: USECASEUI-369
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>

3 files changed, 14 insertions, 1 deletions

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 5bcdbb6a..3196f8fe 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
@@ -2,7 +2,8 @@
     <div nz-row>
         <div nz-col nzSpan="12" class="task_status">
             <span>Status : </span>
-            <nz-select nzShowSearch nzPlaceHolder="Select a processing status" [(ngModel)]="selectedValue">
+            <nz-select nzShowSearch nzPlaceHolder="Select a processing status" [(ngModel)]="selectedValue"
+                       (ngModelChange)="getListOfProcessingStatus()">
                 <nz-option *ngFor="let item of statusOptions" [nzLabel]="item" [nzValue]="item"></nz-option>
             </nz-select>
         </div>
@@ -12,11 +13,14 @@
                 #nsiTable
                 [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>
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-table/nsi-table.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-table/nsi-table.component.ts
index 372504e8..a1511b18 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-table/nsi-table.component.ts
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-table/nsi-table.component.ts
@@ -47,6 +47,14 @@ export class NsiTableComponent implements OnInit {
             }
         })
     }
+    getListOfProcessingStatus(){
+        this.pageIndex = 1;
+        this.pageSize = 10;
+        this.getNsiList();
+    }
+    searchData(reset: boolean = false) {
+        this.getNsiList();
+    }
     showdetail(data){
 
     }
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.html
index 2eaf881e..a5ef19b7 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.html
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.html
@@ -13,6 +13,7 @@
                 #basicTable
                 [nzData]="listOfData"
                 [nzFrontPagination]="false"
+                nzShowSizeChanger
                 [nzPageSizeOptions]="[5,10,15,20]"
                 [nzTotal]='total'
                 [(nzPageSize)]="pageSize"