summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app
diff options
context:
space:
mode:
authorcyuamber <xuranyjy@chinamobile.com>2019-12-06 21:44:10 +0800
committercyuamber <xuranyjy@chinamobile.com>2019-12-06 21:44:19 +0800
commit1509c71a7a690e4e5a80bd2fe21eb3eaf87df677 (patch)
tree4aeaeae2d4caa543e14b47fbb3c814620fd4b8bb /usecaseui-portal/src/app
parent5bdc5c68c3e7ebc24a7a5ca1e379c1e4ecead2fd (diff)
feat: Added table paging function
Change-Id: I3ca688c66a18f6c9890381cd09565e5fd2b54df7 Issue-ID: USECASEUI-368 Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app')
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.html15
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.ts78
2 files changed, 75 insertions, 18 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>
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.ts
index a3203695..26f485b9 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.ts
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.ts
@@ -1,4 +1,5 @@
import { Component, OnInit } from '@angular/core';
+import { NzMessageService } from 'ng-zorro-antd';
import * as moment from 'moment';
import { SlicingTaskServices } from '.././../../../core/services/slicingTaskServices';
import { TASK_PROCESSING_STATUS } from '../../../../../constants/constants';
@@ -10,11 +11,8 @@ import { TASK_PROCESSING_STATUS } from '../../../../../constants/constants';
})
export class SlicingTaskManagementComponent implements OnInit {
- constructor(private myhttp: SlicingTaskServices) { }
-
- ngOnInit() {
- this.getTaskList()
- }
+ constructor(private myhttp: SlicingTaskServices, private message: NzMessageService) { }
+
showDetail: boolean = false;
showProcess: boolean = false;
selectedValue = null;
@@ -22,26 +20,74 @@ export class SlicingTaskManagementComponent implements OnInit {
moduleTitle: string = "";
listOfData: any[] = [];
statusOptions: any[] = TASK_PROCESSING_STATUS;
+ loading: boolean = false;
+ total: number = 1;
+ pageSize: string = '10';
+ pageNum: string = '1';
+
+ ngOnInit() {
+ this.getTaskList()
+ }
getTaskList (): void{
- this.myhttp.getSlicingTaskList('1', '10').subscribe (res => {
- const { result_header: { result_code }, result_body: { slicing_task_list } } = res
+ const { pageNum, pageSize } = this;
+ this.loading = true;
+ this.myhttp.getSlicingTaskList(pageNum, pageSize).subscribe (res => {
+ const { result_header: { result_code }, result_body } = res
if (+result_code === 200) {
- this.dataFormatting(slicing_task_list)
- }
+ const { slicing_task_list, record_number } = result_body;
+ this.dataFormatting(slicing_task_list);
+ this.total = record_number;
+ } else {
+ this.message.error('Failed to get form data')
+ }
+ this.loading = false;
})
}
- getListOfProcessingStatus():void {
- const { selectedValue } = this;
- if (selectedValue) {
- this.myhttp.getTaskProcessingStatus(selectedValue, '1', '10').subscribe (res => {
- const { result_header: { result_code }, result_body: { slicing_task_list } } = res
+
+ processingStatusChange():void {
+ this.pageSize = '10';
+ this.pageNum = '1';
+ if (this.selectedValue) {
+ this.getListOfProcessingStatus();
+ } else {
+ this.getTaskList();
+ }
+ }
+
+ getListOfProcessingStatus (): void {
+ const { selectedValue, pageNum, pageSize } = this;
+ this.loading = true;
+ this.myhttp.getTaskProcessingStatus(selectedValue, pageNum+'', pageSize+'').subscribe (res => {
+ const { result_header: { result_code }, result_body } = res
if (+result_code === 200) {
+ const { slicing_task_list,record_number } = result_body;
this.dataFormatting(slicing_task_list)
- }
+ this.total = record_number;
+ } else {
+ this.message.error('Failed to get form data')
+ }
+ this.loading = false;
})
+ }
+
+ pageSizeChange (pageSize: number): void{
+ this.pageSize = pageSize + '';
+ const { selectedValue } = this;
+ if (selectedValue) {
+ this.getListOfProcessingStatus();
+ } else {
+ this.getTaskList();
+ }
+ }
+
+ pageNumChange (pageNum: number): void{
+ this.pageNum = pageNum + '';
+ const { selectedValue } = this;
+ if (selectedValue) {
+ this.getListOfProcessingStatus();
} else {
- this.getTaskList()
+ this.getTaskList();
}
}