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

   1 <nz-modal [nzVisible]="showDetail" nzWidth="85%" [nzTitle]="moduleTitle" (nzOnCancel)="handleCancel()"
   2   (nzOnOk)="handleOk()">
   3   <nz-list class="taskmodel_list" [nzDataSource]="checkDetail" nzBordered [nzHeader]="'配置审核详情：'" [nzFooter]="null"
   4     [nzRenderItem]="checkItem">
   5     <ng-template #checkItem let-check>
   6       <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
   7         <div nz-col nzSpan="10">
   8           <span>Task ID： {{ check.task_id }}</span>
   9         </div>
  10         <div nz-col nzSpan="8">
  11           <span>Task Name： {{ check.task_name }}</span>
  12         </div>
  13         <div nz-col nzSpan="6">
  14           <span>S-NSSAI：{{ check.service_snssai }}</span>
  15         </div>
  16       </nz-list-item>
  17       <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
  18         <div nz-col nzSpan="10">
  19           <span>Arrived Time： {{ check.create_timer }}</span>
  20         </div>
  21         <div nz-col nzSpan="8">
  22           <span>Status： {{ check.processing_status }}</span>
  23         </div>
  24       </nz-list-item>
  25     </ng-template>
  26   </nz-list>
  27
  28   <nz-list class="taskmodel_list" [nzDataSource]="businessRequirement" nzBordered [nzHeader]="'业务需求信息：'"
  29     [nzFooter]="null" [nzRenderItem]="businessItem">
  30     <ng-template #businessItem let-item>
  31       <nz-list-item *ngFor="let ite of businessList " nz-row>
  32         <div nz-col nz-Span='10'>
  33           <span class="ant-typography">{{ ite.title }} : &nbsp;{{ item[ite.key] }}</span>
  34         </div>
  35       </nz-list-item>
  36     </ng-template>
  37   </nz-list>
  38
  39   <nz-list class="taskmodel_list" [nzDataSource]="NSTinfo" nzBordered [nzHeader]="'匹配NST信息：'" [nzFooter]="null"
  40     [nzRenderItem]="taskItem">
  41     <ng-template #taskItem let-item>
  42       <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
  43         <div nz-col nzSpan="12">
  44           <span>NST ID： {{ item.nst_id }}</span>
  45         </div>
  46         <div nz-col nzSpan="12">
  47           <span>NST Name： {{ item.nst_name }}</span>
  48         </div>
  49       </nz-list-item>
  50     </ng-template>
  51   </nz-list>
  52
  53   <div>
  54     <nz-list class="taskmodel_list" nzBordered [nzHeader]="'匹配共享切片实例：'" [nzFooter]="null">
  55       <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
  56         <div nz-col nzSpan="12">
  57           切片实例 ID：
  58           <nz-select nzShowSearch
  59             [(ngModel)]="selectedServiceId"
  60             (ngModelChange)="slicingInstanceChange()"
  61             (nzOpenChange)="getSlicingData($event)"
  62           >
  63             <nz-option *ngFor="let item of slicingInstances" [nzValue]="item.service_instance_id" [nzLabel]="item.service_instance_id"></nz-option>
  64           </nz-select>
  65         </div>
  66         <div nz-col nzSpan="8">
  67           切片实例名称：{{ selectedServiceName }}
  68         </div>
  69         <div nz-col nzSpan="4">
  70           <button nz-button nzType="primary" (click)="resetSlicingInstance()">
  71             <i nz-icon class="anticon anticon-plus"></i>
  72           </button>
  73         </div>
  74       </nz-list-item>
  75       <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
  76         <p class="listitem_subtitle" nz-col nzSpan="24">匹配的共享切片子网实例：</p>
  77         <nz-card *ngFor="let item of slicingSubnet" nzType="inner" nz-col nzSpan="24" [nzTitle]="item.title">
  78           <div nz-row [nzGutter]="8">
  79             <div nz-col nzSpan="12">
  80               切片子网实例 ID：
  81               <nz-select nzShowSearch [(ngModel)]="item.slicingId" (ngModelChange)="slicingSubnetChange(item)" (nzOpenChange)="getSubnetInstances($event, item)" [nzDisabled]="isDisabled">
  82                 <nz-option *ngFor="let item of item.instances" [nzValue]="item.service_instance_id" [nzLabel]="item.service_instance_id"></nz-option>
  83               </nz-select>
  84             </div>
  85             <div nz-col nzSpan="8">
  86               切片子网实例名称：{{item.slicingName}}
  87             </div>
  88             <div nz-col nzSpan="4">
  89               <button nz-button nzType="primary" (click)="restSubnetInstance(item)" [disabled]='isDisabled' [attr.disabled] ='isDisabled?true:undefined'>
  90                 <i nz-icon class="anticon anticon-plus"></i>
  91               </button>
  92               <button nz-button nzType="primary" (click)="showParamsModel(item)">
  93                 <i nz-icon class="anticon anticon-setting" nzTheme="outline"></i>
  94               </button>
  95             </div>
  96           </div>
  97         </nz-card>
  98       </nz-list-item>
  99     </nz-list>
 100   </div>
 101   <app-subnet-params-model [showModel]="isShowParams" [detailData]="params" [title]="paramsTitle" (cancel)="isShowParams=$event"></app-subnet-params-model>
 102
 103 </nz-modal>