@Injectable()\r
export class SlicingTaskServices {\r
constructor(private http: HttpClient) { }\r
- baseUrl: string = '/api/uui-slicing/nsmf';\r
+ baseUrl: string = '/api/usecaseui-server/v1/uui-slicing/nsmf';\r
url = {\r
slicingTaskList: this.baseUrl + "/task/business/pageNo/{pageNo}/pageSize/{pageSize}",\r
taskProcessingStatus: this.baseUrl + '/task/{processingStatus}/business/pageNo/{pageNo}/pageSize/{pageSize}',\r
slicingInstance: this.baseUrl + '/resource/nsi/instances/pageNo/{pageNo}/pageSize/{pageSize}',\r
slicingSubnetInstance: this.baseUrl + '/resource/nsi/{nsiId}/nssiInstances',\r
subnetInContext: this.baseUrl + '/resource/nssi/{environmentContext}/instances/pageNo/{pageNo}/pageSize/{pageSize}',\r
- submitSlicing: this.baseUrl + '/task/auditInfo', \r
+ submitSlicing: this.baseUrl + '/task/auditInfo',\r
slicingBasicInfo: this.baseUrl + '/task/{taskId}/taskCreationInfo',\r
slicingCreateProgress: this.baseUrl + '/task/{taskId}/taskCreationProgress',\r
//slicing-business-management\r
- slicingBusinessList:this.baseUrl+"/resource/business/pageNo/{pageNo}/pageSize/{pageSize}",\r
- slicingBusinesQueryOfStatus:this.baseUrl+"/resource/{businessStatus}/business/pageNo/{pageNo}/pageSize/{pageSize}",\r
- activateSlicingService:this.baseUrl+"/resource/{serviceId}/activate",\r
- deactivateSlicingService:this.baseUrl+"/resource/{serviceId}/deactivate",\r
- terminateSlicingService:this.baseUrl+"/resource/{serviceId}",\r
- queryOperationProgress:this.baseUrl+"/resource/{serviceId}/progress",\r
- slicingBusinessDetail:this.baseUrl+"/resource/business/{businessId}/details",\r
+ slicingBusinessList: this.baseUrl + "/resource/business/pageNo/{pageNo}/pageSize/{pageSize}",\r
+ slicingBusinesQueryOfStatus: this.baseUrl + "/resource/{businessStatus}/business/pageNo/{pageNo}/pageSize/{pageSize}",\r
+ activateSlicingService: this.baseUrl + "/resource/{serviceId}/activate",\r
+ deactivateSlicingService: this.baseUrl + "/resource/{serviceId}/deactivate",\r
+ terminateSlicingService: this.baseUrl + "/resource/{serviceId}",\r
+ queryOperationProgress: this.baseUrl + "/resource/{serviceId}/progress",\r
+ slicingBusinessDetail: this.baseUrl + "/resource/business/{businessId}/details",\r
//slicing-nsi-management\r
- slicingNsiList:this.baseUrl+"/resource/nsi/instances/pageNo/{pageNo}/pageSize/{pageSize}",\r
- slicingNsiQueryOfStatus:this.baseUrl+"/resource/nsi/{instanceStatus}/instances/pageNo/{pageNo}/pageSize/{pageSize}",\r
- slicingNsiDetail:this.baseUrl+"/resource/nsi/{nsiId}/details",\r
+ slicingNsiList: this.baseUrl + "/resource/nsi/instances/pageNo/{pageNo}/pageSize/{pageSize}",\r
+ slicingNsiQueryOfStatus: this.baseUrl + "/resource/nsi/{instanceStatus}/instances/pageNo/{pageNo}/pageSize/{pageSize}",\r
+ slicingNsiDetail: this.baseUrl + "/resource/nsi/{nsiId}/details",\r
//slicing-nssi-management\r
- slicingNssiList:this.baseUrl+"/resource/nssi/instances/pageNo/{pageNo}/pageSize/{pageSize}",\r
- slicingNssiQueryOfStatus:this.baseUrl+"/resource/nssi/{instanceStatus}/instances/pageNo/{pageNo}/pageSize/{pageSize}",\r
- slicingNssiDetail:this.baseUrl+"/resource/nssi/{nssiId}/details",\r
+ slicingNssiList: this.baseUrl + "/resource/nssi/instances/pageNo/{pageNo}/pageSize/{pageSize}",\r
+ slicingNssiQueryOfStatus: this.baseUrl + "/resource/nssi/{instanceStatus}/instances/pageNo/{pageNo}/pageSize/{pageSize}",\r
+ slicingNssiDetail: this.baseUrl + "/resource/nssi/{nssiId}/details",\r
//monitor 5G\r
- fetchTraffic:this.baseUrl+"/monitoring/queryTimestamp/{queryTimestamp}/trafficData",\r
- fetchOnlineusers:this.baseUrl+"/monitoring/queryTimestamp/{queryTimestamp}/onlineUsers",\r
- fetchBandwidth:this.baseUrl+"/monitoring/queryTimestamp/{queryTimestamp}/bandwidth"\r
+ fetchTraffic: this.baseUrl + "/monitoring/queryTimestamp/{queryTimestamp}/trafficData",\r
+ fetchOnlineusers: this.baseUrl + "/monitoring/queryTimestamp/{queryTimestamp}/onlineUsers",\r
+ fetchBandwidth: this.baseUrl + "/monitoring/queryTimestamp/{queryTimestamp}/bandwidth"\r
}\r
\r
\r
- \r
+\r
// Get slicing order task list\r
- getSlicingTaskList (pageNo: string, pageSize: string) {\r
+ getSlicingTaskList(pageNo: string, pageSize: string) {\r
const url = this.url.slicingTaskList\r
- .replace("{pageNo}", pageNo)\r
- .replace("{pageSize}", pageSize);\r
+ .replace("{pageNo}", pageNo)\r
+ .replace("{pageSize}", pageSize);\r
return this.http.get<any>(url);\r
}\r
// Get list based on task processing status\r
- getTaskProcessingStatus (processingStatus: string, pageNo: string, pageSize: string) {\r
+ getTaskProcessingStatus(processingStatus: string, pageNo: string, pageSize: string) {\r
const url = this.url.taskProcessingStatus\r
- .replace('{processingStatus}', processingStatus)\r
- .replace("{pageNo}", pageNo)\r
- .replace("{pageSize}", pageSize);\r
+ .replace('{processingStatus}', processingStatus)\r
+ .replace("{pageNo}", pageNo)\r
+ .replace("{pageSize}", pageSize);\r
return this.http.get<any>(url);\r
}\r
// Get \r
- getAuditInfo (taskId: string){\r
+ getAuditInfo(taskId: string) {\r
const url = this.url.auditInfo.replace('{taskId}', taskId);\r
return this.http.get<any>(url);\r
}\r
- getSlicingInstance (pageNo: string, pageSize: string){\r
+ getSlicingInstance(pageNo: string, pageSize: string) {\r
const url = this.url.slicingInstance\r
- .replace("{pageNo}", pageNo)\r
- .replace("{pageSize}", pageSize);\r
+ .replace("{pageNo}", pageNo)\r
+ .replace("{pageSize}", pageSize);\r
return this.http.get<any>(url);\r
}\r
- getSlicingSubnetInstance(nsiId: string){\r
+ getSlicingSubnetInstance(nsiId: string) {\r
const url = this.url.slicingSubnetInstance.replace('{nsiId}', nsiId);\r
return this.http.get<any>(url);\r
}\r
- getSubnetInContext (context: string, pageNo: string, pageSize: string) {\r
+ getSubnetInContext(context: string, pageNo: string, pageSize: string) {\r
const url = this.url.subnetInContext\r
- .replace('{environmentContext}', context)\r
- .replace('{pageNo}', pageNo)\r
- .replace('{pageSize}', pageSize);\r
+ .replace('{environmentContext}', context)\r
+ .replace('{pageNo}', pageNo)\r
+ .replace('{pageSize}', pageSize);\r
return this.http.get<any>(url);\r
}\r
- submitSlicing (reqbody) {\r
+ submitSlicing(reqbody) {\r
return this.http.put<any>(this.url.submitSlicing, reqbody)\r
}\r
- getSlicingBasicInfo (taskId: string) {\r
+ getSlicingBasicInfo(taskId: string) {\r
const url = this.url.slicingBasicInfo.replace('{taskId}', taskId);\r
return this.http.get<any>(url);\r
}\r
- getSlicingCreateProgress (taskId: string) {\r
+ getSlicingCreateProgress(taskId: string) {\r
const url = this.url.slicingCreateProgress.replace('{taskId', taskId);\r
return this.http.get<any>(url);\r
}\r
\r
// Get slicing business list\r
- getSlicingBusinessList (paramsObj,isSelect: boolean) {\r
- let url = this.url.slicingBusinessList .replace("{pageNo}", paramsObj.pageNo)\r
+ getSlicingBusinessList(paramsObj, isSelect: boolean) {\r
+ let url = this.url.slicingBusinessList.replace("{pageNo}", paramsObj.pageNo)\r
.replace("{pageSize}", paramsObj.pageSize);\r
- if(isSelect){\r
+ if (isSelect) {\r
url = this.url.slicingBusinesQueryOfStatus.replace("{businessStatus}", paramsObj.businessStatus).replace("{pageNo}", paramsObj.pageNo)\r
.replace("{pageSize}", paramsObj.pageSize);\r
}\r
return this.http.get<any>(url);\r
}\r
// change slicing business activate status\r
- changeActivateSlicingService(paramsObj, activate: boolean){\r
+ changeActivateSlicingService(paramsObj, activate: boolean) {\r
let url = this.url.activateSlicingService.replace("{serviceId}", paramsObj.serviceId);\r
- if(activate){\r
+ if (activate) {\r
url = this.url.deactivateSlicingService.replace("{serviceId}", paramsObj.serviceId)\r
}\r
- return this.http.put<any>(url,paramsObj);\r
+ return this.http.put<any>(url, paramsObj);\r
}\r
// terminate slicing business\r
- terminateSlicingService(paramsObj){\r
+ terminateSlicingService(paramsObj) {\r
const url = this.url.terminateSlicingService.replace('{serviceId}', paramsObj.serviceId);\r
return this.http.delete<any>(url);\r
}\r
return this.http.get<any>(url);\r
}\r
//get slicingBusinessDetail\r
- getSlicingBusinessDetail(businessId: string){\r
- let url = this.url.slicingBusinessDetail.replace("{businessId}",businessId);\r
+ getSlicingBusinessDetail(businessId: string) {\r
+ let url = this.url.slicingBusinessDetail.replace("{businessId}", businessId);\r
return this.http.get<any>(url);\r
}\r
// Get slicing nsi list\r
- getSlicingNsiList (paramsObj,isSelect: boolean) {\r
- let url = this.url.slicingNsiList .replace("{pageNo}", paramsObj.pageNo)\r
+ getSlicingNsiList(paramsObj, isSelect: boolean) {\r
+ let url = this.url.slicingNsiList.replace("{pageNo}", paramsObj.pageNo)\r
.replace("{pageSize}", paramsObj.pageSize);\r
- if(isSelect){\r
+ if (isSelect) {\r
url = this.url.slicingNsiQueryOfStatus.replace("{instanceStatus}", paramsObj.instanceStatus).replace("{pageNo}", paramsObj.pageNo)\r
.replace("{pageSize}", paramsObj.pageSize);\r
}\r
return this.http.get<any>(url);\r
}\r
//get slicingNsiDetail\r
- getSlicingNsiDetail(nsiId: string){\r
- let url = this.url.slicingNsiDetail.replace("{nsiId}",nsiId);\r
+ getSlicingNsiDetail(nsiId: string) {\r
+ let url = this.url.slicingNsiDetail.replace("{nsiId}", nsiId);\r
return this.http.get<any>(url);\r
}\r
// Get slicing nssi list\r
- getSlicingNssiList (paramsObj,isSelect: boolean) {\r
- let url = this.url.slicingNssiList .replace("{pageNo}", paramsObj.pageNo)\r
+ getSlicingNssiList(paramsObj, isSelect: boolean) {\r
+ let url = this.url.slicingNssiList.replace("{pageNo}", paramsObj.pageNo)\r
.replace("{pageSize}", paramsObj.pageSize);\r
- if(isSelect){\r
+ if (isSelect) {\r
url = this.url.slicingNssiQueryOfStatus.replace("{instanceStatus}", paramsObj.instanceStatus).replace("{pageNo}", paramsObj.pageNo)\r
.replace("{pageSize}", paramsObj.pageSize);\r
}\r
return this.http.get<any>(url);\r
}\r
//get slicingNssiDetail\r
- getSlicingNssiDetail(nssiId: string){\r
- let url = this.url.slicingNssiDetail.replace("{nssiId}",nssiId);\r
+ getSlicingNssiDetail(nssiId: string) {\r
+ let url = this.url.slicingNssiDetail.replace("{nssiId}", nssiId);\r
return this.http.get<any>(url);\r
}\r
//monitor 5G\r
- getFetchTraffic(service_list,time){\r
- let url = this.url.fetchTraffic.replace("{queryTimestamp}",time);\r
- return this.http.post<any>(url,service_list);\r
+ getFetchTraffic(service_list, time) {\r
+ let url = this.url.fetchTraffic.replace("{queryTimestamp}", time);\r
+ return this.http.post<any>(url, service_list);\r
}\r
- getFetchOnlineusers(service_list,time){\r
- let url = this.url.fetchOnlineusers.replace("{queryTimestamp}",time);\r
- return this.http.post<any>(url,service_list);\r
+ getFetchOnlineusers(service_list, time) {\r
+ let url = this.url.fetchOnlineusers.replace("{queryTimestamp}", time);\r
+ return this.http.post<any>(url, service_list);\r
}\r
- getFetchBandwidth(service_list,time){\r
- let url = this.url.fetchBandwidth.replace("{queryTimestamp}",time);\r
- return this.http.post<any>(url,service_list);\r
+ getFetchBandwidth(service_list, time) {\r
+ let url = this.url.fetchBandwidth.replace("{queryTimestamp}", time);\r
+ return this.http.post<any>(url, service_list);\r
}\r
\r
}\r
export class SlicingTaskManagementComponent implements OnInit {
constructor(private myhttp: SlicingTaskServices, private message: NzMessageService) { }
-
+
showDetail: boolean = false;
showProcess: boolean = false;
selectedValue = null;
taskId: string;
moduleTitle: string = "";
- listOfData: any[] = [];
+ listOfData: any[] = [];
statusOptions: any[] = TASK_PROCESSING_STATUS;
loading: boolean = false;
total: number = 1;
pageSize: string = '10';
pageNum: string = '1';
- ngOnInit() {
+ ngOnInit() {
this.getTaskList()
}
- getTaskList (): void{
+ getTaskList(): void {
const { pageNum, pageSize } = this;
this.loading = true;
- this.myhttp.getSlicingTaskList(pageNum, pageSize).subscribe (res => {
+ this.myhttp.getSlicingTaskList(pageNum, pageSize).subscribe(res => {
const { result_header: { result_code }, result_body } = res
if (+result_code === 200) {
const { slicing_task_list, record_number } = result_body;
this.total = record_number;
} else {
this.message.error('Failed to get form data')
- }
+ }
this.loading = false;
})
}
- processingStatusChange():void {
+ processingStatusChange(): void {
this.pageSize = '10';
this.pageNum = '1';
if (this.selectedValue) {
}
}
- getListOfProcessingStatus (): void {
+ getListOfProcessingStatus(): void {
const { selectedValue, pageNum, pageSize } = this;
this.loading = true;
- this.myhttp.getTaskProcessingStatus(selectedValue, pageNum+'', pageSize+'').subscribe (res => {
- const { result_header: { result_code }, result_body } = res
- if (+result_code === 200) {
- const { slicing_task_list,record_number } = result_body;
- this.dataFormatting(slicing_task_list)
- this.total = record_number;
- } else {
- this.message.error('Failed to get form data')
- }
- this.loading = false;
- })
+ this.myhttp.getTaskProcessingStatus(selectedValue, pageNum + '', pageSize + '').subscribe(res => {
+ const { result_header: { result_code }, result_body } = res
+ if (+result_code === 200) {
+ const { slicing_task_list, record_number } = result_body;
+ this.dataFormatting(slicing_task_list)
+ this.total = record_number;
+ } else {
+ this.message.error('Failed to get form data')
+ }
+ this.loading = false;
+ })
}
- pageSizeChange (pageSize: number): void{
+ pageSizeChange(pageSize: number): void {
this.pageSize = pageSize + '';
const { selectedValue } = this;
if (selectedValue) {
}
}
- pageNumChange (pageNum: number): void{
+ pageNumChange(pageNum: number): void {
this.pageNum = pageNum + '';
const { selectedValue } = this;
if (selectedValue) {
}
}
- dataFormatting(list: any):void{
- this.listOfData = list.map( item => {
- item.arrival_time = moment(+item.arrival_time).format('YYYY-MM-DD hh:mm')
- switch (item.processing_status){
+ 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 = '规划阶段';
item.operation = '任务处理'
item.status = '切片创建中';
item.operation = '查看进度'
break;
- case 'Completed':
+ case 'Completed':
item.status = '创建完成';
item.operation = '查看结果'
break;
showdetail(data: any): void {
this.taskId = data.task_id;
this.moduleTitle = data.status;
- if(data.status === '审核阶段') {
+ if (data.status === '审核阶段') {
this.showDetail = true;
} else {
this.showProcess = true;