feat: add region connection topology

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

3 files changed, 14 insertions, 9 deletions

diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html
index 7b629cd5..217e8bb4 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html
@@ -2,13 +2,8 @@
     <app-basic-info [businessRequirement]="businessRequirement" [NSTinfo]="NSTinfo" [taskModel]="taskModel">
     </app-basic-info>
     <nz-list class="taskmodel_list" nzBordered [nzHeader]="'Slicing NSI :'" [nzFooter]="null">
-    <nz-table
-            #basicTable
-            [nzData]="nsiInfo"
-            [nzShowPagination]="false"
-            nzHideOnSinglePage
-                class="model-table-padding"
-    >
+        <nz-table #basicTable [nzData]="nsiInfo" [nzShowPagination]="false" nzHideOnSinglePage
+            class="model-table-padding">
             <thead>
                 <tr>
                     <th>Service Instance Id</th>
@@ -33,4 +28,9 @@
             </tbody>
         </nz-table>
     </nz-list>
+    <nz-list class="taskmodel_list" nzBordered [nzHeader]="'End to End Topology:'" [nzFooter]="null">
+        <div>status:{{status}}</div>
+        <img style="width: 100%;" src="assets/images/slicing-business-management/example.png" alt="example" />
+        <!-- <img src="assets/images/slicing-business-management/server.svg" /> -->
+    </nz-list>
 </nz-spin>
\ No newline at end of file
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less
index 8b137891..afccd61f 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less
@@ -1 +1,3 @@
-
+.taskmodel_list{
+    margin-top: 20px;
+}
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.ts
index 7bed4304..b0207fd7 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.ts
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.ts
@@ -18,13 +18,16 @@ export class SlicingBusinessModelComponent implements OnInit {
     }
 
     @Input() businessId;
+    @Input() outerData;
     businessRequirement: any[];
     NSTinfo: any[] = [];
     nsiInfo: any[] = [];
     taskModel: boolean = false;
     isSpinning: boolean = true;
+    status: string = ""
     ngOnInit() {
-        console.log(this.businessId, "id");
+        console.log(this.businessId, "id",this.outerData);
+        this.status = this.outerData.orchestration_status
         this.getDetail()
     }