매장수 적용

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>
 

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 = '';