gerrit.onap Code Review - usecase-ui.git/blob

   1 <nz-modal [(nzVisible)]="showModel" [nzTitle]="title + '参数'" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()" nzWidth="700px">
   2     <div class="subnet_params_container">
   3         <form nz-form *ngIf="title === '无线域'">
   4             <nz-form-item *ngFor="let item of wirelessFormItems">
   5                 <nz-form-label  [nzSpan]="5" nzRequired [nzFor]="item.key">{{item.title}}</nz-form-label>
   6                 <nz-form-control [nzSpan]="10"  *ngIf="item.key !== 'an_coverage_area_ta_list'">
   7                     <input nz-input [(ngModel)]="detailData[item.key]" [name]="item.key" [id]="item.key"/>
   8                 </nz-form-control>
   9                 <div *ngIf="item.key === 'an_coverage_area_ta_list'">
  10                     <div *ngFor="let area of areaList; let i = index">
  11                         <nz-form-control [nzSpan]="4" [nzOffset]=" i && !ind ? 5 : 0"  class="subnet_params_area" *ngFor="let item of area; let ind = index">
  12                             <nz-select [(ngModel)]="item.selected" [name]="'area' +i + ind" (nzOpenChange)="handleChange(area, item)" (ngModelChange)="handleChangeSelected(area,item)">
  13                                 <nz-option [nzValue]="op.name" *ngFor="let op of item.options" [nzLabel]="op.name" ></nz-option>
  14                             </nz-select>
  15                         </nz-form-control>
  16                         <nz-form-control [nzSpan]="1" [nzOffset]="1">
  17                             <button nz-button nzType="primary" nzSize="small"  class="subnet_params_button"  *ngIf="!i" (click)="creatAreaList()">
  18                                 <i nz-icon class="anticon anticon-plus subnet_params_icon"></i>
  19                             </button>
  20                             <button nz-button nzType="primary" nzSize="small"  class="subnet_params_button"  *ngIf="i" (click)="deleteAreaList(i)">
  21                                 <i nz-icon class="anticon anticon-minus subnet_params_icon"></i>
  22                             </button>
  23                         </nz-form-control>
  24                     </div>
  25
  26                 </div>
  27             </nz-form-item>
  28         </form>
  29         <form nz-form *ngIf="title === '传输域'">
  30             <nz-form-item *ngFor="let item of transferFormItems">
  31                 <nz-form-label  [nzSpan]="7" nzRequired [nzFor]="item.key">{{item.title}}</nz-form-label>
  32                 <nz-form-control [nzSpan]="12">
  33                     <input nz-input [(ngModel)]="detailData[item.key]" [name]="item.key" [id]="item.key"/>
  34                 </nz-form-control>
  35             </nz-form-item>
  36         </form>
  37         <form nz-form *ngIf="title === '核心域'">
  38             <nz-form-item *ngFor="let item of coreFormItems">
  39                 <nz-form-label  [nzSpan]="10" nzRequired [nzFor]="item.key">{{item.title}}</nz-form-label>
  40                 <nz-form-control [nzSpan]="10" >
  41                     <input nz-input [(ngModel)]="detailData[item.key]" [name]="item.key" [id]="item.key" [readOnly]="item.title === 'S-NSSAI'" *ngIf="item.title !== '共享等级' && item.title !== '游牧性'"/>
  42                     <nz-radio-group [name]="item.key" [(ngModel)]="detailData[item.key]" *ngIf="item.title === '共享等级'">
  43                         <label nz-radio [nzValue]="option.key" *ngFor="let option of item.options">{{option.title}}</label>
  44                     </nz-radio-group>
  45                     <nz-select [name]="item.key" [(ngModel)]="detailData[item.key]" *ngIf=" item.title === '游牧性'">
  46                         <nz-option [nzValue]="option.key" *ngFor="let option of item.options" [nzLabel]="option.title"></nz-option>
  47                     </nz-select>
  48                 </nz-form-control>
  49
  50             </nz-form-item>
  51         </form>
  52
  53     </div>
  54 </nz-modal>