feat:add model business code of slicing business page

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

1 files changed, 12 insertions, 3 deletions

diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.ts
index 0d4c6df8..515a4d3d 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.ts
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.ts
@@ -2,7 +2,7 @@ import {Component, OnInit} from '@angular/core';
 import {SlicingTaskServices} from '.././../../../../../core/services/slicingTaskServices';
 import {BUSINESS_STATUS} from '../../../../../../../constants/constants';
 import { NzModalService } from 'ng-zorro-antd';
-
+import { SlicingBusinessModelComponent } from '../slicing-business-model/slicing-business-model.component';
 @Component({
     selector: 'app-slicing-business-table',
     templateUrl: './slicing-business-table.component.html',
@@ -156,8 +156,17 @@ export class SlicingBusinessTableComponent implements OnInit {
             }
         });
     }
-    showdetail(data){
-
+    showdetail(data) {
+        const BusinessModal = this.modalService.create({
+            nzTitle:"Detail",
+            nzContent: SlicingBusinessModelComponent,
+            nzWidth:"70%",
+            nzOkText: null,
+            nzCancelText: null,
+            nzComponentParams:{
+                businessId:data.service_instance_id
+            }
+        })
     }
     queryProgress(obj, callback) {
         return new Promise( res => {