From e564a3e86e3880269290c9712b097336ab6db28e Mon Sep 17 00:00:00 2001
From: cyuamber <xuranyjy@chinamobile.com>
Date: Sun, 29 Sep 2019 14:03:30 +0800
Subject: 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>
---
 .../services-list/services-list.component.html     | 30 ++++++++--------------
 1 file changed, 10 insertions(+), 20 deletions(-)

(limited to 'usecaseui-portal/src/app/views/services/services-list/services-list.component.html')

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"
-- 
cgit 1.2.3-korg