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.cn_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 [(ngModel)]="selectedServiceId" (ngModelChange)="serviceIdChange($event)">
  59             <nz-option *ngFor="let p of serviceId" [nzValue]="p" [nzLabel]="p"></nz-option>
  60           </nz-select>
  61         </div>
  62         <div nz-col nzSpan="8">
  63           切片实例名称：{{selectedServiceName}}
  64         </div>
  65         <div nz-col nzSpan="4">
  66           <button nz-button nzType="primary" (click)="resetService()">
  67             <i nz-icon class="anticon anticon-plus"></i>
  68           </button>
  69         </div>
  70       </nz-list-item>
  71       <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
  72         <p class="listitem_subtitle" nz-col nzSpan="24">匹配的共享切片子网实例：</p>
  73         <nz-card *ngFor="let item of slicingSubnet" nzType="inner" nz-col nzSpan="24" [nzTitle]="item.title">
  74           <div nz-row [nzGutter]="8">
  75             <div nz-col nzSpan="12">
  76               切片子网实例 ID：
  77               <nz-select nzShowSearch [(ngModel)]="item.slicingId" (ngModelChange)="serviceIdChange($event)">
  78                 <nz-option *ngFor="let p of serviceId" [nzValue]="p" [nzLabel]="p"></nz-option>
  79               </nz-select>
  80             </div>
  81             <div nz-col nzSpan="8">
  82               切片子网实例名称：{{item.slicingName}}
  83             </div>
  84             <div nz-col nzSpan="4">
  85               <button nz-button nzType="primary" (click)="resetService()"> <i nz-icon
  86                   class="anticon anticon-plus"></i></button>
  87               <button nz-button nzType="primary"> <i nz-icon class="anticon anticon-setting"
  88                   nzTheme="outline"></i></button>
  89             </div>
  90           </div>
  91         </nz-card>
  92       </nz-list-item>
  93     </nz-list>
  94   </div>
  95
  96 </nz-modal>