feat:Optimize the code of CSMF slicing page

Change-Id: I1643dc7522678c66a6baf1e493daf6a3f29a2b57
Issue-ID: USECASEUI-368
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>

3 files changed, 23 insertions, 24 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 5320a064..99cbde98 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
@@ -48,7 +48,7 @@ export class BusinessOrderComponent implements OnInit {
         let areaList = ['Beijing;Beijing;Haidian District;Wanshoulu Street'];
         this.areaList = areaList.map((item: any) => {
             let arr = item.split(';');
-            item = arr.map((ite, index) => {
+            item = arr.map((it, index) => {
                 let key: string;
                 if (!index) {
                     key = 'province';
@@ -61,8 +61,8 @@ export class BusinessOrderComponent implements OnInit {
                 }
                 const obj: any = {};
                 obj.key = key;
-                obj.selected = ite;
-                obj.options = [{name: ite, id: ite}]
+                obj.selected = it;
+                obj.options = [{name: it, id: it}]
                 return obj
             })
             return item;
@@ -156,7 +156,7 @@ export class BusinessOrderComponent implements OnInit {
         };
     }
 
-    changeTooltipText(title): void {
+    changeTooltipText(title: string): void {
         if (title === 'Max Number of UEs') {
             this.tooltipText = 'Scope: 1-100000'
         } else if (title === 'Data Rate Downlink (Mbps)' || title === 'Data Rate Uplink (Mbps)') {
@@ -196,7 +196,7 @@ export class BusinessOrderComponent implements OnInit {
         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;
+            const {result_header: {result_code}} = res;
             if (+result_code === 200) {
                 this.isSpinning = false;
                 this.handleCancel();
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/csmf-slicing-business-management.component.html b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/csmf-slicing-business-management.component.html
index 0c3983dd..936338dc 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/csmf-slicing-business-management.component.html
+++ b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/csmf-slicing-business-management.component.html
@@ -12,7 +12,7 @@
   <div class="slicing-resource-table-list">
     <nz-table #basicTable [nzData]="listOfData" [nzFrontPagination]="false" nzShowSizeChanger
       [nzPageSizeOptions]="[5,10,15,20]" [nzTotal]='total' [(nzPageSize)]="pageSize" [(nzPageIndex)]='pageIndex'
-      [nzLoading]="loading" (nzPageIndexChange)="searchData()" (nzPageSizeChange)="searchData(true)">
+      [nzLoading]="loading" (nzPageIndexChange)="searchData()" (nzPageSizeChange)="searchData()">
       <thead>
         <tr>
           <th width=100>No</th>
@@ -44,7 +44,7 @@
             <td>
               <div class="action-icon">
                 <nz-switch [ngModel]="data.order_status==='activated'?true:false"
-                  [nzDisabled]="data.order_status === 'processing'|| (data.order_status !== 'processing' && data.last_operation_progress && data.last_operation_progress !== '100')"
+                  [nzDisabled]="data.order_status === 'processing' || data.order_status === 'error' || (data.order_status !== 'processing' && data.last_operation_progress && data.last_operation_progress !== '100')"
                   (ngModelChange)="switchChange(data,i)"></nz-switch>
                 <nz-progress
                   *ngIf="data.last_operation_type && data.last_operation_progress && data.last_operation_progress !== '100' && data.last_operation_type !== 'DELETE'"
@@ -54,7 +54,7 @@
             </td>
             <td>
               <div class="action-icon">
-                <i [ngClass]="{'cannotclick':data.order_status === 'processing' || ( data.last_operation_progress && data.last_operation_progress !== '100' && (data.last_operation_type === 'DELETE' || data.last_operation_type === 'activated'))}"
+                <i [ngClass]="{'cannotclick':data.order_status === 'processing' || data.order_status === 'error' || ( data.last_operation_progress && data.last_operation_progress !== '100' && (data.last_operation_type === 'DELETE' || data.last_operation_type === 'activated'))}"
                   nz-icon nzType="poweroff" nzTheme="outline" class="anticon anticon-poweroff"
                   (click)="terminate(data,i)"></i>
                 <nz-progress
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/csmf-slicing-business-management.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/csmf-slicing-business-management.component.ts
index 36a089cd..387c98d7 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/csmf-slicing-business-management.component.ts
+++ b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/csmf-slicing-business-management.component.ts
@@ -41,7 +41,7 @@ export class CsmfSlicingBusinessManagementComponent implements OnInit {
     progressingTimer: any[] = [];
     terminateStart: any[] = [];
     businessOrderShow: boolean = false;
-    getCSMFBusinessList() {
+    getCSMFBusinessList(): void {
         this.loading = true;
         this.listOfData = [];
         let paramsObj = {
@@ -66,7 +66,7 @@ export class CsmfSlicingBusinessManagementComponent implements OnInit {
                             };
                             if (item.last_operation_type === 'DELETE') this.terminateStart[index] = true
                             else this.terminateStart[index] = false;
-                            this.queryProgress(obj, index, updata).then((res) => {
+                            this.queryProgress(obj, index, updata).then(() => {
                                 item.last_operation_progress = '100';
                                 this.getCSMFBusinessList();
                             })
@@ -78,7 +78,7 @@ export class CsmfSlicingBusinessManagementComponent implements OnInit {
         })
     }
 
-    getListOfProcessingStatus() {
+    getListOfProcessingStatus(): void {
         this.pageIndex = 1;
         this.pageSize = 10;
         this.progressingTimer.forEach((item) => {
@@ -88,7 +88,7 @@ export class CsmfSlicingBusinessManagementComponent implements OnInit {
         this.getCSMFBusinessList();
     }
 
-    searchData(reset: boolean = false) {
+    searchData(): void {
         this.progressingTimer.forEach((item) => {
             clearInterval(item.timer);
         });
@@ -96,8 +96,7 @@ export class CsmfSlicingBusinessManagementComponent implements OnInit {
         this.getCSMFBusinessList();
     }
 
-    switchChange(slicing, i) {
-        // console.log(slicing, i, "slicing");
+    switchChange(slicing:any, i:number): void {
         this.modalService.confirm({
             nzTitle: '<i>Are you sure you want to perform this task?</i>',
             nzContent: '<b>Name:' + slicing.order_name + '</b>',
@@ -106,9 +105,9 @@ export class CsmfSlicingBusinessManagementComponent implements OnInit {
                     serviceId: slicing.order_id
                 };
                 if (slicing.order_status === 'activated') {
-                    this.changeActivate(paramsObj, false, slicing, "deactivate", "deactivated", i)
+                    this.changeActivate(paramsObj, false, i)
                 } else {
-                    this.changeActivate(paramsObj, true, slicing, "activate", "activated", i);
+                    this.changeActivate(paramsObj, true, i);
                 }
             },
             nzCancelText: 'No',
@@ -119,10 +118,10 @@ export class CsmfSlicingBusinessManagementComponent implements OnInit {
             }
         });
     }
-    changeActivate(paramsObj, isActivate, slicing, activateValue, finished, index) {
+    changeActivate(paramsObj: any, isActivate: boolean, index: number): void {
         this.loading = true;
         this.myhttp.changeActivateSlicingService(paramsObj, isActivate).subscribe(res => {
-            const { result_header: { result_code, result_message }, result_body: { operation_id } } = res;
+            const { result_header: { result_code } } = res;
             this.loading = false;
             if (+result_code === 200) {
                 this.getCSMFBusinessList();
@@ -142,7 +141,7 @@ export class CsmfSlicingBusinessManagementComponent implements OnInit {
         })
     }
 
-    terminate(slicing, index) {
+    terminate(slicing: any, index: number): void {
         this.modalService.confirm({
             nzTitle: 'Are you sure you want to terminate this task?',
             nzContent: '<b>Name:&nbsp;</b>' + slicing.order_name,
@@ -151,7 +150,7 @@ export class CsmfSlicingBusinessManagementComponent implements OnInit {
                 this.terminateStart[index] = true;
                 this.loading = true;
                 this.myhttp.terminateSlicingService(paramsObj).subscribe(res => {
-                    const { result_header: { result_code, result_message }, result_body: { operation_id } } = res;
+                    const { result_header: { result_code } } = res;
                     this.loading = false;
                     if (+result_code === 200) {
                         this.getCSMFBusinessList();
@@ -169,12 +168,12 @@ export class CsmfSlicingBusinessManagementComponent implements OnInit {
             }
         });
     }
-    queryProgress(obj, index, callback) {
+    queryProgress(obj:any, index:number, callback:any) {
         return new Promise(res => {
             let requery = () => {
                 this.myhttp.getSlicingBusinessProgress(obj)
                     .subscribe((data) => {
-                        const { result_header: { result_code, result_message }, result_body: { operation_id } } = data;
+                        const { result_header: { result_code, result_message }} = data;
                         if (+result_code === 200) {
                             if (data.result_body.operation_progress && Number(data.result_body.operation_progress) < 100) {
                                 callback(data.result_body);
@@ -216,10 +215,10 @@ export class CsmfSlicingBusinessManagementComponent implements OnInit {
         })
     }
 
-    OrderModelShow() {
+    OrderModelShow(): void {
         this.businessOrderShow = true;
     }
-    orderModelClose($event) {
+    orderModelClose($event: any): void {
         this.businessOrderShow = $event;
         this.getCSMFBusinessList();
     }