gerrit.onap Code Review - usecase-ui.git/blob

   1 import { Component, OnInit } from '@angular/core';
   2 import * as moment from 'moment';
   3 import { SlicingTaskServices } from '.././../../../core/services/slicingTaskServices';
   4 import { TASK_PROCESSING_STATUS } from '../../../../../constants/constants';
   5
   6 @Component({
   7   selector: 'app-slicing-task-management',
   8   templateUrl: './slicing-task-management.component.html',
   9   styleUrls: ['./slicing-task-management.component.less']
  10 })
  11 export class SlicingTaskManagementComponent implements OnInit {
  12
  13   constructor(private myhttp: SlicingTaskServices) { }
  14
  15   ngOnInit() {
  16     this.getTaskList()
  17   }
  18   showDetail: boolean = false;
  19   selectedValue = null;
  20   detailData: object = {};
  21   moduleTitle: string = "";
  22   listOfData = [];
  23   statusOptions = TASK_PROCESSING_STATUS;
  24
  25   getTaskList (): void{
  26     this.myhttp.getSlicingTaskList('1', '10').subscribe (res => {
  27       const { result_header: { result_code }, result_body: { slicing_task_list } } = res
  28       if (+result_code === 200) {
  29         this.dataFormatting(slicing_task_list)
  30       }
  31     })
  32   }
  33   getListOfProcessingStatus():void {
  34     this.myhttp.getTaskProcessingStatus(this.selectedValue, '1', '10').subscribe (res => {
  35       const { result_header: { result_code }, result_body: { slicing_task_list } } = res
  36       if (+result_code === 200) {
  37         this.dataFormatting(slicing_task_list)
  38       }
  39     })
  40   }
  41
  42   dataFormatting(list: any):void{
  43     this.listOfData = list.map( item => {
  44       item.arrival_time = moment(+item.arrival_time).format('YYYY-MM-DD hh:mm')
  45       switch (item.processing_status){
  46         case 'Planning':
  47           item.status = '规划阶段';
  48           item.operation = '任务处理'
  49           break;
  50         case 'Waiting to Confirm':
  51           item.status = '审核阶段';
  52           item.operation = '任务处理'
  53           break;
  54         case 'Creating':
  55           item.status = '切片创建中';
  56           item.operation = '查看进度'
  57           break;
  58         case 'Completed':
  59           item.status = '创建完成';
  60           item.operation = '查看结果'
  61           break;
  62       }
  63       return item;
  64     })
  65   }
  66
  67   showdetail(data: any) {
  68     this.detailData = data;
  69     this.showDetail = true;
  70     this.moduleTitle = data.status;
  71   }
  72 }