From a3bc6ccd6c0b0ce9af6d45e4025c2f0d8493a014 Mon Sep 17 00:00:00 2001 From: wangyuerg Date: Tue, 18 Aug 2020 14:42:36 +0800 Subject: fix: Reduce the amount of data deconstructed Change-Id: I709bb1ed0ff6b51216b96d1b346f68173871de3d Signed-off-by: wangyuerg Issue-ID: USECASEUI-444 --- .../slicing-task-model.component.ts | 93 ++++++++-------------- 1 file changed, 32 insertions(+), 61 deletions(-) diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.ts index 03d45d81..4c60cd9a 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.ts +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.ts @@ -86,59 +86,31 @@ export class SlicingTaskModelComponent implements OnInit { } } + // used for picking some key-value pairs from a object. + pick(obj, arr): Object { + return arr.reduce((iter, val) => { + if(val in obj) { + iter[val] = obj[val]; + } + return iter; + }, {}); + } + getautidInfo(): void { this.http.getAuditInfo(this.taskId).subscribe( res => { const { result_header: { result_code, result_message } } = res; this.isSpinning = false; if (+result_code === 200) { const { - task_id, - task_name, - create_time, - processing_status, business_demand_info, nst_info, nsi_nssi_info, - business_demand_info: { service_snssai, coverage_area_ta_list } + ...checkInfo } = res.result_body; - const { - suggest_nsi_id, - suggest_nsi_name, - an_suggest_nssi_id, - an_suggest_nssi_name, - tn_suggest_nssi_id, - tn_suggest_nssi_name, - cn_suggest_nssi_id, - cn_suggest_nssi_name, - an_latency, - an_5qi, - an_script_name, - an_coverage_area_ta_list, - tn_latency, - tn_bandwidth, - tn_script_name, - tn_jitter, - tn_service_snssai, - cn_service_snssai, - cn_resource_sharing_level, - cn_ue_mobility_level, - cn_latency, - cn_max_number_of_ues, - cn_activity_factor, - cn_exp_data_rate_dl, - cn_exp_data_rate_ul, - cn_area_traffic_cap_dl, - cn_area_traffic_cap_ul, - cn_script_name, - cn_overalluser_density, - cn_ip_address, - cn_logical_link, - cn_nexthop_info, - } = nsi_nssi_info; // 处理配置审核详情数据 - this.checkDetail = [{ task_id, task_name, create_time, processing_status, service_snssai }]; + this.checkDetail = [{...checkInfo, 'service_snssai': business_demand_info.service_snssai}]; // 业务需求信息数据 - business_demand_info.area = coverage_area_ta_list.map(item => { + business_demand_info.area = business_demand_info.coverage_area_ta_list.map(item => { item = item.split(';').join(' - ') return item }) @@ -151,8 +123,8 @@ export class SlicingTaskModelComponent implements OnInit { // 匹配NST信息 this.NSTinfo = [nst_info]; // 共享切片实例 - this.selectedServiceId = suggest_nsi_id; - this.selectedServiceName = suggest_nsi_name; + this.selectedServiceId = nsi_nssi_info.suggest_nsi_id; + this.selectedServiceName = nsi_nssi_info.suggest_nsi_name; if (!this.selectedServiceId || !this.selectedServiceName) { this.isDisabled = false; } @@ -168,31 +140,30 @@ export class SlicingTaskModelComponent implements OnInit { }] } // 子网实例 - 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 }; + let subnetData = this.pick(nsi_nssi_info, ['an_suggest_nssi_id', 'an_suggest_nssi_name', 'tn_suggest_nssi_id', 'tn_suggest_nssi_name', 'cn_suggest_nssi_id', 'cn_suggest_nssi_name']); this.subnetDataFormatting(subnetData, 0); // 前端模拟数据 let area = ["Beijing;Beijing;Haidian District", "Beijing;Beijing;Xicheng District", "Beijing;Beijing;Changping District"] // this.slicingSubnet[0].params = { an_latency, an_5qi, an_coverage_area_ta_list } // this.slicingSubnet[0].params = { an_latency, an_5qi, an_script_name, an_coverage_area_ta_list: area } - this.slicingSubnet[1].params = { tn_latency, tn_bandwidth, tn_script_name, tn_jitter, tn_service_snssai}; - this.slicingSubnet[0].params = this.slicingSubnet[2].params = { - cn_service_snssai, - cn_resource_sharing_level, - cn_ue_mobility_level, - cn_latency, - cn_max_number_of_ues, - cn_activity_factor, - cn_exp_data_rate_dl, - cn_exp_data_rate_ul, - cn_area_traffic_cap_dl, - cn_area_traffic_cap_ul, - cn_script_name, - cn_overalluser_density, + this.slicingSubnet[1].params = this.pick(nsi_nssi_info, ['tn_latency', 'tn_bandwidth', 'tn_script_name', 'tn_jitter', 'tn_service_snssai']); + this.slicingSubnet[0].params = this.slicingSubnet[2].params = {...this.pick(nsi_nssi_info, [ + 'cn_service_snssai', + 'cn_resource_sharing_level', + 'cn_ue_mobility_level', + 'cn_latency', + 'cn_max_number_of_ues', + 'cn_activity_factor', + 'cn_exp_data_rate_dl', + 'cn_exp_data_rate_ul', + 'cn_area_traffic_cap_dl', + 'cn_area_traffic_cap_ul', + 'cn_script_name', + 'cn_overalluser_density', // cn_ip_address, // cn_logical_link, // cn_nexthop_info, - an_coverage_area_ta_list: area - }; + ]), an_coverage_area_ta_list: area}; } else { this.message.error(result_message || 'Failed to get data') } @@ -243,7 +214,7 @@ export class SlicingTaskModelComponent implements OnInit { } - slicingInstanceChange(): void { + slicingInstanceChange(): void { // choose the target nssi this.isDisabled = true; this.selectedServiceName = ''; // 获取切片子网实例数据 -- cgit 1.2.3-korg