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, 61 insertions, 0 deletions

diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.ts
new file mode 100644
index 00000000..2abe8d44
--- /dev/null
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.ts
@@ -0,0 +1,61 @@
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+
+@Component({
+  selector: 'app-slicing-task-model',
+  templateUrl: './slicing-task-model.component.html',
+  styleUrls: ['./slicing-task-model.component.less']
+})
+export class SlicingTaskModelComponent implements OnInit {
+  @Input() showDetail: boolean;
+  @Input() moduleTitle: string;
+  @Input() modelData: object;
+  @Output() cancel = new EventEmitter<boolean>();
+
+  constructor() { }
+  checkDetail: [{}] = [{
+    id: "b1bb0ce7-ebca-4fa7-95ed-4840d70a1177",
+    name: "5G Slice eMMB",
+    snssai: "1-010101",
+    arrivedtime: "2019-10-29 10:00",
+    status: "Checking"
+  }]; //配置审核详情
+  businessRequirement: [{}] = [{
+    name: "5G Slice eMMB",
+    snssai: "1-010101",
+    expiretime: "2019-10-29 10:00",
+    area: "Beijing",
+  }];//业务需求信息
+  NSTinfo: [{}] = [{
+    id: "46da8cf8-0878-48ac-bea3-f2200959411a",
+    name: "eMBB instancel"
+  }];//匹配NST信息
+  selectedServiceId = '46da8cf8-0878-48ac-bea3-f2200959411a';
+  selectedServiceName = '';
+  serviceId = ['46da8cf8-0878-48ac-bea3-f2200959411a', '46da8cf8-0878-48ac-bea3-f2200959411b', '46da8cf8-0878-48ac-bea3-f2200959411c'];
+  serviceData: {} = {
+    "46da8cf8-0878-48ac-bea3-f2200959411a": "eMBB instancela",
+    "46da8cf8-0878-48ac-bea3-f2200959411b": "eMBB instancelb",
+    "46da8cf8-0878-48ac-bea3-f2200959411c": "eMBB instancelc",
+  };
+
+  ngOnInit() {
+    this.serviceIdChange(this.selectedServiceId)
+  }
+
+  serviceIdChange(value: string): void {
+    this.selectedServiceName = this.serviceData[value];
+    console.log(this.selectedServiceName, "=====")
+  }
+  resetService() {
+    this.selectedServiceId = "";
+    this.serviceIdChange(this.selectedServiceId);
+  }
+
+  handleCancel() {
+    this.showDetail = false;
+    this.cancel.emit(this.showDetail);
+  }
+  handleOk() {
+    this.handleCancel();
+  }
+}