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

   1 <div>
   2         <div nz-row>
   3                 <div nz-col nzSpan="12" class="task_status">
   4                         <span>Status : </span>
   5                         <nz-select
   6                                 nzShowSearch
   7                                 nzAllowClear
   8                                 [(ngModel)]="selectedValue"
   9                                 nzPlaceHolder="Select a processing status"
  10                                 (ngModelChange)="processingStatusChange()"
  11                         >
  12                                 <nz-option
  13                                         *ngFor="let item of statusOptions"
  14                                         [nzLabel]="item.title"
  15                                         [nzValue]="item.value"
  16                                 ></nz-option>
  17                         </nz-select>
  18                 </div>
  19         </div>
  20         <div>
  21                 <nz-table
  22                         #basicTable
  23                         nzShowPagination
  24                         nzPageSizeOptions
  25                         nzShowSizeChanger
  26                         [nzTotal]="total"
  27                         [nzLoading]="loading"
  28                         [nzData]="listOfData"
  29                         [nzPageIndex]="pageNum"
  30                         [nzPageSize]="pageSize"
  31                         [nzFrontPagination]="false"
  32                         (nzPageSizeChange)="pageSizeChange($event)"
  33                         (nzPageIndexChange)="pageNumChange($event)"
  34                 >
  35                         <thead>
  36                                 <tr>
  37                                         <th>任务ID</th>
  38                                         <th>任务名称</th>
  39                                         <th>S-NSSAI</th>
  40                                         <th>切片业务类型</th>
  41                                         <th>到达时间</th>
  42                                         <th>处理环节</th>
  43                                         <th>操作</th>
  44                                 </tr>
  45                         </thead>
  46                         <tbody>
  47                                 <tr *ngFor="let data of basicTable.data">
  48                                         <td>{{ data.task_id }}</td>
  49                                         <td>{{ data.task_name }}</td>
  50                                         <td>{{ data.service_snssai }}</td>
  51                                         <td>{{ data.service_type }}</td>
  52                                         <td>{{ data.create_time | date: "yyyy-MM-dd HH:mm:ss"}}</td>
  53                                         <td>{{ data.status }}</td>
  54                                         <td>
  55                                                 <span
  56                                                         *ngIf="data.processing_status === 'Planning'"
  57                                                         class="task_operation_disabled"
  58                                                         >{{ data.operation }}</span
  59                                                 >
  60                                                 <a
  61                                                         (click)="showdetail(data)"
  62                                                         *ngIf="data.processing_status !== 'Planning'"
  63                                                         >{{ data.operation }}</a
  64                                                 >
  65                                         </td>
  66                                 </tr>
  67                         </tbody>
  68                 </nz-table>
  69         </div>
  70         <app-slicing-task-model
  71                 [moduleTitle]="moduleTitle"
  72                 [showDetail]="showDetail"
  73                 [taskId]="taskId"
  74                 (cancel)="showDetail = $event"
  75         >
  76         </app-slicing-task-model>
  77         <app-check-process-model
  78                 [moduleTitle]="moduleTitle"
  79                 [showProcess]="showProcess"
  80                 [taskId]="taskId"
  81                 (cancel)="showProcess = $event"
  82         >
  83         </app-check-process-model>
  84 </div>