summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/views
diff options
context:
space:
mode:
authorcyuamber <xuranyjy@chinamobile.com>2019-12-05 15:46:00 +0800
committercyuamber <xuranyjy@chinamobile.com>2019-12-05 15:46:06 +0800
commitb2bb40bd62c814330bf23a50e65c9dc0fcd98091 (patch)
tree768380d489122d1d1e9aea8fe64432d9cff00442 /usecaseui-portal/src/app/views
parentbb073de34e081e165d4725c8f94e144c4e5618dc (diff)
feat: Add view progress component
Change-Id: I55fd27580e8207c381c9d73c4a3a760c5e5ec421 Issue-ID: USECASEUI-352 Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app/views')
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.html15
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.less0
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.spec.ts25
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.ts60
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.html7
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.ts8
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;
+ }
}
}