Added ability to filter data based on processing status

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

1 files changed, 42 insertions, 23 deletions

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 3d8efab0..7bba2c07 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,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import * as moment from 'moment';
-import { ServiceListService } from '.././../../../core/services/serviceList.service'
+import { SlicingTaskServices } from '.././../../../core/services/slicingTaskServices';
+import { TASK_PROCESSING_STATUS } from '../../../../../constants/constants';
 
 @Component({
   selector: 'app-slicing-task-management',
@@ -9,7 +10,7 @@ import { ServiceListService } from '.././../../../core/services/serviceList.serv
 })
 export class SlicingTaskManagementComponent implements OnInit {
 
-  constructor(private myhttp: ServiceListService) { }
+  constructor(private myhttp: SlicingTaskServices) { }
 
   ngOnInit() { 
     this.getTaskList()
@@ -19,35 +20,53 @@ export class SlicingTaskManagementComponent implements OnInit {
   detailData: object = {};
   moduleTitle: string = "";
   listOfData = []; 
+  statusOptions = TASK_PROCESSING_STATUS;
+
   getTaskList (): void{
-    this.myhttp.getSlicingTaskList(1,10).subscribe (res => {
+    this.myhttp.getSlicingTaskList('1', '10').subscribe (res => {
+      const { result_header: { result_code }, result_body: { slicing_task_list } } = res
+      if (+result_code === 200) {
+        this.dataFormatting(slicing_task_list)
+      }
+    })
+  }
+  getListOfProcessingStatus():void {
+    this.myhttp.getTaskProcessingStatus(this.selectedValue, '1', '10').subscribe (res => {
       const { result_header: { result_code }, result_body: { slicing_task_list } } = res
       if (+result_code === 200) {
-        this.listOfData = slicing_task_list.map( item => {
-          item.arrival_time = moment(+item.arrival_time).format('YYYY-MM-DD hh:mm')
-          switch (item.processing_status){
-            case 'Planning':
-              item.status = '规划阶段';
-              break;
-            case 'Waiting to Confirm':
-              item.status = '审核阶段';
-              break;
-            case 'Creating':
-              item.status = '切片创建中';
-              break;
-            case 'Completed': 
-              item.status = '创建完成';
-              break;
-          }
-          return item;
-        })
+        this.dataFormatting(slicing_task_list)
       }
     })
   }
+  
+  dataFormatting(list: any):void{
+    this.listOfData = list.map( item => {
+      item.arrival_time = moment(+item.arrival_time).format('YYYY-MM-DD hh:mm')
+      switch (item.processing_status){
+        case 'Planning':
+          item.status = '规划阶段';
+          item.operation = '任务处理'
+          break;
+        case 'Waiting to Confirm':
+          item.status = '审核阶段';
+          item.operation = '任务处理'
+          break;
+        case 'Creating':
+          item.status = '切片创建中';
+          item.operation = '查看进度'
+          break;
+        case 'Completed': 
+          item.status = '创建完成';
+          item.operation = '查看结果'
+          break;
+      }
+      return item;
+    })
+  }
+
   showdetail(data: any) {
-    console.log(data, this.showDetail)
     this.detailData = data;
     this.showDetail = true;
-    this.moduleTitle = data.status === 0 ? "Check Configuration" : "View Progress";
+    this.moduleTitle = data.status;
   }
 }