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

   1 <nz-modal [nzVisible]="showDetail" nzWidth="85%" [nzTitle]="moduleTitle" (nzOnCancel)="handleCancel()"
   2   (nzOnOk)="handleOk()">
   3   <app-basic-info
   4                 [checkDetail]="checkDetail"
   5                 [businessRequirement]="businessRequirement"
   6                 [NSTinfo]="NSTinfo"
   7         >
   8         </app-basic-info>
   9
  10   <div>
  11     <nz-list class="taskmodel_list" nzBordered [nzHeader]="'匹配共享切片实例：'" [nzFooter]="null">
  12       <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
  13         <div nz-col nzSpan="12">
  14           切片实例 ID：
  15           <nz-select nzShowSearch [(ngModel)]="selectedServiceId" (ngModelChange)="slicingInstanceChange()"
  16             (nzOpenChange)="getSlicingData($event)">
  17             <nz-option *ngFor="let item of slicingInstances" [nzValue]="item.service_instance_id"
  18               [nzLabel]="item.service_instance_id"></nz-option>
  19           </nz-select>
  20         </div>
  21         <div nz-col nzSpan="8">
  22           切片实例名称：{{ selectedServiceName }}
  23         </div>
  24         <div nz-col nzSpan="4">
  25           <button nz-button nzType="primary" (click)="resetSlicingInstance()">
  26             <i nz-icon class="anticon anticon-delete"></i>
  27           </button>
  28         </div>
  29       </nz-list-item>
  30       <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
  31         <p class="listitem_subtitle" nz-col nzSpan="24">匹配的共享切片子网实例：</p>
  32         <nz-card *ngFor="let item of slicingSubnet" nzType="inner" nz-col nzSpan="24" [nzTitle]="item.title">
  33           <div nz-row [nzGutter]="8">
  34             <div nz-col nzSpan="12">
  35               切片子网实例 ID：
  36               <nz-select nzShowSearch [(ngModel)]="item.slicingId" (ngModelChange)="slicingSubnetChange(item)"
  37                 (nzOpenChange)="getSubnetInstances($event, item)" [nzDisabled]="isDisabled">
  38                 <nz-option *ngFor="let item of item.instances" [nzValue]="item.service_instance_id"
  39                   [nzLabel]="item.service_instance_id"></nz-option>
  40               </nz-select>
  41             </div>
  42             <div nz-col nzSpan="8">
  43               切片子网实例名称：{{item.slicingName}}
  44             </div>
  45             <div nz-col nzSpan="4">
  46               <button nz-button nzType="primary" (click)="restSubnetInstance(item)" [disabled]='isDisabled'
  47                 [attr.disabled]='isDisabled?true:undefined'>
  48                 <i nz-icon class="anticon anticon-delete"></i>
  49               </button>
  50               <button nz-button nzType="primary" (click)="showParamsModel(item)">
  51                 <i nz-icon class="anticon anticon-setting" nzTheme="outline"></i>
  52               </button>
  53             </div>
  54           </div>
  55         </nz-card>
  56       </nz-list-item>
  57     </nz-list>
  58   </div>
  59   <app-subnet-params-model
  60     [showModel]="isShowParams"
  61     [detailData]="params"
  62     [title]="paramsTitle"
  63     (cancel)="isShowParams=$event"
  64     (paramsDataChange)="changeParams($event)"
  65   >
  66   </app-subnet-params-model>
  67
  68 </nz-modal>