From e2ff707637d6d591bc3fabc4d763148c212d5ecc Mon Sep 17 00:00:00 2001
From: Park Byung Eun <geekdev@naver.com>
Date: Sat, 17 Sep 2022 10:39:50 +0000
Subject: [PATCH] =?UTF-8?q?=EB=A7=A4=EC=9E=A5=EC=88=98=20=EC=A0=81?=
 =?UTF-8?q?=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../partner/components/list.component.html    |  8 +++-
 .../partner/components/list.component.ts      | 39 +++++++++++++++++++
 2 files changed, 45 insertions(+), 2 deletions(-)

diff --git a/src/app/modules/admin/member/partner/components/list.component.html b/src/app/modules/admin/member/partner/components/list.component.html
index 2e8335c..8bb5190 100644
--- a/src/app/modules/admin/member/partner/components/list.component.html
+++ b/src/app/modules/admin/member/partner/components/list.component.html
@@ -39,7 +39,10 @@
     <div class="flex shrink-0 items-center mt-6 sm:mt-0 sm:ml-4">
       <!-- Search -->
       <div>
-        <span>총회원수:<span style="color: red">38</span>명</span>&nbsp;&nbsp;
+        <span
+          >총회원수:<span style="color: red">{{ memberTotalCount }}</span
+          >명</span
+        >&nbsp;&nbsp;
         <span>총 보유머니:<span style="color: red">21,437,873</span>원</span
         >&nbsp;&nbsp;
         <span>총 콤프:<span style="color: red">394,860</span>원</span
@@ -143,6 +146,7 @@
                       (change)="__onChangeChkUsers($event)"
                     ></mat-checkbox>
                   </div>
+                  <!-- 관리/요율/매장수-->
                   <div class="hidden lg:block">
                     <div>
                       <div
@@ -192,7 +196,7 @@
                     <div [matTooltip]="__getRateTooltop(partner)">요율</div>
                     <hr style="margin: 7px 0px" />
                     <div>
-                      <div>2 3 2 1 5</div>
+                      <div [innerHTML]="__getChildMemberCount(partner)"></div>
                     </div>
                   </div>
 
diff --git a/src/app/modules/admin/member/partner/components/list.component.ts b/src/app/modules/admin/member/partner/components/list.component.ts
index 40e1c22..975d700 100644
--- a/src/app/modules/admin/member/partner/components/list.component.ts
+++ b/src/app/modules/admin/member/partner/components/list.component.ts
@@ -95,6 +95,21 @@ import { FuseAlertType } from '@fuse/components/alert';
       .mat-tooltip {
         white-space: pre-line;
       }
+      .daebon-color {
+        color: aqua;
+      }
+      .bubon-color {
+        color: darkorange;
+      }
+      .chongpan-color {
+        color: red;
+      }
+      .maejang-color {
+        color: green;
+      }
+      .member-color {
+        color: blueviolet;
+      }
     `,
   ],
   encapsulation: ViewEncapsulation.None,
@@ -107,6 +122,7 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
 
   @ViewChildren('chkUsers') chkUsers!: QueryList<MatCheckbox>;
 
+  memberTotalCount: number = 0;
   listMember!: MemberModel[];
   listPartner$!: Observable<MemberModel[] | undefined>;
   listMemberLevels$!: Observable<MemberLevel[] | undefined>;
@@ -239,6 +255,7 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
       let listMemberResult: ListMembersResponse.Result = data['listPartner'];
       this.listPartner$ = of(listMemberResult.getMembersList());
       this.listMember = listMemberResult.getMembersList();
+      this.memberTotalCount = listMemberResult.getTotalCount();
 
       let listMemberLevelsResult: ListMemberLevelsResponse.Result =
         data['listMemberLevels'];
@@ -607,6 +624,28 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
     return type === 1 ? '롤링' : '';
   }
 
+  __getChildMemberCount(member: MemberModel): string {
+    const childs = member.getChildrenCountList().join().toString();
+    const childArr = childs.split(',');
+    const tempColor = [
+      'daebon-color',
+      'bubon-color',
+      'chongpan-color',
+      'maejang-color',
+      'member-color ',
+    ];
+    let result = '';
+    const start = tempColor.length - childArr.length;
+
+    for (let idx = 0; idx < childArr.length; idx++) {
+      result += `<span class="${tempColor[idx + start]}" >${
+        childArr[idx]
+      }</span> `;
+    }
+
+    return result;
+  }
+
   __getMemberState(member: MemberModel): string {
     const state = member.getState();
     let resultStr = '';