feat:add detail model of slicing nssi page

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

1 files changed, 32 insertions, 5 deletions

diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nssi-management/nssi-model/nssi-model.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nssi-management/nssi-model/nssi-model.component.ts
index 11da9087..52e0f23d 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nssi-management/nssi-model/nssi-model.component.ts
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nssi-management/nssi-model/nssi-model.component.ts
@@ -1,5 +1,7 @@
-import { Component, OnInit } from '@angular/core';
-
+import {Component, Input, OnInit} from '@angular/core';
+import {NzModalService} from "ng-zorro-antd";
+import {SlicingTaskServices} from '.././../../../../../core/services/slicingTaskServices';
+import { NsiModelComponent } from '../../nsi-management/nsi-model/nsi-model.component';
 @Component({
   selector: 'app-nssi-model',
   templateUrl: './nssi-model.component.html',
@@ -7,9 +9,34 @@ import { Component, OnInit } from '@angular/core';
 })
 export class NssiModelComponent implements OnInit {
 
-  constructor() { }
-
+    constructor(
+        private myhttp: SlicingTaskServices,
+        private modalService: NzModalService
+    ) {
+    }
+    @Input() nssiId;
+    nsiList: any[];
   ngOnInit() {
+      this.getNssiDetail()
   }
-
+    getNssiDetail(){
+        this.myhttp.getSlicingNssiDetail(this.nssiId).subscribe(res => {
+            const {result_header: {result_code}, result_body: {hosted_nsi_list} } = res;
+            if (+result_code === 200) {
+                this.nsiList = hosted_nsi_list;
+            }
+        })
+    }
+    showSingleNsiDetail(data){
+        this.modalService.create({
+            nzContent:NsiModelComponent,
+            nzTitle:"Detail",
+            nzWidth:"70%",
+            nzOkText: null,
+            nzCancelText: null,
+            nzComponentParams:{
+                nsiId:data.service_instance_id
+            }
+        });
+    }
 }