feat: add slicing nsi basic business code of nsi page

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

1 files changed, 53 insertions, 0 deletions

diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-table/nsi-table.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-table/nsi-table.component.ts
new file mode 100644
index 00000000..372504e8
--- /dev/null
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-table/nsi-table.component.ts
@@ -0,0 +1,53 @@
+import { Component, OnInit } from '@angular/core';
+import {BUSINESS_STATUS} from '../../../../../../../constants/constants';
+import { NzModalService } from 'ng-zorro-antd';
+import {SlicingTaskServices} from "../../../../../../core/services/slicingTaskServices";
+@Component({
+  selector: 'app-nsi-table',
+  templateUrl: './nsi-table.component.html',
+  styleUrls: ['./nsi-table.component.less']
+})
+export class NsiTableComponent implements OnInit {
+
+    constructor(
+        private myhttp: SlicingTaskServices,
+        private modalService: NzModalService
+    ) {
+    }
+
+  ngOnInit() {
+      this.getNsiList()
+  }
+    selectedValue:string = BUSINESS_STATUS[0];
+    listOfData: any[] = [];
+    pageIndex: number = 1;
+    pageSize: number = 10;
+    total: number = 100;
+    loading = false;
+    isSelect: boolean = false;
+    statusOptions: any[] = BUSINESS_STATUS;
+
+    getNsiList (): void{
+        this.loading = true;
+        this.isSelect = false;
+        let paramsObj = {
+            pageNo: this.pageIndex,
+            pageSize: this.pageSize
+        };
+        if(this.selectedValue !== BUSINESS_STATUS[0]){
+            paramsObj["instanceStatus"] = this.selectedValue;
+            this.isSelect = true;
+        }
+        this.myhttp.getSlicingNsiList(paramsObj,this.isSelect).subscribe (res => {
+            const { result_header: { result_code }, result_body: { nsi_service_instances } } = res;
+            if (+result_code === 200) {
+                this.total = nsi_service_instances.length;
+                this.loading = false;
+                this.listOfData = nsi_service_instances;
+            }
+        })
+    }
+    showdetail(data){
+
+    }
+}