diff options
Diffstat (limited to 'usecaseui-portal/src/app/services/services-list')
3 files changed, 17 insertions, 8 deletions
diff --git a/usecaseui-portal/src/app/services/services-list/services-list.component.html b/usecaseui-portal/src/app/services/services-list/services-list.component.html index 9e36c7b3..c09b15be 100644 --- a/usecaseui-portal/src/app/services/services-list/services-list.component.html +++ b/usecaseui-portal/src/app/services/services-list/services-list.component.html @@ -174,7 +174,7 @@ <i [ngClass]="{'cannotclick':data.status == 'In Progress'}" class="anticon anticon-delete" (click)="deleteModel(data)"></i> <i [ngClass]="{'cannotclick':data.status == 'In Progress'}" class="anticon anticon-ellipsis" - (click)="iconMoreShow(data)" style="transform: rotate(90deg);"></i> + (click)="iconMoreShow(data,tableData)" style="transform: rotate(90deg);"></i> <ul *ngIf="data.iconMore==true " class="icon-more"> <li> diff --git a/usecaseui-portal/src/app/services/services-list/services-list.component.less b/usecaseui-portal/src/app/services/services-list/services-list.component.less index ec4a7f76..48d03b16 100644 --- a/usecaseui-portal/src/app/services/services-list/services-list.component.less +++ b/usecaseui-portal/src/app/services/services-list/services-list.component.less @@ -273,12 +273,15 @@ hr { } .nsColor{ background:linear-gradient(135deg,rgba(252,167,91,1) 0%,rgba(253,203,106,1) 100%); + border-radius:4px; } .ccvpnColor{ background:linear-gradient(135deg,rgba(81,113,251,1) 0%,rgba(201,123,254,1) 100%); + border-radius:4px; } .sotnColor{ background:linear-gradient(133deg,rgba(24,179,170,1) 0%,rgba(70,216,178,1) 100%); + border-radius:4px; } .voLTEColor{ background:#0AD251; diff --git a/usecaseui-portal/src/app/services/services-list/services-list.component.ts b/usecaseui-portal/src/app/services/services-list/services-list.component.ts index ed724383..2ddf1cad 100644 --- a/usecaseui-portal/src/app/services/services-list/services-list.component.ts +++ b/usecaseui-portal/src/app/services/services-list/services-list.component.ts @@ -68,12 +68,18 @@ export class ServicesListComponent implements OnInit { ]; //The icon behind each row of data in the table expands - iconMoreShow(data){ - if(data.iconMore==false){ - data.iconMore=true; - }else { - data.iconMore=false; - } + iconMoreShow(data,tableData){ + tableData.map((its) => { + if(its["service-instance-id"]==data["service-instance-id"]){ + if(its["iconMore"]==false){ + data.iconMore=true; + }else if(its["iconMore"]==true) { + data.iconMore=false; + } + }else{ + its["iconMore"]=false; + } + }) } getallCustomers(){ console.log(this.listSortMasters); @@ -273,7 +279,7 @@ export class ServicesListComponent implements OnInit { item["tips"] = "Available"; item["statusClass"] = item["operationResult"]; } - // 2018.12.13日 + // 2018.12.13 else if(item["operationResult"]=="2002"){ //operationResult==2002 if(item["operationType"]=="1001"||item["operationType"]=="1002"){ // item["status"] = this.accordingState["operationResult"][item["operationResult"]]; |