From 2ddfe6c8f2c8f2d472a1e1756bd3491cb6550149 Mon Sep 17 00:00:00 2001 From: wangyuerg Date: Thu, 11 Mar 2021 09:40:01 +0800 Subject: feat:Logic plus protection Signed-off-by: wangyuerg Change-Id: Ifdeb26671445944bbf7a4fc6c5e551636bb13dd2 Issue-ID: USECASEUI-527 --- .../slicing-business-model.component.html | 17 +++++-- .../slicing-business-model.component.less | 52 +++++++++++++++++++++- .../slicing-business-model.component.ts | 39 ++++++++++++++-- 3 files changed, 100 insertions(+), 8 deletions(-) (limited to 'usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model') diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html index ab30564a..d90709f2 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html @@ -43,11 +43,15 @@

-

{{businessDetailInfo.anVersion}}

+ +

{{businessDetailInfo.anVersion}} +

  • - vLan:{{businessDetailInfo.vLanText}} + Vlan ID:{{businessDetailInfo.vLanText}}

    • @@ -75,7 +79,7 @@

  • - vLan:{{businessDetailInfo.cnVlan}} + Vlan ID:{{businessDetailInfo.cnVlan}}

    • @@ -83,7 +87,12 @@

    -

    {{businessDetailInfo.cnVersion}}

    + +

    {{businessDetailInfo.cnVersion}} + +

    diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less index ead96487..f3ecbe43 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less @@ -68,4 +68,54 @@ a{ width: 88px; height: auto; margin-top: 20px; -} \ No newline at end of file +} +// .ran_text{ +// width: 200px; +// height:auto; +// background: rgba(0, 0, 0, .8); +// line-height: 40px; +// border-radius: 4px; +// position: absolute; +// right: -118px; +// top: 34px; +// color:#ffffff; +// z-index:99; +// } +// .detail-icon{ +// position: absolute; +// right: -26px; +// bottom:-2px; +// width:20px; +// height:20px; +// cursor: pointer; +// } +// .ran_text::before{ +// content: ''; +// display: block; +// position: absolute; +// right: 94px; +// bottom: -16px; +// border: 20px solid transparent; +// border: 8px solid transparent; +// border-top: 8px solid rgba(0, 0, 0, .8); +// } +// .cor_text{ +// width: 200px; +// height:auto; +// background: rgba(0, 0, 0, .8); +// line-height: 40px; +// border-radius: 4px; +// text-indent: 2em; +// position: absolute; +// right: -300px; +// top: -60px; +// color:#ffffff; +// } +// .core_icon{ +// position: absolute; +// right: 22px; +// bottom:-10px; +// width:20px; +// height:20px; +// cursor: pointer; +// } \ No newline at end of file diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.ts index 2d97dc3f..f48deea6 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.ts +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.ts @@ -26,17 +26,50 @@ export class SlicingBusinessModelComponent implements OnInit { isSpinning: boolean = true; status: string = ""; businessDetailInfo : any = {} + rantext: string = "RAN Network Edge IP address"; + + isshowran: boolean = false; ngOnInit() { this.status = this.outerData.orchestration_status console.log('status',this.status) this.getDetail() } - + detailFn(flag,form){ + this.rantext = form =='ran'? "RAN Network Edge IP address" : "Core Network Edge IP address"; + this.isshowran = !this.isshowran + } getDetail() { this.myhttp.getSlicingBusinessDetail(this.businessId).then(res => { this.isSpinning = false; - const { business_demand_info, business_demand_info: { coverage_area_ta_list }, nst_info, nsi_info ,business_detail_info} = res.result_body; - this.businessDetailInfo = business_detail_info + const { business_demand_info, business_demand_info: { coverage_area_ta_list }, nst_info, nsi_info ,connection_link: { tn_bh_slice_task_info }} = res.result_body; + console.log(JSON.stringify(tn_bh_slice_task_info),11111) + // tn_bh_slice_task_info = {"suggestNssiId":null,"suggestNSSIName":null,"progress":null,"status":null,"statusDescription":null,"scriptName":null,"enableNSSISelection":null,"sliceProfile":null,"lantency":null,"max_bandWidth":null,"link_type":null} + + this.businessDetailInfo = { + "suggestNssiId": '', + "suggestNSSIName": '11111', + "progress": 'active', + "status": 'active', + "statusDescription": 'p2p/mp2p', + "scriptName": '10.1.1.1', + "enableNSSISelection": '11', + "sliceProfile": '10.1.1.1', + "lantency": '10.2.3.4.5', + "max_bandWidth": '1111', + "link_type": '333' + } + // this.businessDetailInfo = { + // "anVersion":"10.2.3.4.5", + // "vLanText":"11111", + // "tnVersion":"10.0.1.1.1", + // "mbps":"11111", + // "msText":"11111", + // "linkType":"p2p/mp2p", + // "tnEndVersion":"10.1.1.1", + // "cnVlan":"11", + // "cnVersion":"1.1.2.3", + // "orchestration_status":"active" + // } business_demand_info.area = coverage_area_ta_list.map(item => { item = item.split(';').join('-'); return item -- cgit 1.2.3-korg