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

   1 <nz-modal
   2         [(nzVisible)]="showModel"
   3         [nzTitle]="title + '参数'"
   4         (nzOnCancel)="handleCancel()"
   5         (nzOnOk)="handleOk()"
   6         nzWidth="700px"
   7 >
   8         <div class="subnet_params_container">
   9                 <form nz-form *ngIf="title === '无线域'">
  10                         <nz-form-item *ngFor="let item of wirelessFormItems">
  11                                 <nz-form-label [nzSpan]="6" nzRequired [nzFor]="item.key">
  12                     {{ item.title }}
  13                 </nz-form-label>
  14                                 <nz-form-control
  15                                         [nzSpan]="10"
  16                                         *ngIf="item.key !== 'an_coverage_area_ta_list'"
  17                                 >
  18                                         <input
  19                                                 nz-input
  20                                                 [(ngModel)]="detailData[item.key]"
  21                                                 [name]="item.key"
  22                                                 [id]="item.key"
  23                                         />
  24                                 </nz-form-control>
  25                                 <div *ngIf="item.key === 'an_coverage_area_ta_list'">
  26                                         <div *ngFor="let area of areaList; let i = index">
  27                                                 <nz-form-control
  28                                                         [nzSpan]="4"
  29                                                         [nzOffset]="i && !ind ? 6 : 0"
  30                                                         class="subnet_params_area"
  31                                                         *ngFor="let item of area; let ind = index"
  32                                                 >
  33                                                         <nz-select
  34                                                                 [(ngModel)]="item.selected"
  35                                                                 [name]="'area' + i + ind"
  36                                                                 (nzOpenChange)="handleChange(area, item)"
  37                                                                 (ngModelChange)=" handleChangeSelected(area, item) "
  38                                                         >
  39                                                                 <nz-option
  40                                                                         [nzValue]="op.name"
  41                                                                         [nzLabel]="op.name"
  42                                                                         *ngFor="let op of item.options"
  43                                                                 ></nz-option>
  44                                                         </nz-select>
  45                                                 </nz-form-control>
  46                                                 <nz-form-control [nzSpan]="1" [nzOffset]="1">
  47                                                         <button
  48                                                                 nz-button
  49                                                                 nzType="primary"
  50                                                                 nzSize="small"
  51                                                                 class="subnet_params_button"
  52                                                                 *ngIf="!i"
  53                                                                 (click)="creatAreaList()"
  54                                                         >
  55                                                                 <i nz-icon class="anticon anticon-plus subnet_params_icon" ></i>
  56                                                         </button>
  57                                                         <button
  58                                                                 nz-button
  59                                                                 nzType="primary"
  60                                                                 nzSize="small"
  61                                                                 class="subnet_params_button"
  62                                                                 *ngIf="i"
  63                                                                 (click)="deleteAreaList(i)"
  64                                                         >
  65                                                                 <i nz-icon class="anticon anticon-minus subnet_params_icon" ></i>
  66                                                         </button>
  67                                                 </nz-form-control>
  68                                         </div>
  69                                 </div>
  70                         </nz-form-item>
  71                 </form>
  72                 <form nz-form *ngIf="title === '传输域'">
  73                         <nz-form-item *ngFor="let item of transferFormItems">
  74                                 <nz-form-label [nzSpan]="7" nzRequired [nzFor]="item.key">
  75                     {{ item.title }}
  76                 </nz-form-label>
  77                                 <nz-form-control [nzSpan]="12">
  78                                         <input
  79                                                 nz-input
  80                                                 [(ngModel)]="detailData[item.key]"
  81                                                 [name]="item.key"
  82                                                 [id]="item.key"
  83                                         />
  84                                 </nz-form-control>
  85                         </nz-form-item>
  86                 </form>
  87                 <form nz-form *ngIf="title === '核心域'">
  88                         <nz-form-item *ngFor="let item of coreFormItems">
  89                                 <nz-form-label [nzSpan]="10" nzRequired [nzFor]="item.key">
  90                     {{ item.title }}
  91                 </nz-form-label>
  92                                 <nz-form-control [nzSpan]="10">
  93                                         <input
  94                                                 nz-input
  95                                                 [id]="item.key"
  96                                                 [name]="item.key"
  97                                                 [(ngModel)]="detailData[item.key]"
  98                                                 [readOnly]="item.title === 'S-NSSAI'"
  99                                                 *ngIf=" item.title !== 'Resource Sharing Level' && item.title !== 'Mobility' "
 100                                         />
 101                                         <nz-radio-group
 102                                                 [name]="item.key"
 103                                                 [(ngModel)]="detailData[item.key]"
 104                                                 *ngIf="item.title === 'Resource Sharing Level'"
 105                                         >
 106                                                 <label
 107                                                         nz-radio
 108                                                         [nzValue]="option.key"
 109                                                         *ngFor="let option of item.options"
 110                         >
 111                             {{ option.title }}
 112                         </label>
 113                                         </nz-radio-group>
 114                                         <nz-select
 115                                                 [name]="item.key"
 116                                                 [(ngModel)]="detailData[item.key]"
 117                                                 *ngIf="item.title === 'Mobility'"
 118                                         >
 119                                                 <nz-option
 120                                                         [nzValue]="option.key"
 121                                                         [nzLabel]="option.title"
 122                                                         *ngFor="let option of item.options"
 123                                                 ></nz-option>
 124                                         </nz-select>
 125                                 </nz-form-control>
 126                         </nz-form-item>
 127                 </form>
 128         </div>
 129 </nz-modal>