1 files changed, 164 insertions, 6 deletions

diff --git a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.ts
index 0647b76d..f31f4dd1 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.ts
+++ b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.ts
@@ -1,5 +1,8 @@
 import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
-import {COMMUNICATION_FORM_ITEMS} from "../../../../../../constants/constants";
+import {COMMUNICATION_FORM_ITEMS, COMMUNICATION_FORM_ADDRESS} from "../../../../../../constants/constants";
+import {SlicingTaskServices} from "../../../../../core/services/slicingTaskServices";
+import {NzMessageService} from "ng-zorro-antd";
+
 @Component({
   selector: 'app-business-order',
   templateUrl: './business-order.component.html',
@@ -7,18 +10,173 @@ import {COMMUNICATION_FORM_ITEMS} from "../../../../../../constants/constants";
 })
 export class BusinessOrderComponent implements OnInit {
 
-  constructor() { }
+    constructor(
+        private myhttp: SlicingTaskServices,
+        private message: NzMessageService
+        ) {
+    }
 
-  ngOnInit() {
-  }
+    ngOnInit() {
+    }
+    ngOnChanges() {
+        this.AreaFormatting();
+    }
     @Input() showModel: boolean;
     @Output() cancel = new EventEmitter<boolean>();
+    comunicationFormItems = COMMUNICATION_FORM_ITEMS;
+    slicing_order_info = {
+        name: null,
+        maxNumberofUEs: null,
+        expDataRateDL: null,
+        latency: null,
+        expDataRateUL: null,
+        resourceSharingLevel: "shared",
+        uEMobilityLevel: null,
+        useInterval: null,
+        coverageArea: ''
+    };
+    areaList: any[] = [];
+    isSpinning: boolean = false;
+    AreaFormatting() {
+        let areaList = ['Beijing;Beijing;Haidian District;Wanshoulu Street'];
+        this.areaList = areaList.map((item: any) => {
+            let arr = item.split(';');
+            item = arr.map((ite, index) => {
+                let key: string;
+                if (!index) {
+                    key = 'province';
+                } else if (index === 1) {
+                    key = 'city'
+                } else if (index === 2) {
+                    key = 'district'
+                } else {
+                    key = 'street'
+                }
+                const obj: any = {};
+                obj.key = key;
+                obj.selected = ite
+                obj.options = [{name: ite, id: ite}]
+                return obj
+            })
+            return item;
+        })
+    }
+
+    creatAreaList (): void {
+        let arr = [
+            {
+                key: 'province',
+                selected: '',
+                options: []
+            },
+            {
+                key: 'city',
+                selected: '',
+                options: []
+            },
+            {
+                key: 'district',
+                selected: '',
+                options: []
+            },
+            {
+                key: 'street',
+                selected: '',
+                options: []
+            }
+        ]
+        this.areaList.push(arr)
+    }
+
+    deleteAreaList (index: number): void {
+        this.areaList.splice(index,1);
+    }
+
+    handleChange(area: any[], areaItem: any): void{
+        if (areaItem.key === 'province' && areaItem.options.length <= 1) {
+            areaItem.options = COMMUNICATION_FORM_ADDRESS;
+        } else if (areaItem.key === 'city' && areaItem.options.length <= 1) {
+            COMMUNICATION_FORM_ADDRESS.forEach( item => {
+                if(item.name === area[0].selected) {
+                    areaItem.options = item.city;
+                }
+            })
+        }else if (areaItem.key === 'district' && areaItem.options.length <= 1) {
+            COMMUNICATION_FORM_ADDRESS.forEach( (item: any) => {
+                item.city.forEach(city => {
+                    if (city.name === area[1].selected) {
+                        areaItem.options = city.county;
+                    }
+                })
+            })
+        }else if (areaItem.key === 'street' && areaItem.options.length <= 1) {
+            COMMUNICATION_FORM_ADDRESS.forEach( (item: any) => {
+                item.city.forEach(city => {
+                    if (city.name === area[1].selected) {
+                        city.county.forEach(county => {
+                            if (county.name === area[2].selected) {
+                                areaItem.options = county.street;
+                            }
+                        })
+                    }
+                })
+            })
+        }
+    }
+
+    handleChangeSelected(area: any[], areaItem: any) {
+        if (areaItem.key === 'province') {
+            area[1].selected = ''
+            area[1].options = [];
+            area[2].selected = '';
+            area[2].options = [];
+            area[3].selected = '';
+            area[3].options = [];
+        } else if (areaItem.key === 'city') {
+            area[2].selected = '';
+            area[2].options = [];
+            area[3].selected = '';
+            area[3].options = [];
+        }else if (areaItem.key === 'district') {
+            area[3].selected = '';
+            area[3].options = [];
+        }
+    }
 
     handleCancel() {
         this.showModel = false;
         this.cancel.emit(this.showModel)
     }
-    handleOk() {
-        console.log(1)
+
+    handleOk(): void {
+            const coverage_list: string[] = [];
+            this.areaList.forEach( item => {
+                let str: string = '';
+                item.forEach( area => {
+                    str += area.selected + ';';
+                });
+                coverage_list.push(str.substring(0, str.length-1));
+            });
+            if(coverage_list.length>1){
+                this.slicing_order_info.coverageArea = coverage_list.join('|')
+            }else {
+                this.slicing_order_info.coverageArea = coverage_list.toString();
+            }
+        let paramsObj = {
+            slicing_order_info:this.slicing_order_info
+        };
+        console.log(paramsObj,"-----paramsObj");
+        this.isSpinning = true;
+        this.myhttp.csmfSlicingPurchase(paramsObj).subscribe(res => {
+            const { result_header: { result_code, result_message }, result_body: { service_id,operation_id } } = res;
+            if (+result_code === 200) {
+                this.isSpinning = false;
+                this.handleCancel();
+            }
+        }, (err) => {
+            this.message.error(err);
+            this.handleCancel();
+            this.isSpinning = false;
+        })
     }
 }