diff options
author | 2020-08-12 19:06:06 +0800 | |
---|---|---|
committer | 2020-08-12 19:06:15 +0800 | |
commit | cd7079b452eb67c04240bdc7d0f5269f935f1901 (patch) | |
tree | a766617159dfc6e4fedb38f5767fdd4579b4a819 /usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model | |
parent | fb675a15a5cc6d947178901dc9027f1da6726f41 (diff) |
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>
Diffstat (limited to 'usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model')
2 files changed, 68 insertions, 39 deletions
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', |