1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
|
import { Component, Input, OnInit } from "@angular/core";
import { NzModalService, NzMessageService } from "ng-zorro-antd";
import { SlicingTaskServices } from ".././../../../../../core/services/slicingTaskServices";
import { SlicingBusinessModelComponent } from "../../slicing-business-management/slicing-business-model/slicing-business-model.component";
import { NssiModelComponent } from "../../nssi-management/nssi-model/nssi-model.component";
@Component({
selector: "app-nsi-model",
templateUrl: "./nsi-model.component.html",
styleUrls: ["./nsi-model.component.less"],
})
export class NsiModelComponent implements OnInit {
constructor(
private myhttp: SlicingTaskServices,
private modalService: NzModalService,
private message: NzMessageService
) {}
@Input() nsiId;
businessList: any[];
nssiList: any[];
isSpinning: boolean = true;
ngOnInit() {
this.getNsiDetail();
}
getNsiDetail() {
this.myhttp.getSlicingNsiDetail(this.nsiId).then((res) => {
this.isSpinning = false;
const {
result_body: { hosted_business_list, included_nssi_list },
} = res;
this.businessList = hosted_business_list.map((item) => {
if (item.service_instance_id !== null) {
return item;
}
});
this.nssiList = included_nssi_list.map((item) => {
if (item.service_instance_id !== null) {
return item;
}
});
});
}
showBusinessDetail(data) {
this.modalService.create({
nzContent: SlicingBusinessModelComponent,
nzTitle: "Detail",
nzWidth: "70%",
nzOkText: null,
nzCancelText: null,
nzComponentParams: {
businessId: data.service_instance_id,
outerData: data,
},
});
}
showNssiDetail(data) {
this.modalService.create({
nzContent: NssiModelComponent,
nzTitle: "Detail",
nzWidth: "70%",
nzOkText: null,
nzCancelText: null,
nzComponentParams: {
nssiId: data.service_instance_id,
},
});
}
}
|