feat: add slicing management page in services module

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

1 files changed, 43 insertions, 0 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
new file mode 100644
index 00000000..ad29c5ed
--- /dev/null
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.ts
@@ -0,0 +1,43 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-slicing-task-management',
+  templateUrl: './slicing-task-management.component.html',
+  styleUrls: ['./slicing-task-management.component.less']
+})
+export class SlicingTaskManagementComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() { }
+  showDetail: boolean = false;
+  selectedValue = null;
+  detailData: object = {};
+  moduleTitle: string = "";
+  listOfData = [
+    {
+      key: '1',
+      name: 'John Brown',
+      age: 32,
+      status: 0
+    },
+    {
+      key: '2',
+      name: 'Jim Green',
+      age: 42,
+      status: 0
+    },
+    {
+      key: '3',
+      name: 'Joe Black',
+      age: 32,
+      status: 1
+    }
+  ];
+  showdetail(data: any) {
+    console.log(data, this.showDetail)
+    this.detailData = data;
+    this.showDetail = true;
+    this.moduleTitle = data.status === 0 ? "Check Configuration" : "View Progress";
+  }
+}