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

   1 <div>
   2   <div nz-row>
   3     <div nz-col nzSpan="6">
   4       <span>Status：</span>
   5       <nz-select nzShowSearch nzAllowClear nzPlaceHolder="Select a person" [(ngModel)]="selectedValue">
   6         <nz-option nzLabel="Jack" nzValue="jack"></nz-option>
   7         <nz-option nzLabel="Lucy" nzValue="lucy"></nz-option>
   8         <nz-option nzLabel="Tom" nzValue="tom"></nz-option>
   9       </nz-select>
  10     </div>
  11   </div>
  12   <div>
  13     <nz-table #basicTable [nzData]="listOfData">
  14       <thead>
  15         <tr>
  16           <th>任务ID</th>
  17           <th>任务名称</th>
  18           <th>S-NSSAI</th>
  19           <th>切片业务类型</th>
  20           <th>到达时间</th>
  21           <th>处理环节</th>
  22           <th>操作</th>
  23         </tr>
  24       </thead>
  25       <tbody>
  26         <tr *ngFor="let data of basicTable.data">
  27           <td>{{ data.task_id }}</td>
  28           <td>{{ data.task_name }}</td>
  29           <td>{{ data.service_snssai }}</td>
  30           <td>{{ data.service_type }}</td>
  31           <td>{{ data.arrival_time }}</td>
  32           <td>{{ data.status }}</td>
  33           <td>
  34             <span *ngIf="data.processing_status === 'Planning'">任务处理</span>
  35             <a (click)="showdetail(data)" *ngIf="data.processing_status === 'Waiting to Confirm'">任务处理</a>
  36             <a (click)="showdetail(data)" *ngIf="data.processing_status === 'Creating'">查看进度</a>
  37             <a (click)="showdetail(data)" *ngIf="data.processing_status === 'Completed'">查看结果</a>
  38           </td>
  39         </tr>
  40       </tbody>
  41     </nz-table>
  42   </div>
  43   <app-slicing-task-model [moduleTitle]="moduleTitle" [showDetail]="showDetail" [modelData]="detailData"
  44     (cancel)="showDetail=$event">
  45   </app-slicing-task-model>
  46 </div>