feat: Added table paging function

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

1 files changed, 13 insertions, 2 deletions

diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.html
index 76f0fcf5..943b946d 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.html
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.html
@@ -7,14 +7,25 @@
         nzAllowClear 
         [(ngModel)]="selectedValue" 
         nzPlaceHolder="Select a processing status" 
-        (ngModelChange)="getListOfProcessingStatus()"
+        (ngModelChange)="processingStatusChange()"
       >
         <nz-option *ngFor="let item of statusOptions" [nzLabel]="item.title" [nzValue]="item.value"></nz-option>
       </nz-select>
     </div>
   </div>
   <div>
-    <nz-table #basicTable [nzData]="listOfData">
+    <nz-table 
+      #basicTable 
+      nzShowPagination
+      nzPageSizeOptions
+      nzShowSizeChanger
+      [nzTotal]="total"
+      [nzLoading]="loading"
+      [nzData]="listOfData"
+      [nzFrontPagination]="false"
+      (nzPageSizeChange)="pageSizeChange($event)"
+      (nzPageIndexChange)="pageNumChange($event)"
+    >
       <thead>
         <tr>
           <th>任务ID</th>