feat: Parameter modification and adding new parameters of 5g slicing tast

Change-Id: Idd8552f71a51e32b239642ef4e3d2b9f8ccbeacd
Issue-ID: USECASEUI-368
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>

6 files changed, 127 insertions, 49 deletions

diff --git a/usecaseui-portal/src/app/mock/json/slicing_task_auditInfo.json b/usecaseui-portal/src/app/mock/json/slicing_task_auditInfo.json
index 3b48acb6..d931854d 100644
--- a/usecaseui-portal/src/app/mock/json/slicing_task_auditInfo.json
+++ b/usecaseui-portal/src/app/mock/json/slicing_task_auditInfo.json
@@ -41,6 +41,8 @@
             "tn_latency": "10",

             "tn_bandwidth": "300",

             "tn_script_name":"test_tn_01",

+            "tn_jitter":"test_tn_jitter_01",

+            "tn_service_snssai":"test_tn_service_snssai_01",

             "cn_suggest_nssi_id": "46da8cf8-0878-48ac-bea3-f2200959411c",

             "cn_suggest_nssi_name": "eMBB CNinstance3",

             "cn_service_snssai": "1-010101",

@@ -53,7 +55,11 @@
             "cn_exp_data_rate_ul": "300",

             "cn_area_traffic_cap_dl": "300",

             "cn_area_traffic_cap_ul": "300",

-            "cn_script_name":"test_cn_01"

+            "cn_script_name":"test_cn_01",

+            "cn_overalluser_density":"test_cn_overalluser_density_01",

+            "cn_ip_address":"test_cn_ip_address_01",

+            "cn_logical_link":"test_cn_logical_link_01",

+            "cn_nexthop_info":"test_cn_nexthop_info_01"

         }

 

     }

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 5e28f2d6..764ff207 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
@@ -117,6 +117,8 @@ export class SlicingTaskModelComponent implements OnInit {
           tn_latency,
           tn_bandwidth,
           tn_script_name,
+          tn_jitter,
+          tn_service_snssai,
           cn_service_snssai,
           cn_resource_sharing_level,
           cn_ue_mobility_level,
@@ -127,7 +129,11 @@ export class SlicingTaskModelComponent implements OnInit {
           cn_exp_data_rate_ul,
           cn_area_traffic_cap_dl,
           cn_area_traffic_cap_ul,
-          cn_script_name
+          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 }];
@@ -167,9 +173,9 @@ export class SlicingTaskModelComponent implements OnInit {
         // 前端模拟数据
         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[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 };
-        this.slicingSubnet[2].params = {
+        this.slicingSubnet[0].params = this.slicingSubnet[2].params = {
           cn_service_snssai,
           cn_resource_sharing_level,
           cn_ue_mobility_level,
@@ -180,7 +186,12 @@ export class SlicingTaskModelComponent implements OnInit {
           cn_exp_data_rate_ul,
           cn_area_traffic_cap_dl,
           cn_area_traffic_cap_ul,
-          cn_script_name
+          cn_script_name,
+          cn_overalluser_density,
+          cn_ip_address,
+          cn_logical_link,
+          cn_nexthop_info,
+          an_coverage_area_ta_list: area
         };
       } else {
         this.message.error(result_message || 'Failed to get data')
@@ -352,6 +363,7 @@ export class SlicingTaskModelComponent implements OnInit {
   }
 
   showParamsModel(item: any): void {
+    console.log(item,"------->")
     this.isShowParams = true;
     this.paramsTitle = item.title;
     this.params = item.params
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.html
index 227c182a..990e5638 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.html
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.html
@@ -1,57 +1,63 @@
 <nz-modal [(nzVisible)]="showModel" [nzTitle]="title + 'Parameter'" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()"
 	nzWidth="700px">
 	<div class="subnet_params_container">
-		<form nz-form *ngIf="title === 'An'">
-			<nz-form-item *ngFor="let item of wirelessFormItems">
-				<nz-form-label [nzSpan]="6" nzRequired [nzFor]="item.key">
-					{{ item.title }}
-				</nz-form-label>
-				<nz-form-control [nzSpan]="10" *ngIf="item.key !== 'an_coverage_area_ta_list'">
-					<input nz-input [(ngModel)]="detailData[item.key]" [name]="item.key" [id]="item.key" />
-				</nz-form-control>
-				<div *ngIf="item.key === 'an_coverage_area_ta_list'">
-					<div *ngFor="let area of areaList; let i = index">
-						<nz-form-control [nzSpan]="!ind ? 4 : 5" [nzOffset]="i && !ind ? 6 : 0" class="subnet_params_area"
-							*ngFor="let item of area; let ind = index">
-							<nz-select [(ngModel)]="item.selected" [name]="'area' + i + ind"
-								(nzOpenChange)="handleChange(area, item)"
-								(ngModelChange)=" handleChangeSelected(area, item) ">
-								<nz-option [nzValue]="op.name" [nzLabel]="op.name" *ngFor="let op of item.options">
-								</nz-option>
-							</nz-select>
-						</nz-form-control>
-						<nz-form-control [nzSpan]="1" [nzOffset]="1">
-							<button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="!i"
-								(click)="creatAreaList()">
-								<i nz-icon class="anticon anticon-plus subnet_params_icon"></i>
-							</button>
-							<button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="i"
-								(click)="deleteAreaList(i)">
-								<i nz-icon class="anticon anticon-minus subnet_params_icon"></i>
-							</button>
-						</nz-form-control>
-					</div>
-				</div>
-			</nz-form-item>
-		</form>
+		<!--<form nz-form *ngIf="title === 'An'">-->
+			<!--<nz-form-item *ngFor="let item of wirelessFormItems">-->
+				<!--<nz-form-label [nzSpan]="6" nzRequired [nzFor]="item.key">-->
+					<!--{{ item.title }}-->
+				<!--</nz-form-label>-->
+				<!--<nz-form-control [nzSpan]="10" *ngIf="item.key !== 'an_coverage_area_ta_list'">-->
+					<!--<input nz-input [(ngModel)]="detailData[item.key]" [name]="item.key" [id]="item.key" />-->
+				<!--</nz-form-control>-->
+				<!--<div *ngIf="item.key === 'an_coverage_area_ta_list'">-->
+					<!--<div *ngFor="let area of areaList; let i = index">-->
+						<!--<nz-form-control [nzSpan]="!ind ? 4 : 5" [nzOffset]="i && !ind ? 6 : 0" class="subnet_params_area"-->
+							<!--*ngFor="let item of area; let ind = index">-->
+							<!--<nz-select [(ngModel)]="item.selected" [name]="'area' + i + ind"-->
+								<!--(nzOpenChange)="handleChange(area, item)"-->
+								<!--(ngModelChange)=" handleChangeSelected(area, item) ">-->
+								<!--<nz-option [nzValue]="op.name" [nzLabel]="op.name" *ngFor="let op of item.options">-->
+								<!--</nz-option>-->
+							<!--</nz-select>-->
+						<!--</nz-form-control>-->
+						<!--<nz-form-control [nzSpan]="1" [nzOffset]="1">-->
+							<!--<button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="!i"-->
+								<!--(click)="creatAreaList()">-->
+								<!--<i nz-icon class="anticon anticon-plus subnet_params_icon"></i>-->
+							<!--</button>-->
+							<!--<button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="i"-->
+								<!--(click)="deleteAreaList(i)">-->
+								<!--<i nz-icon class="anticon anticon-minus subnet_params_icon"></i>-->
+							<!--</button>-->
+						<!--</nz-form-control>-->
+					<!--</div>-->
+				<!--</div>-->
+			<!--</nz-form-item>-->
+		<!--</form>-->
 		<form nz-form *ngIf="title === 'Tn'">
 			<nz-form-item *ngFor="let item of transferFormItems">
 				<nz-form-label [nzSpan]="7" nzRequired [nzFor]="item.key">
 					{{ item.title }}
 				</nz-form-label>
 				<nz-form-control [nzSpan]="12">
-					<input nz-input [(ngModel)]="detailData[item.key]" [name]="item.key" [id]="item.key" />
+					<input nz-input
+						   [(ngModel)]="detailData[item.key]"
+						   [name]="item.key"
+						   [id]="item.key"
+						   [readOnly]="item.title === 'S-NSSAI'"
+						   [disabled]="item.title === 'S-NSSAI'"
+					/>
 				</nz-form-control>
 			</nz-form-item>
 		</form>
-		<form nz-form *ngIf="title === 'Cn'">
+		<form nz-form *ngIf="title === 'An' || title === 'Cn'">
 			<nz-form-item *ngFor="let item of coreFormItems">
-				<nz-form-label [nzSpan]="13" nzRequired [nzFor]="item.key">
+				<nz-form-label [nzSpan]="(item.key === 'an_coverage_area_ta_list' && title === 'An')?7:13" nzRequired *ngIf="!(item.key === 'an_coverage_area_ta_list' && title === 'Cn')">
 					{{ item.title }}
 				</nz-form-label>
-				<nz-form-control [nzSpan]="8">
+				<nz-form-control [nzSpan]="8" *ngIf="item.key !== 'an_coverage_area_ta_list'">
 					<input nz-input [id]="item.key" [name]="item.key" [(ngModel)]="detailData[item.key]"
-						[readOnly]="item.title === 'S-NSSAI'"
+						[readOnly]="item.title === 'S-NSSAI'" [disabled]="item.title === 'S-NSSAI'"
 						*ngIf=" item.title !== 'Resource Sharing Level' && item.title !== 'Mobility' " />
 					<nz-radio-group [name]="item.key" [(ngModel)]="detailData[item.key]"
 						*ngIf="item.title === 'Resource Sharing Level'">
@@ -64,6 +70,29 @@
 						</nz-option>
 					</nz-select>
 				</nz-form-control>
+				<div *ngIf="title === 'An' && item.key === 'an_coverage_area_ta_list'">
+					<div *ngFor="let area of areaList; let i = index">
+						<nz-form-control [nzSpan]="!ind ? 4 : 5" [nzOffset]="i && !ind ? 7 : 0" class="subnet_params_area"
+										 *ngFor="let item of area; let ind = index">
+							<nz-select [(ngModel)]="item.selected" [name]="'area' + i + ind"
+									   (nzOpenChange)="handleChange(area, item)"
+									   (ngModelChange)=" handleChangeSelected(area, item) ">
+								<nz-option [nzValue]="op.name" [nzLabel]="op.name" *ngFor="let op of item.options">
+								</nz-option>
+							</nz-select>
+						</nz-form-control>
+						<nz-form-control [nzSpan]="1" [nzOffset]="1">
+							<button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="!i"
+									(click)="creatAreaList()">
+								<i nz-icon class="anticon anticon-plus subnet_params_icon"></i>
+							</button>
+							<button nz-button nzType="primary" nzSize="small" class="subnet_params_button" *ngIf="i"
+									(click)="deleteAreaList(i)">
+								<i nz-icon class="anticon anticon-minus subnet_params_icon"></i>
+							</button>
+						</nz-form-control>
+					</div>
+				</div>
 			</nz-form-item>
 		</form>
 	</div>
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.ts
index f091667a..a0b5df21 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.ts
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
-import { WIRELESS_FORM_ITEMS, TRANSFRER_FORM_ITEMS, CORE_FORM_ITEMS, ADDRESS } from '../.../../../../../../../../constants/constants'
+import { WIRELESS_FORM_ITEMS, TRANSFRER_FORM_ITEMS, CORE_FORM_ITEMS, ADDRESS } from '@src/constants/constants'
 
 @Component({
 	selector: 'app-subnet-params-model',
diff --git a/usecaseui-portal/src/constants/constants.ts b/usecaseui-portal/src/constants/constants.ts
index 93cdc71e..b5f2244d 100644
--- a/usecaseui-portal/src/constants/constants.ts
+++ b/usecaseui-portal/src/constants/constants.ts
@@ -109,12 +109,20 @@ export const WIRELESS_FORM_ITEMS = [
 ]

 

 export const TRANSFRER_FORM_ITEMS = [

+    {

+        title: 'S-NSSAI',

+        key: 'tn_service_snssai'

+    },

 	{

-		title: 'Latency (ms)',

-		key: 'tn_latency'

-	},

+        title: 'Latency (ms)',

+        key: 'tn_latency'

+    },

+    {

+        title: 'Jitter',

+        key: 'tn_jitter'

+    },

 	{

-		title: 'Bandwidth',

+		title: 'MaxBandwidth',

 		key: 'tn_bandwidth'

 	},

     {

@@ -195,6 +203,26 @@ export const CORE_FORM_ITEMS = [
     {

         title: 'Script Name',

         key: 'cn_script_name'

+    },

+    {

+        title: 'overallUserDensity',

+        key: 'cn_overalluser_density'

+    },

+    {

+        title: 'IP Address',

+        key: 'cn_ip_address'

+    },

+    {

+        title: 'Logical Link',

+        key: 'cn_logical_link'

+    },

+    {

+        title: 'Nexthop Info',

+        key: 'cn_nexthop_info'

+    },

+    {

+        title: 'Coverage Area Ta List',

+        key: 'an_coverage_area_ta_list'

     }

 ]

 

diff --git a/usecaseui-portal/src/tsconfig.app.json b/usecaseui-portal/src/tsconfig.app.json
index 39ba8dba..2eb27d17 100644
--- a/usecaseui-portal/src/tsconfig.app.json
+++ b/usecaseui-portal/src/tsconfig.app.json
@@ -4,7 +4,10 @@
     "outDir": "../out-tsc/app",
     "baseUrl": "./",
     "module": "es2015",
-    "types": []
+    "types": [],
+    "paths": {
+      "@src/*": ["*"]
+    }
   },
   "exclude": [
     "test.ts",