feat: Add view progress component

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

6 files changed, 113 insertions, 2 deletions

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 @@
+<nz-modal
+	[nzVisible]="showProcess"
+	nzWidth="85%"
+	[nzTitle]="moduleTitle"
+	(nzOnCancel)="handleCancel()"
+	(nzOnOk)="handleOk()"
+>
+	<app-basic-info
+		[checkDetail]="checkDetail"
+		[businessRequirement]="businessRequirement"
+		[NSTinfo]="NSTinfo"
+	>
+	</app-basic-info>
+	
+</nz-modal>
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
--- /dev/null
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.less
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<CheckProcessModelComponent>;
+
+	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<boolean>();
+
+	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 @@
   <app-slicing-task-model [moduleTitle]="moduleTitle" [showDetail]="showDetail" [taskId]="taskId"
     (cancel)="showDetail=$event">
   </app-slicing-task-model>
+  <app-check-process-model 
+    [moduleTitle]="moduleTitle"
+    [showProcess]="showProcess" 
+    [taskId]="taskId" 
+    (cancel)="showProcess=$event"
+  >
+  </app-check-process-model>
 </div>
\ 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;
+    }
   }
 }