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_time | date: 'yyyy-MM-dd HH:mm:ss' }}</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  nz-row nzType="flex" nzJustify="start" [nzGutter]="8" *ngFor="let list of businessList ">
  32         <div nz-col [nzSpan]="list.length === 1 ? '24' : '8'" *ngFor="let ite of list">
  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 [(ngModel)]="selectedServiceId" (ngModelChange)="slicingInstanceChange()"
  59             (nzOpenChange)="getSlicingData($event)">
  60             <nz-option *ngFor="let item of slicingInstances" [nzValue]="item.service_instance_id"
  61               [nzLabel]="item.service_instance_id"></nz-option>
  62           </nz-select>
  63         </div>
  64         <div nz-col nzSpan="8">
  65           切片实例名称：{{ selectedServiceName }}
  66         </div>
  67         <div nz-col nzSpan="4">
  68           <button nz-button nzType="primary" (click)="resetSlicingInstance()">
  69             <i nz-icon class="anticon anticon-delete"></i>
  70           </button>
  71         </div>
  72       </nz-list-item>
  73       <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
  74         <p class="listitem_subtitle" nz-col nzSpan="24">匹配的共享切片子网实例：</p>
  75         <nz-card *ngFor="let item of slicingSubnet" nzType="inner" nz-col nzSpan="24" [nzTitle]="item.title">
  76           <div nz-row [nzGutter]="8">
  77             <div nz-col nzSpan="12">
  78               切片子网实例 ID：
  79               <nz-select nzShowSearch [(ngModel)]="item.slicingId" (ngModelChange)="slicingSubnetChange(item)"
  80                 (nzOpenChange)="getSubnetInstances($event, item)" [nzDisabled]="isDisabled">
  81                 <nz-option *ngFor="let item of item.instances" [nzValue]="item.service_instance_id"
  82                   [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'
  90                 [attr.disabled]='isDisabled?true:undefined'>
  91                 <i nz-icon class="anticon anticon-delete"></i>
  92               </button>
  93               <button nz-button nzType="primary" (click)="showParamsModel(item)">
  94                 <i nz-icon class="anticon anticon-setting" nzTheme="outline"></i>
  95               </button>
  96             </div>
  97           </div>
  98         </nz-card>
  99       </nz-list-item>
 100     </nz-list>
 101   </div>
 102   <app-subnet-params-model
 103     [showModel]="isShowParams"
 104     [detailData]="params"
 105     [title]="paramsTitle"
 106     (cancel)="isShowParams=$event"
 107     (paramsDataChange)="changeParams($event)"
 108   >
 109   </app-subnet-params-model>
 110
 111 </nz-modal>