From b2bb40bd62c814330bf23a50e65c9dc0fcd98091 Mon Sep 17 00:00:00 2001 From: cyuamber Date: Thu, 5 Dec 2019 15:46:00 +0800 Subject: feat: Add view progress component Change-Id: I55fd27580e8207c381c9d73c4a3a760c5e5ec421 Issue-ID: USECASEUI-352 Signed-off-by: cyuamber --- .../check-process-model.component.html | 15 ++++++ .../check-process-model.component.less | 0 .../check-process-model.component.spec.ts | 25 +++++++++ .../check-process-model.component.ts | 60 ++++++++++++++++++++++ .../slicing-task-management.component.html | 7 +++ .../slicing-task-management.component.ts | 8 ++- 6 files changed, 113 insertions(+), 2 deletions(-) create mode 100644 usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.html create mode 100644 usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.less create mode 100644 usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.spec.ts create mode 100644 usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.ts (limited to 'usecaseui-portal/src/app/views/services/slicing-management') diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.html new file mode 100644 index 00000000..e6e348c2 --- /dev/null +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.html @@ -0,0 +1,15 @@ + + + + + diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.less b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.less new file mode 100644 index 00000000..e69de29b diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.spec.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.spec.ts new file mode 100644 index 00000000..4235605a --- /dev/null +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { CheckProcessModelComponent } from './check-process-model.component'; + +describe('CheckProcessModelComponent', () => { + let component: CheckProcessModelComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [CheckProcessModelComponent] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(CheckProcessModelComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.ts new file mode 100644 index 00000000..efb8ba72 --- /dev/null +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.ts @@ -0,0 +1,60 @@ +import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core'; +import { SlicingTaskServices } from '../../../../../core/services/slicingTaskServices' + +@Component({ + selector: 'app-check-process-model', + templateUrl: './check-process-model.component.html', + styleUrls: ['./check-process-model.component.less'] +}) +export class CheckProcessModelComponent implements OnInit { + + @Input() moduleTitle: string; + @Input() showProcess: boolean; + @Input() taskId: string; + + @Output() cancel = new EventEmitter(); + + constructor(private http: SlicingTaskServices) { } + + checkDetail: any[]; + businessRequirement: any[]; + NSTinfo: any[]; + + ngOnInit() { } + + ngOnChanges() { + if (this.showProcess) { + this.getInfo(); + } + } + + getInfo(): void { + this.http.getSlicingBasicInfo(this.taskId).subscribe(res => { + const { result_body, result_header: { result_code } } = res; + if (+result_code === 200) { + const { + task_id, + task_name, + create_time, + processing_status, + business_demand_info, + nst_info, + business_demand_info: { service_snssai } + } = result_body; + // 处理配置审核详情数据 + this.checkDetail = [{ task_id, task_name, create_time, processing_status, service_snssai }]; + // 业务需求信息数据 + this.businessRequirement = [business_demand_info]; + // 匹配NST信息 + this.NSTinfo = [nst_info]; + } + }) + } + + handleCancel() { + this.showProcess = false; + this.cancel.emit(this.showProcess) + } + handleOk() { } + +} 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 57e13653..135cf3ff 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 @@ -39,4 +39,11 @@ + + \ No newline at end of file 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 5c6eb369..76e67070 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 @@ -16,8 +16,8 @@ export class SlicingTaskManagementComponent implements OnInit { this.getTaskList() } showDetail: boolean = false; + showProcess: boolean = false; selectedValue = null; - // detailData: object = {}; taskId: string; moduleTitle: string = ""; listOfData: any[] = []; @@ -67,7 +67,11 @@ export class SlicingTaskManagementComponent implements OnInit { showdetail(data: any): void { this.taskId = data.task_id; - this.showDetail = true; this.moduleTitle = data.status; + if(data.status === '审核阶段') { + this.showDetail = true; + } else { + this.showProcess = true; + } } } -- cgit 1.2.3-korg