this.baseUrl +\r
"/monitoring/queryTimestamp/{queryTimestamp}/bandwidth",\r
getConnectionLinkTable:\r
- "/api/usecaseui-server/v1/uui-slicing/csmf/5gSlicing/connectionLinks/pageNo/{pageNo}/pageSize/{pageSize}", // :todo\r
+ "/api/usecaseui-server/v1/uui-slicing/nsmf/task/connectionLinks/pageNo/{pageNo}/pageSize/{pageSize}", // :todo\r
};\r
\r
// Get slicing order task list\r
"nsi_type": "eMBB",
"nsi_orchestration-status": "activated"
},
- "business_detail_info":{
+ "tn_bh_slice_task_info":{
"anVersion":"10.2.3.4.5",
"vLanText":"11111",
"tnVersion":"10.0.1.1.1",
"/uui-slicing/nsmf/resource/nssi/instanceStatus/:instanceStatus/instances/pageNo/:pageNo/pageSize/:pageSize":
"/slicing_nssi_list_activated",
"/uui-slicing/nsmf/resource/nssi/:nssiId/details": "/getSlicingNssiDetail",
- "/uui-slicing/csmf/5gSlicing/connectionLinks/pageNo/:pageNo/pageSize/:pageSize":
+ "/uui-slicing/nsmf/task/connectionLinks/pageNo/:pageNo/pageSize/:pageSize":
"/tn_connectionLinkTable", // :todo
///////<-------------CSMF slicing_business--------->/////
"/uui-slicing/csmf/5gSlicing/orders/status/:status/pageNo/:pageNo/pageSize/:pageSize":
bottom:-2px;
width:20px;
height:20px;
-cursor: pointer;
-
+ cursor: pointer;
}
-
.detail-wrap::before{
content: '';
display: block;
<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>
</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>
<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>
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
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
}
addCheckStatus() {
- this.connectionLinkTable.forEach((item) => {
- if (
- item.hasOwnProperty("linkId") &&
- typeof this.formData["sliceProfile_TN_connection_links"] !==
- "undefined" &&
- this.formData["sliceProfile_TN_connection_links"] !== "" &&
- this.formData["sliceProfile_TN_connection_links"] !== null &&
- item["linkId"] ===
- this.formData["sliceProfile_TN_connection_links"]
- ) {
- item.checked = true;
- } else {
- item.checked = false;
- }
- });
+ if(this.connectionLinkTable && this.connectionLinkTable.length>0){
+ this.connectionLinkTable.forEach((item) => {
+ if (
+ item.hasOwnProperty("linkId") &&
+ typeof this.formData["sliceProfile_TN_connection_links"] !==
+ "undefined" &&
+ this.formData["sliceProfile_TN_connection_links"] !== "" &&
+ this.formData["sliceProfile_TN_connection_links"] !== null &&
+ item["linkId"] ===
+ this.formData["sliceProfile_TN_connection_links"]
+ ) {
+ item.checked = true;
+ } else {
+ item.checked = false;
+ }
+ });
+ }
}
// changeResourceShare() {
getTableHeader(): void {
// Find the common key of all data
+ if(this.connectionLinkTable && this.connectionLinkTable.length>0){
let keyList: any[] = this.connectionLinkTable.map((item) => {
return Object.keys(item);
});
}
}
});
+ }
}
pageIndexChange(e) {
Code Review / usecase-ui.git / commitdiff