feat:top card code split into new components of service-list page

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

1 files changed, 19 insertions, 0 deletions

diff --git a/usecaseui-portal/src/app/views/services/services-list/top-card/top-card.component.ts b/usecaseui-portal/src/app/views/services/services-list/top-card/top-card.component.ts
new file mode 100644
index 00000000..6004fb8e
--- /dev/null
+++ b/usecaseui-portal/src/app/views/services/services-list/top-card/top-card.component.ts
@@ -0,0 +1,19 @@
+import { Component, OnInit, Input } from '@angular/core';
+
+@Component({
+  selector: 'app-top-card',
+  templateUrl: './top-card.component.html',
+  styleUrls: ['./top-card.component.less']
+})
+export class TopCardComponent implements OnInit {
+  @Input() serviceDomain: string;
+  @Input() failedNum: number;
+  @Input() successNum: number;
+  @Input() inProgressNum: number;
+  @Input() serviceDetailName: string;
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}