1 files changed, 133 insertions, 19 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 8d61029e..88eb586a 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
@@ -26,24 +26,36 @@ export class SlicingTaskModelComponent implements OnInit {
   // 共享切片实例
   selectedServiceId: string;
   selectedServiceName: string;
+  slicingInstances: any[];
+  loading: boolean = false;
   // 子网实例
   slicingSubnet: any[] =  [
     {
       title: '无线域',
+      context: 'an',
       slicingId: '',
-      slicingName: ''
+      slicingName: '',
+      instances: []
     },
     {
       title: '传输域',
+      context: 'tn',
       slicingId: '',
-      slicingName: ''
+      slicingName: '',
+      instances: []
     },
     {
       title: '核心网域',
+      context: 'cn',
       slicingId: '',
-      slicingName: ''
+      slicingName: '',
+      instances: []
     }
   ]
+  // 子网参数
+  isShowParams: boolean;
+  paramsTitle: string;
+  params: any;
 
   ngOnInit() { }
   
@@ -66,7 +78,23 @@ export class SlicingTaskModelComponent implements OnInit {
           tn_suggest_nssi_id, 
           tn_suggest_nssi_name, 
           cn_suggest_nssi_id, 
-          cn_suggest_nssi_name } = nsi_nssi_info;
+          cn_suggest_nssi_name,
+          an_latency,
+          an_5qi,
+          an_coverage_area_ta_list, 
+          tn_latency,
+          tn_bandwidth,
+          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
+        } = nsi_nssi_info;
         // 处理配置审核详情数据
         this.checkDetail = [{ task_id, task_name, create_timer, processing_status, service_snssai }];
         // 业务需求信息数据
@@ -75,38 +103,124 @@ export class SlicingTaskModelComponent implements OnInit {
         // 共享切片实例
         this.selectedServiceId = suggest_nsi_id;
         this.selectedServiceName = suggest_nsi_name;
+        this.slicingInstances = [{
+          service_instance_id: this.selectedServiceId,
+          service_instance_name: this.selectedServiceName
+        }];
         // 子网实例
         this.slicingSubnet[0].slicingId = an_suggest_nssi_id;
         this.slicingSubnet[0].slicingName = an_suggest_nssi_name;
+        this.slicingSubnet[0].instances = [{
+          service_instance_id: an_suggest_nssi_id,
+          service_instance_name: an_suggest_nssi_name
+        }];
+        this.slicingSubnet[0].params = { an_latency, an_5qi, an_coverage_area_ta_list } 
+
         this.slicingSubnet[1].slicingId = tn_suggest_nssi_id;
         this.slicingSubnet[1].slicingName = tn_suggest_nssi_name;
+        this.slicingSubnet[1].instances = [{
+          service_instance_id: tn_suggest_nssi_id,
+          service_instance_name: tn_suggest_nssi_name
+        }]; 
+        this.slicingSubnet[1].params = { tn_latency, tn_bandwidth };
+
         this.slicingSubnet[2].slicingId = cn_suggest_nssi_id;
         this.slicingSubnet[2].slicingName = cn_suggest_nssi_name;
+        this.slicingSubnet[2].instances = [{
+          service_instance_id: cn_suggest_nssi_id,
+          service_instance_name: cn_suggest_nssi_name
+        }];
+        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 
+        };
       }
     })
   }
 
+  getSlicingData ( bool: boolean): void {
+    this.loading = true
+    if (bool && this.slicingInstances.length === 1) {
+      this.http.getSlicingInstance('1', '10').subscribe ( res => {
+        this.loading = false;
+        const { result_header: { result_code }, result_body: { nsi_service_instances } } = res
+        if (+result_code === 200) {
+          this.slicingInstances = nsi_service_instances;
+        }
+      })
+    }
+  }
 
+  slicingInstanceChange ():void {
+    // 获取切片子网实例数据
+    this.http.getSlicingSubnetInstance(this.selectedServiceId).subscribe( res => {
+      const { result_header: { result_code }, result_body} = res;
+      if (+result_code === 200) {
+        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 } = result_body;
+        this.slicingSubnet[0].slicingId = an_suggest_nssi_id;
+        this.slicingSubnet[0].slicingName = an_suggest_nssi_name;
+        this.slicingSubnet[1].slicingId = tn_suggest_nssi_id;
+        this.slicingSubnet[1].slicingName = tn_suggest_nssi_name;
+        this.slicingSubnet[2].slicingId = cn_suggest_nssi_id;
+        this.slicingSubnet[2].slicingName = cn_suggest_nssi_name;
+      }
+    }) 
+    this.slicingInstances.forEach (item => {
+      if (item.service_instance_id === this.selectedServiceId) {
+        this.selectedServiceName = item.service_instance_name;
+      }
+    })
+  }
 
+  resetSlicingInstance (): void {
+    this.selectedServiceId = '';
+    this.selectedServiceName = '';
+    this.slicingSubnet.map( item => {
+      item.slicingId = '';
+      item.slicingName = '';
+    })
+  }
 
+  getSubnetInstances (bool: boolean, instance: any): void {
+    if(bool && instance.instances.length === 1) {
+      this.http.getSubnetInContext(instance.context, '1', '10').subscribe( res => {
+        const { result_header: { result_code }, result_body } = res;
+        if (+result_code === 200) {
+          this.slicingSubnet.map (item => {
+            if (item.context === instance.context) {
+              item.instances = result_body.nssi_service_instances;
+            }
+          })
+        }
+      })
+    }
+  }
 
+  slicingSubnetChange (instance: any): void {
+    instance.instances.forEach( item => {
+      if (instance.slicingId === item.service_instance_id) {
+        instance.slicingName = item.service_instance_name; 
+      }
+    })
+  }
 
-  serviceId = ['46da8cf8-0878-48ac-bea3-f2200959411a', '46da8cf8-0878-48ac-bea3-f2200959411b', '46da8cf8-0878-48ac-bea3-f2200959411c'];
-  serviceData: {} = {
-    "46da8cf8-0878-48ac-bea3-f2200959411a": "eMBB instancela",
-    "46da8cf8-0878-48ac-bea3-f2200959411b": "eMBB instancelb",
-    "46da8cf8-0878-48ac-bea3-f2200959411c": "eMBB instancelc",
-  };
-
-
-
-  serviceIdChange(value: string): void {
-    this.selectedServiceName = this.serviceData[value];
-    console.log(this.selectedServiceName, "=====")
+  restSubnetInstance (instance: any): void {
+    instance.slicingId = '';
+    instance.slicingName = '';
   }
-  resetService() {
-    this.selectedServiceId = "";
-    this.serviceIdChange(this.selectedServiceId);
+
+  showParamsModel (item: any): void {
+    this.isShowParams = true;
+    this.paramsTitle = item.title;
+    this.params = item.params
   }
 
   handleCancel() {