diff options
Diffstat (limited to 'usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management')
3 files changed, 100 insertions, 8 deletions
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 @@ <p> <img src="../../../../../../../assets/images/an-img.png" class="anImg"/> </p> - <p>{{businessDetailInfo.anVersion}}</p> + <!-- <p *ngIf="isshowran" class="ran_text">{{rantext}}</p> --> + <p>{{businessDetailInfo.anVersion}} + <!-- <img src="../../../../../../../assets/images/ask-img.png" alt="" + class="detail-icon" + (mouseover)="detailFn(false,'ran')" (mouseleave)="detailFn(false,'ran')" /></p> --> </li> <li class="vLan-line"> <p > - vLan:{{businessDetailInfo.vLanText}} + Vlan ID:{{businessDetailInfo.vLanText}} </p> <p [ngClass]="{'online-type':status=='activated','offline-type':status!=='activated'}"></p> </li> @@ -75,7 +79,7 @@ </li> <li class="vLan-line"> <p > - vLan:{{businessDetailInfo.cnVlan}} + Vlan ID:{{businessDetailInfo.cnVlan}} </p> <p [ngClass]="{'online-type':status=='activated','offline-type':status!=='activated'}"></p> </li> @@ -83,7 +87,12 @@ <p> <img src="../../../../../../../assets/images/cn-cloud-img.jpg" class="cnCloud"/> </p> - <p>{{businessDetailInfo.cnVersion}}</p> + <!-- <p *ngIf="isshowran" class="cor_text">{{rantext}}</p> --> + <p>{{businessDetailInfo.cnVersion}} + <!-- <img src="../../../../../../../assets/images/ask-img.png" alt="" + class="core_icon" + (mouseover)="detailFn(true,'core')" (mouseleave)="detailFn(false,'core')" /> --> + </p> </li> </ul> </div> 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 |