用户管理，角色管理列表翻页无效问题解决

src/app/pages/system-management/role-management/role-management.component.html

@@ -23,7 +23,35 @@
             <nz-divider></nz-divider>
             <app-request-status *ngIf='statusParamsTable.status!=4' [statusParams]='statusParamsTable'></app-request-status>
             <div class="table-box" *ngIf='statusParamsTable.status==3||statusParamsTable.status==4||statusParamsTable.status==0'>
-                <nz-table nzBordered [nzShowPagination]='false' #dataSet [nzData]="tableData">
+                <nz-table nzBordered #dataSet [nzFrontPagination]="false" [nzData]="tableData" [nzTotal]="collectionSize"
+                    [(nzPageIndex)]="search.page_index" [(nzPageSize)]="search.page_size" (nzPageIndexChange)="queryTable()">
+                    <thead>
+                        <tr>
+                            <th>角色名称</th>
+                            <th>角色类型</th>
+                            <th>创建人</th>
+                            <th>创建日期</th>
+                            <th>操作</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr *ngFor="let item of dataSet.data">
+                            <td>{{item.role_name}}</td>
+                            <td><span *ngIf="item.role_type==0">系统内置</span><span *ngIf="item.role_type==1">用户定义</span></td>
+                            <td>{{item.create_by}}</td>
+                            <td>{{item.create_date| date:'yyyy-MM-dd HH:mm:ss'}}</td>
+                            <td>
+                                <i (click)="addModify(2,item)" class="table-operation-btn edit" nz-icon type="edit"
+                                    theme="outline"></i>
+                                <nz-divider nzType="vertical"></nz-divider>
+                                <i nz-popconfirm nzTitle="确定删除该角色?" nzOkText="确定" nzCancelText="取消" (nzOnConfirm)="delectConfirm(item)"
+                                    class="table-operation-btn danger" nz-icon type="delete" theme="outline"></i>
+                            </td>
+                        </tr>
+                    </tbody>
+                </nz-table>
+
+                <!-- <nz-table nzBordered [nzShowPagination]='false' #dataSet [nzData]="tableData">
                     <thead>
                         <tr>
                             <th>角色名称</th>
@@ -52,7 +80,7 @@
                 <div class="page-box" *ngIf="statusParamsTable.status==3">
                     <nz-pagination [nzPageIndex]="search.page_index" (nzPageIndexChange)='pageChange($event)'
                         [nzPageSize]='search.page_size' [nzTotal]="collectionSize"></nz-pagination>
-                </div>
+                </div> -->
             </div>
 
         </div>