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>

3 files changed, 84 insertions, 43 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 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',