diff options
Diffstat (limited to 'usecaseui-portal/src/app/views')
4 files changed, 96 insertions, 53 deletions
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.ts index 4656c32e..80cad730 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.ts +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.ts @@ -55,11 +55,15 @@ export class CheckProcessModelComponent implements OnInit { processing_status, business_demand_info, nst_info, - business_demand_info: { service_snssai } + business_demand_info: { service_snssai, coverage_area_ta_list } } = result_body; // 处理配置审核详情数据 this.checkDetail = [{ task_id, task_name, create_time, processing_status, service_snssai }]; // 业务需求信息数据 + business_demand_info.area = coverage_area_ta_list.map(item => { + item = item.split(';').join('-') + return item + }) this.businessRequirement = [business_demand_info]; // 匹配NST信息 this.NSTinfo = [nst_info]; diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.html index 85ed0880..ff5ec273 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.html +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.html @@ -1,49 +1,84 @@ <div> - <div nz-row> - <div nz-col nzSpan="12" class="task_status"> - <span>Status : </span> - <nz-select nzShowSearch nzAllowClear [(ngModel)]="selectedValue" nzPlaceHolder="Select a processing status" - (ngModelChange)="processingStatusChange()"> - <nz-option *ngFor="let item of statusOptions" [nzLabel]="item.title" [nzValue]="item.value"></nz-option> - </nz-select> - </div> - </div> - <div> - <nz-table #basicTable nzShowPagination nzPageSizeOptions nzShowSizeChanger [nzTotal]="total" [nzLoading]="loading" - [nzData]="listOfData" [nzFrontPagination]="false" (nzPageSizeChange)="pageSizeChange($event)" - (nzPageIndexChange)="pageNumChange($event)"> - <thead> - <tr> - <th>任务ID</th> - <th>任务名称</th> - <th>S-NSSAI</th> - <th>切片业务类型</th> - <th>到达时间</th> - <th>处理环节</th> - <th>操作</th> - </tr> - </thead> - <tbody> - <tr *ngFor="let data of basicTable.data"> - <td>{{ data.task_id }}</td> - <td>{{ data.task_name }}</td> - <td>{{ data.service_snssai }}</td> - <td>{{ data.service_type }}</td> - <td>{{ data.create_time }}</td> - <td>{{ data.status }}</td> - <td> - <span *ngIf="data.processing_status === 'Planning'" - class="task_operation_disabled">{{ data.operation }}</span> - <a (click)="showdetail(data)" *ngIf="data.processing_status !== 'Planning'">{{ data.operation }}</a> - </td> - </tr> - </tbody> - </nz-table> - </div> - <app-slicing-task-model [moduleTitle]="moduleTitle" [showDetail]="showDetail" [taskId]="taskId" - (cancel)="showDetail=$event"> - </app-slicing-task-model> - <app-check-process-model [moduleTitle]="moduleTitle" [showProcess]="showProcess" [taskId]="taskId" - (cancel)="showProcess=$event"> - </app-check-process-model> -</div>
\ No newline at end of file + <div nz-row> + <div nz-col nzSpan="12" class="task_status"> + <span>Status : </span> + <nz-select + nzShowSearch + nzAllowClear + [(ngModel)]="selectedValue" + nzPlaceHolder="Select a processing status" + (ngModelChange)="processingStatusChange()" + > + <nz-option + *ngFor="let item of statusOptions" + [nzLabel]="item.title" + [nzValue]="item.value" + ></nz-option> + </nz-select> + </div> + </div> + <div> + <nz-table + #basicTable + nzShowPagination + nzPageSizeOptions + nzShowSizeChanger + [nzTotal]="total" + [nzLoading]="loading" + [nzData]="listOfData" + [nzPageIndex]="pageNum" + [nzPageSize]="pageSize" + [nzFrontPagination]="false" + (nzPageSizeChange)="pageSizeChange($event)" + (nzPageIndexChange)="pageNumChange($event)" + > + <thead> + <tr> + <th>任务ID</th> + <th>任务名称</th> + <th>S-NSSAI</th> + <th>切片业务类型</th> + <th>到达时间</th> + <th>处理环节</th> + <th>操作</th> + </tr> + </thead> + <tbody> + <tr *ngFor="let data of basicTable.data"> + <td>{{ data.task_id }}</td> + <td>{{ data.task_name }}</td> + <td>{{ data.service_snssai }}</td> + <td>{{ data.service_type }}</td> + <td>{{ data.create_time | date: "yyyy-MM-dd HH:mm:ss"}}</td> + <td>{{ data.status }}</td> + <td> + <span + *ngIf="data.processing_status === 'Planning'" + class="task_operation_disabled" + >{{ data.operation }}</span + > + <a + (click)="showdetail(data)" + *ngIf="data.processing_status !== 'Planning'" + >{{ data.operation }}</a + > + </td> + </tr> + </tbody> + </nz-table> + </div> + <app-slicing-task-model + [moduleTitle]="moduleTitle" + [showDetail]="showDetail" + [taskId]="taskId" + (cancel)="showDetail = $event" + > + </app-slicing-task-model> + <app-check-process-model + [moduleTitle]="moduleTitle" + [showProcess]="showProcess" + [taskId]="taskId" + (cancel)="showProcess = $event" + > + </app-check-process-model> +</div> diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.ts index e70e6d44..fd135a61 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.ts +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.ts @@ -1,6 +1,5 @@ import { Component, OnInit } from '@angular/core'; import { NzMessageService } from 'ng-zorro-antd'; -import * as moment from 'moment'; import { SlicingTaskServices } from '.././../../../core/services/slicingTaskServices'; import { TASK_PROCESSING_STATUS } from '../../../../../constants/constants'; @@ -93,7 +92,6 @@ export class SlicingTaskManagementComponent implements OnInit { dataFormatting(list: any): void { this.listOfData = list.map(item => { - item.create_time = moment(item.create_time).format('YYYY-MM-DD hh:mm') switch (item.processing_status) { case 'Planning': item.status = '规划阶段'; diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.ts index f9ef1511..3ccd8698 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.ts +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.ts @@ -96,8 +96,9 @@ export class SlicingTaskModelComponent implements OnInit { create_time, processing_status, business_demand_info, - nst_info, nsi_nssi_info, - business_demand_info: { service_snssai } + nst_info, + nsi_nssi_info, + business_demand_info: { service_snssai, coverage_area_ta_list } } = res.result_body; const { suggest_nsi_id, @@ -127,6 +128,10 @@ export class SlicingTaskModelComponent implements OnInit { // 处理配置审核详情数据 this.checkDetail = [{ task_id, task_name, create_time, processing_status, service_snssai }]; // 业务需求信息数据 + business_demand_info.area = coverage_area_ta_list.map(item => { + item = item.split(';').join('-') + return item + }) this.businessRequirement = [business_demand_info]; // 匹配NST信息 this.NSTinfo = [nst_info]; @@ -347,6 +352,7 @@ export class SlicingTaskModelComponent implements OnInit { cn_suggest_nssi_name: slicingSubnet[2].slicingName, ...slicingSubnet[2].params, } + delete businessRequirement[0].area let reqBody = {...checkDetail[0], business_demand_info: businessRequirement[0], nst_info: NSTinfo[0], nsi_nssi_info}; delete reqBody.service_snssai; this.notification1.notificationStart('Task', 'Sumbit', this.taskId) |