1 import { Component, OnInit, Input, Output, EventEmitter, ViewChild } from '@angular/core';
2 import { NzMessageService } from 'ng-zorro-antd';
3 import { SlicingTaskServices } from '../../../../../core/services/slicingTaskServices';
6 selector: 'app-slicing-task-model',
7 templateUrl: './slicing-task-model.component.html',
8 styleUrls: ['./slicing-task-model.component.less']
10 export class SlicingTaskModelComponent implements OnInit {
11 @Input() showDetail: boolean;
12 @Input() moduleTitle: string;
13 @Input() taskId: string;
14 @Output() cancel = new EventEmitter<boolean>();
15 @ViewChild('notification') notification1: any;
17 constructor(private http: SlicingTaskServices, private message: NzMessageService) { }
20 checkDetail: any[] = [{}];
22 businessRequirement: any[] = [];
24 NSTinfo: object[] = [{}];
26 selectedServiceId: string;
27 selectedServiceName: string;
28 slicingInstances: any;
30 slicingSubnet: any[] = [
68 isDisabled: boolean = true;
70 isShowParams: boolean;
74 isSpinning: boolean = false;
80 if (this.showDetail) {
81 this.isSpinning = true;
84 this.isDisabled = true;
88 getautidInfo(): void {
89 this.http.getAuditInfo(this.taskId).subscribe( res => {
90 const { result_header: { result_code } } = res;
91 this.isSpinning = false;
92 if (+result_code === 200) {
101 business_demand_info: { service_snssai, coverage_area_ta_list }
107 an_suggest_nssi_name,
109 tn_suggest_nssi_name,
111 cn_suggest_nssi_name,
114 an_coverage_area_ta_list,
118 cn_resource_sharing_level,
119 cn_ue_mobility_level,
121 cn_max_number_of_ues,
125 cn_area_traffic_cap_dl,
126 cn_area_traffic_cap_ul
129 this.checkDetail = [{ task_id, task_name, create_time, processing_status, service_snssai }];
131 business_demand_info.area = coverage_area_ta_list.map(item => {
132 item = item.split(';').join('-')
135 this.businessRequirement = [business_demand_info];
137 this.NSTinfo = [nst_info];
139 this.selectedServiceId = suggest_nsi_id;
140 this.selectedServiceName = suggest_nsi_name;
141 this.slicingInstances = {
148 service_instance_id: this.selectedServiceId,
149 service_instance_name: this.selectedServiceName
153 let subnetData = { an_suggest_nssi_id, an_suggest_nssi_name, tn_suggest_nssi_id, tn_suggest_nssi_name, cn_suggest_nssi_id, cn_suggest_nssi_name};
154 this.subnetDataFormatting(subnetData, 0);
155 this.slicingSubnet[0].params = { an_latency, an_5qi, an_coverage_area_ta_list }
156 this.slicingSubnet[1].params = { tn_latency, tn_bandwidth };
157 this.slicingSubnet[2].params = {
159 cn_resource_sharing_level,
160 cn_ue_mobility_level,
162 cn_max_number_of_ues,
166 cn_area_traffic_cap_dl,
167 cn_area_traffic_cap_ul
170 this.message.error('Failed to get data')
175 openSlicingInstance ( bool: boolean): void {
176 const { total, currentPage, pageSize} = this.slicingInstances;
177 if (bool && !total) {
178 this.slicingInstances.list = [];
179 this.getSlicingInstances(currentPage, pageSize)
183 getNextPageData ():void {
184 const { total, currentPage, pageSize} = this.slicingInstances;
185 if (total - (+currentPage * +pageSize) > 0 ) {
186 if (this.slicingInstances.flag) return;
187 this.slicingInstances.flag = true
188 this.getSlicingInstances(currentPage, pageSize)
189 this.slicingInstances.currentPage = (+this.slicingInstances.currentPage +1).toString();
193 getSlicingInstances(pageNo: string, pageSize: string): void {
194 this.slicingInstances.isLoading = true;
195 this.http.getSlicingInstance(pageNo, pageSize).subscribe ( res => {
196 const { result_header: { result_code }, result_body } = res;
198 if (+result_code === 200) {
199 const { nsi_service_instances, record_number } = result_body;
200 this.slicingInstances.total = record_number;
201 this.slicingInstances.list.push(...nsi_service_instances);
203 this.message.error('Failed to get slicing instance ID')
205 this.slicingInstances.isLoading = false;
206 this.slicingInstances.flag = false;
213 slicingInstanceChange ():void {
214 this.isDisabled = true;
216 this.http.getSlicingSubnetInstance(this.selectedServiceId).subscribe( res => {
217 const { result_header: { result_code }, result_body, record_number} = res;
218 if (+result_code === 200) {
219 this.subnetDataFormatting(result_body, record_number)
221 this.message.error('Failed to get slicing subnet instance ID')
224 this.slicingInstances.list.forEach (item => {
225 if (item.service_instance_id === this.selectedServiceId) {
226 this.selectedServiceName = item.service_instance_name;
231 subnetDataFormatting ( subnetData: any, total: number): void{
232 const { an_suggest_nssi_id, an_suggest_nssi_name, tn_suggest_nssi_id, tn_suggest_nssi_name, cn_suggest_nssi_id, cn_suggest_nssi_name } = subnetData;
233 this.slicingSubnet[0].slicingId = an_suggest_nssi_id;
234 this.slicingSubnet[0].slicingName = an_suggest_nssi_name;
235 this.slicingSubnet[0].total = total;
236 this.slicingSubnet[0].currentPage = '1';
237 this.slicingSubnet[0].instances = [{
238 service_instance_id: an_suggest_nssi_id,
239 service_instance_name: an_suggest_nssi_name
242 this.slicingSubnet[1].slicingId = tn_suggest_nssi_id;
243 this.slicingSubnet[1].slicingName = tn_suggest_nssi_name;
244 this.slicingSubnet[1].total = total;
245 this.slicingSubnet[1].currentPage = '1';
246 this.slicingSubnet[1].instances = [{
247 service_instance_id: tn_suggest_nssi_id,
248 service_instance_name: tn_suggest_nssi_name
251 this.slicingSubnet[2].slicingId = cn_suggest_nssi_id;
252 this.slicingSubnet[2].slicingName = cn_suggest_nssi_name;
253 this.slicingSubnet[2].total = total;
254 this.slicingSubnet[2].currentPage = '1';
255 this.slicingSubnet[2].instances = [{
256 service_instance_id: cn_suggest_nssi_id,
257 service_instance_name: cn_suggest_nssi_name
261 resetSlicingInstance (): void {
262 this.selectedServiceId = '';
263 this.selectedServiceName = '';
264 this.slicingSubnet.map( item => {
266 item.slicingName = '';
268 this.isDisabled = false;
271 openSubnetInstances (bool: boolean, instance: any): void {
272 if(bool && !instance.total) {
273 instance.instances = []
274 this.getSubnetInstances(instance)
278 getNextPageSubnet (instance: any): void{
279 const { total, currentPage, pageSize} = instance;
280 if(total - (+currentPage * +pageSize) > 0 ){
281 if (instance.flag) return;
282 instance.flag = true;
283 this.getSubnetInstances(instance);
284 let count = +instance.currentPage;
285 instance.currentPage = (++count).toString();
289 getSubnetInstances (instance: any): void {
290 instance.isLoading = true;
291 const { context, currentPage, pageSize } = instance;
292 this.http.getSubnetInContext(context, currentPage, pageSize).subscribe( res => {
293 const { result_header: { result_code }, result_body } = res;
294 if (+result_code === 200) {
295 const { nssi_service_instances, record_number } = result_body;
296 this.slicingSubnet.map (item => {
297 if (item.context === context) {
298 item.total = record_number;
300 item.instances.push(...nssi_service_instances);
301 item.isLoading = false;
307 this.message.error('Failed to get slicing subnet instance ID');
312 slicingSubnetChange (instance: any): void {
313 instance.instances.forEach( item => {
314 if (instance.slicingId === item.service_instance_id) {
315 instance.slicingName = item.service_instance_name;
320 restSubnetInstance (instance: any): void {
321 instance.slicingId = '';
322 instance.slicingName = '';
325 showParamsModel (item: any): void {
326 this.isShowParams = true;
327 this.paramsTitle = item.title;
328 this.params = item.params
331 changeParams (params: any): void {
332 const index = this.paramsTitle === 'An' ? 0 : (this.paramsTitle === 'Tn' ? 1 : 2);
333 this.slicingSubnet[index].params = params
337 this.showDetail = false;
338 this.cancel.emit(this.showDetail);
341 const { selectedServiceId, selectedServiceName, slicingSubnet, checkDetail, businessRequirement, NSTinfo } = this;
342 const nsi_nssi_info: object = {
343 suggest_nsi_id: selectedServiceId,
344 suggest_nsi_name: selectedServiceName,
345 an_suggest_nssi_id: slicingSubnet[0].slicingId,
346 an_suggest_nssi_name: slicingSubnet[0].slicingName,
347 ...slicingSubnet[0].params,
348 tn_suggest_nssi_id: slicingSubnet[1].slicingId,
349 tn_suggest_nssi_name: slicingSubnet[1].slicingName,
350 ...slicingSubnet[1].params,
351 cn_suggest_nssi_id: slicingSubnet[2].slicingId,
352 cn_suggest_nssi_name: slicingSubnet[2].slicingName,
353 ...slicingSubnet[2].params,
355 delete businessRequirement[0].area
356 let reqBody = {...checkDetail[0], business_demand_info: businessRequirement[0], nst_info: NSTinfo[0], nsi_nssi_info};
357 delete reqBody.service_snssai;
358 this.notification1.notificationStart('Task', 'Sumbit', this.taskId)
359 this.http.submitSlicing(reqBody).subscribe (res => {
360 const { result_header: { result_code } } = res;
361 if (+result_code === 200) {
363 this.notification1.notificationSuccess('Task', 'Sumbit', this.taskId)
365 this.notification1.notificationFailed('Task', 'Sumbit', this.taskId)