diff options
Diffstat (limited to 'usecaseui-portal/src')
4 files changed, 41 insertions, 22 deletions
diff --git a/usecaseui-portal/src/app/mock/json/slicing_task_auditInfo.json b/usecaseui-portal/src/app/mock/json/slicing_task_auditInfo.json index 8305a03e..687ec521 100644 --- a/usecaseui-portal/src/app/mock/json/slicing_task_auditInfo.json +++ b/usecaseui-portal/src/app/mock/json/slicing_task_auditInfo.json @@ -10,7 +10,7 @@ "processing_status": "WaitingToConfirm",
"business_demand_info": {
"service_name": "5G Slice eMMB",
- "service_snssai": "1-010101",
+ "service_snssai": "",
"exp_data_rate_dl": "300",
"exp_data_rate_ul": "300",
"ue_mobility_level": "stationary",
diff --git a/usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.html b/usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.html index 08edd8d6..8931277b 100644 --- a/usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.html +++ b/usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.html @@ -38,7 +38,7 @@ <nz-list class="taskmodel_list" - [nzDataSource]="businessRequirement" + [nzDataSource]="requirement" nzBordered [nzHeader]="businessItemTitle" [nzFooter]="null" @@ -53,7 +53,7 @@ nzType="flex" nzJustify="start" [nzGutter]="8" - *ngFor="let list of businessList" + *ngFor="let list of businessListAfterSorting" > <div nz-col @@ -68,7 +68,7 @@ <nz-tag *ngFor="let value of item[ite.key]"> {{value}} </nz-tag> - </span> + </span> </div> </nz-list-item> </ng-template> diff --git a/usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.ts b/usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.ts index d718d9d3..538b08c5 100644 --- a/usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.ts +++ b/usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.ts @@ -1,5 +1,6 @@ import { Component, OnInit, Input } from '@angular/core'; -import { BUSINESS_REQUIREMENT } from '../../../../constants/constants'; +import { BUSINESS_REQUIREMENT } from '@src/constants/constants'; +import {el} from "@angular/platform-browser/testing/src/browser_util"; @Component({ selector: 'app-basic-info', templateUrl: './basic-info.component.html', @@ -14,10 +15,36 @@ export class BasicInfoComponent implements OnInit { // 业务需求列表 businessList: object[] = BUSINESS_REQUIREMENT; - + requirement: object = [{}]; + businessListAfterSorting: object[] = []; constructor() { } ngOnInit() { + } + ngOnChanges() { // Business Requirement Info: Render the page according to whether there is a value + this.businessListAfterSorting = []; + this.businessList = BUSINESS_REQUIREMENT.concat([]); + if(this.businessRequirement && this.businessRequirement.length !== 0){ + Object.keys(this.businessRequirement[0]).map((item,index)=>{ + if(this.businessRequirement[0][item] !== '' && this.businessRequirement[0][item] !== null){ + this.requirement[0][item] = this.businessRequirement[0][item]; + + }else{ + this.businessList.map((items,indexs)=>{ + if(Array.isArray(items) === false && items["key"] === item){ + this.businessList.splice(indexs,1) + } + }) + } + }); + let area = this.businessList.pop(); + for(let i=0;i<this.businessList.length-1;i+=3){ + this.businessListAfterSorting.push(this.businessList.slice(i,i+3)); + } + this.businessListAfterSorting.push(area); + } + } + } diff --git a/usecaseui-portal/src/constants/constants.ts b/usecaseui-portal/src/constants/constants.ts index 3469dd93..2514b65a 100644 --- a/usecaseui-portal/src/constants/constants.ts +++ b/usecaseui-portal/src/constants/constants.ts @@ -22,7 +22,7 @@ export const TASK_PROCESSING_STATUS = [ ]
export const BUSINESS_REQUIREMENT = [
- [
+
{
title: 'Slicing Business Name',
key: 'service_name'
@@ -35,8 +35,6 @@ export const BUSINESS_REQUIREMENT = [ title: 'Data Rate Downlink (Mbps) ',
key: 'exp_data_rate_dl'
},
- ],
- [
{
title: 'Data Rate Uplink (Mbps) ',
key: 'exp_data_rate_ul'
@@ -49,10 +47,8 @@ export const BUSINESS_REQUIREMENT = [ title: 'Latency (ms)',
key: 'latency'
},
- ],
- [
{
- title: 'Use Interval (Moon) ',
+ title: 'Use Interval (Month) ',
key: 'use_interval'
},
@@ -64,8 +60,6 @@ export const BUSINESS_REQUIREMENT = [ title: 'Resource Sharing Level',
key: 'resource_sharing_level'
},
- ],
- [
{
title: 'Max Number of UEs',
key: 'max_number_of_ues'
@@ -77,15 +71,13 @@ export const BUSINESS_REQUIREMENT = [ {
title: 'Downlink Regional Traffic Density（Mbps/km ）',
key: 'area_traffic_cap_dl'
- }
- ],
- [
- {
- title: 'Area',
- key: 'area'
},
- ],
-
+ [
+ {
+ title: 'Area',
+ key: 'area'
+ }
+ ]
]
|