diff options
| author |   cyuamber <xuranyjy@chinamobile.com> | 2019-09-29 14:03:30 +0800 |
|---|---|---|
| committer | cyuamber <xuranyjy@chinamobile.com> | 2019-09-29 14:03:36 +0800 |
| commit | e564a3e86e3880269290c9712b097336ab6db28e (patch) | |
| tree | 9e23a2eb08f5722080075527d3264d5a167dc861 /usecaseui-portal/src/app/views/services/services-list/services-list.component.html | |
| parent | f1a0ffa2e0323a61141453c56f12218e3e57a141 (diff) | |
feat:introducing top-card component and optimize code of service-list
Change-Id: Iaf8fddbab96c2c5117eba9a4bf9263265f9a613e
Issue-ID: USECASEUI-307
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app/views/services/services-list/services-list.component.html')
| -rw-r--r-- | usecaseui-portal/src/app/views/services/services-list/services-list.component.html | 30 |
1 files changed, 10 insertions, 20 deletions
diff --git a/usecaseui-portal/src/app/views/services/services-list/services-list.component.html b/usecaseui-portal/src/app/views/services/services-list/services-list.component.html index a995b485..59aeea2e 100644 --- a/usecaseui-portal/src/app/views/services/services-list/services-list.component.html +++ b/usecaseui-portal/src/app/views/services/services-list/services-list.component.html @@ -109,26 +109,16 @@ </nz-modal> </div> <nz-layout style=" padding: 20px 32px; "> - <ul class="top-num"> - <li *ngFor="let item of serviceMunber" class="top-list"> - <span class="round">{{item.serviceDomain}}</span> - <div class="top-list-text"> - <p> - <span>{{item.failed}}</span> - <span> {{"i18nTextDefine_Failed" | translate}} </span> - </p> - <p> - <span>{{item.Success}}</span> - <span> {{"i18nTextDefine_Success" | translate}} </span> - </p> - <p> - <span>{{item.InProgress}}</span> - <span> {{"i18nTextDefine_InProgress" | translate}} </span> - </p> - <p class="service-description"> {{item.detailName | translate}} </p> - </div> - </li> - </ul> + <div class="top-num"> + <app-top-card + *ngFor="let item of serviceMunber" + [serviceDomain]="item.serviceDomain" + [successNum]="item.Success" + [failedNum]="item.failed" + [inProgressNum]="item.InProgress" + [serviceDetailName]="item.detailName"> + </app-top-card> + </div> <div class="list" id="services-list" [ngClass]="{'listdisplay':listDisplay == true}"> <nz-table *ngIf="1" #nzTable [nzData]="tableData" nzShowSizeChanger [nzFrontPagination]="false" [nzShowQuickJumper]="true" [nzPageSizeOptions]="[5,10,15,20]" [nzTotal]='total' [(nzPageSize)]="pageSize" |