fix: fix the bug of nssi-modal

Signed-off-by: wangyuerg <wangyuerg@chinamobile.com>
Change-Id: I21d5f4c8673bf07bc2da4ccd7bfcf50d082bf53f
Issue-ID: USECASEUI-527

1 files changed, 89 insertions, 75 deletions

diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nssi-management/nssi-table/nssi-table.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nssi-management/nssi-table/nssi-table.component.ts
index 5fe303b0..6e08f955 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nssi-management/nssi-table/nssi-table.component.ts
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nssi-management/nssi-table/nssi-table.component.ts
@@ -1,87 +1,101 @@
-import {Component, Input, OnInit,SimpleChanges} from '@angular/core';
-import {BUSINESS_STATUS} from '../../../../../../../constants/constants';
-import {SlicingTaskServices} from "../../../../../../core/services/slicingTaskServices";
-import {NzModalService, NzMessageService} from 'ng-zorro-antd';
-import {NssiModelComponent} from "../nssi-model/nssi-model.component";
+import { Component, Input, OnInit, SimpleChanges } from "@angular/core";
+import { BUSINESS_STATUS } from "../../../../../../../constants/constants";
+import { SlicingTaskServices } from "../../../../../../core/services/slicingTaskServices";
+import { NzModalService, NzMessageService } from "ng-zorro-antd";
+import { NssiModelComponent } from "../nssi-model/nssi-model.component";
 
 @Component({
-    selector: 'app-nssi-table',
-    templateUrl: './nssi-table.component.html',
-    styleUrls: ['./nssi-table.component.less']
+	selector: "app-nssi-table",
+	templateUrl: "./nssi-table.component.html",
+	styleUrls: ["./nssi-table.component.less"],
 })
 export class NssiTableComponent implements OnInit {
+	constructor(
+		private myhttp: SlicingTaskServices,
+		private modalService: NzModalService,
+		private message: NzMessageService
+	) {}
 
-    constructor(
-        private myhttp: SlicingTaskServices,
-        private modalService: NzModalService,
-        private message: NzMessageService
-    ) {
-    }
+	@Input() currentTabName;
 
-    @Input() currentTabName;
+	ngOnChanges(changes: SimpleChanges) {
+		if (
+			changes.currentTabName.currentValue ===
+			"Slicing Subnet Instance Management"
+		) {
+			this.getNssiList();
+		}
+	}
+	ngOnInit() {}
 
-    ngOnChanges(changes: SimpleChanges) {
-        if (changes.currentTabName.currentValue === 'Slicing Subnet Instance Management') {
-            this.getNssiList()
-        }
-    }
-    ngOnInit() {}
+	selectedValue: string = BUSINESS_STATUS[0];
+	listOfData: any[] = [];
+	pageIndex: number = 1;
+	pageSize: number = 10;
+	total: number = 0;
+	loading = false;
+	isSelect: boolean = false;
+	statusOptions: any[] = BUSINESS_STATUS;
 
-    selectedValue: string = BUSINESS_STATUS[0];
-    listOfData: any[] = [];
-    pageIndex: number = 1;
-    pageSize: number = 10;
-    total: number = 0;
-    loading = false;
-    isSelect: boolean = false;
-    statusOptions: any[] = BUSINESS_STATUS;
+	getNssiList(): void {
+		this.loading = true;
+		this.isSelect = false;
+		this.listOfData = [];
+		let paramsObj = {
+			pageNo: this.pageIndex,
+			pageSize: this.pageSize,
+		};
+		if (this.selectedValue !== BUSINESS_STATUS[0]) {
+			paramsObj[
+				"instanceStatus"
+			] = this.selectedValue.toLocaleLowerCase();
+			this.isSelect = true;
+		}
+		let getSlicingNssiListFailedCallback = () => {
+			this.loading = false;
+		};
+		this.myhttp
+			.getSlicingNssiList(
+				paramsObj,
+				this.isSelect,
+				getSlicingNssiListFailedCallback
+			)
+			.then((res) => {
+				const {
+					result_body: { nssi_service_instances, record_number },
+				} = res;
+				this.loading = false;
+				this.total = record_number;
+				this.loading = false;
+				if (
+					nssi_service_instances !== null &&
+					nssi_service_instances.length > 0
+				) {
+					this.listOfData = nssi_service_instances;
+				}
+			});
+	}
 
-    getNssiList(): void {
-        this.loading = true;
-        this.isSelect = false;
-        this.listOfData = [];
-        let paramsObj = {
-            pageNo: this.pageIndex,
-            pageSize: this.pageSize
-        };
-        if (this.selectedValue !== BUSINESS_STATUS[0]) {
-            paramsObj["instanceStatus"] = this.selectedValue.toLocaleLowerCase();
-            this.isSelect = true;
-        }
-        let getSlicingNssiListFailedCallback  = () => {
-            this.loading = false;
-        }
-        this.myhttp.getSlicingNssiList(paramsObj, this.isSelect, getSlicingNssiListFailedCallback).then(res => {
-            const { result_body: {nssi_service_instances, record_number} } = res;
-            this.loading = false;
-            this.total = record_number;
-            this.loading = false;
-            if (nssi_service_instances !== null && nssi_service_instances.length > 0) {
-                this.listOfData = nssi_service_instances;
-            }
-        })
-    }
+	getListOfProcessingStatus() {
+		this.pageIndex = 1;
+		this.pageSize = 10;
+		this.getNssiList();
+	}
 
-    getListOfProcessingStatus() {
-        this.pageIndex = 1;
-        this.pageSize = 10;
-        this.getNssiList();
-    }
+	searchData(reset: boolean = false) {
+		this.getNssiList();
+	}
 
-    searchData(reset: boolean = false) {
-        this.getNssiList();
-    }
-
-    showdetail(data) {
-        const nssiModal = this.modalService.create({
-            nzTitle: "Detail",
-            nzContent: NssiModelComponent,
-            nzWidth: "70%",
-            nzOkText: null,
-            nzCancelText: null,
-            nzComponentParams: {
-                nssiId: data.service_instance_id
-            }
-        })
-    }
+	showdetail(data) {
+		const nssiModal = this.modalService.create({
+			nzTitle: "Detail",
+			nzContent: NssiModelComponent,
+			nzWidth: "70%",
+			nzOkText: null,
+			nzCancelText: null,
+			nzComponentParams: {
+				nssiId: data.service_instance_id,
+			},
+		});
+	}
 }