고객센터리스트 page 수정

This commit is contained in:
이담 정 2022-07-18 09:43:53 +00:00
parent 8e2f048db0
commit f8067b610e
5 changed files with 98 additions and 192 deletions

View File

@ -139,24 +139,20 @@ export class BoardCustomerMockApi {
// Generate a new customer // Generate a new customer
const newCustomer = { const newCustomer = {
id: FuseMockApiUtils.guid(), id: FuseMockApiUtils.guid(),
category: '', signinId: '',
name: 'A New User', nickname: '',
description: '', idx: 0,
tags: [], title: '',
sku: '', level: '',
barcode: '', memo: '',
brand: '', finalOwnCharge: 0,
vendor: '', finalSigninDate: '2022-06-21T17:16',
stock: '', highRank: '',
reserved: '', site: '',
cost: '', views: 0,
basePrice: '', writeDate: '2022-06-21T13:34',
taxPercent: '', answer: '미해결',
price: '', state: '노출',
weight: '',
thumbnail: '',
images: [],
active: false,
}; };
// Unshift the new customer // Unshift the new customer

View File

@ -2,32 +2,20 @@
export const customers = [ export const customers = [
{ {
id: 'on00', id: '7eb7c859-1347-4317-96b6-9476a7e2ba3c',
totalPartnerCount: '5', signinId: 'aa100',
totalHoldingMoney: 303675, nickname: 'aa100',
totalComp: 108933, idx: 73,
total: 412608, title: '입금계좌문의',
branchCount: 1, level: '4',
divisionCount: 1, memo: '@',
officeCount: 1, finalOwnCharge: 10000000,
storeCount: 1, finalSigninDate: '2022-06-21T17:16',
memberCount: 1, highRank: '[매장]kgon5',
nickname: 'on00', site: 'web5nova114.com',
accountHolder: '11', views: 0,
phoneNumber: '010-1111-1111', writeDate: '2022-06-21T13:34',
calculateType: '롤링', answer: '미해결',
ownCash: 50000, state: '노출',
ownComp: 1711,
ownCoupon: 50000,
gameMoney: 0,
todayComp: 0,
totalDeposit: 0,
totalWithdraw: 0,
balance: 0,
registDate: '2022-06-12 15:38',
finalSigninDate: '',
ip: '',
state: '정상',
note: '',
}, },
]; ];

View File

@ -36,7 +36,7 @@
</mat-form-field> --> </mat-form-field> -->
<!-- SelectBox --> <!-- SelectBox -->
<mat-form-field> <!-- <mat-form-field>
<mat-select placeholder="리스트수"> <mat-select placeholder="리스트수">
<mat-option value="40">40</mat-option> <mat-option value="40">40</mat-option>
<mat-option value="60">60</mat-option> <mat-option value="60">60</mat-option>
@ -72,13 +72,15 @@
<mat-select placeholder="입금"> <mat-select placeholder="입금">
<mat-option value="">계좌입금</mat-option> <mat-option value="">계좌입금</mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field> -->
<mat-form-field> <mat-form-field>
<mat-select placeholder="내용"> <mat-select placeholder="아이디">
<mat-option value="">카지노콤프</mat-option> <mat-option value="">아이디</mat-option>
<mat-option value="">슬롯콤프</mat-option> <mat-option value="">작성자</mat-option>
<mat-option value="">배팅콤프</mat-option> <mat-option value="">글제목</mat-option>
<mat-option value="">첫충콤프</mat-option> <mat-option value="">글내용</mat-option>
<mat-option value="">사이트명</mat-option>
<mat-option value="">답변내용</mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<!-- <mat-form-field> <!-- <mat-form-field>
@ -140,8 +142,6 @@
<!-- <mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon> --> <!-- <mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon> -->
<span class="ml-2 mr-1">검색하기</span> <span class="ml-2 mr-1">검색하기</span>
</button> </button>
<button>엑셀저장</button>
<button>카지노머니확인</button>
</div> </div>
</div> </div>
@ -160,26 +160,21 @@
matSort matSort
matSortDisableClear matSortDisableClear
> >
<div class="hidden sm:block"><mat-checkbox></mat-checkbox></div> <div class="hidden sm:block">선택</div>
<div class="hidden sm:block">요율</div> <div class="hidden sm:block">일련번호</div>
<div class="hidden sm:block">상부트리</div> <div class="hidden sm:block">제목</div>
<div class="hidden sm:block">관리</div> <div class="hidden sm:block">작성자</div>
<div class="hidden sm:block">매장수</div> <div class="hidden sm:block">등급</div>
<div class="hidden sm:block">회원수</div> <div class="hidden sm:block">메모</div>
<div class="hidden sm:block">아이디</div> <div class="hidden sm:block">최근충전</div>
<div class="hidden sm:block">닉네임</div> <div class="hidden sm:block">최근로그인</div>
<div class="hidden sm:block">예금주</div> <div class="hidden sm:block">상위</div>
<div class="hidden sm:block">연락처</div> <div class="hidden sm:block">사이트</div>
<div class="hidden sm:block">정산</div> <div class="hidden sm:block">조회수</div>
<div class="hidden sm:block">보유금</div> <div class="hidden sm:block">작성일</div>
<div class="hidden sm:block">게임중머니</div> <div class="hidden sm:block">답변</div>
<div class="hidden sm:block">카지노->캐쉬</div>
<div class="hidden sm:block">금일콤프</div>
<div class="hidden sm:block">총입출</div>
<div class="hidden sm:block">로그</div>
<div class="hidden sm:block">상태</div> <div class="hidden sm:block">상태</div>
<div class="hidden sm:block">회원수</div> <div class="hidden sm:block">로그인</div>
<div class="hidden sm:block">비고</div>
</div> </div>
<!-- Rows --> <!-- Rows -->
<ng-container *ngIf="customers$ | async as customers"> <ng-container *ngIf="customers$ | async as customers">
@ -192,60 +187,15 @@
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
<mat-checkbox></mat-checkbox> <mat-checkbox></mat-checkbox>
</div> </div>
<!-- rate --> <!-- 일련번호 -->
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
<button {{ customer.idx }}
mat-button </div>
color="primary" <!-- 제목 -->
matTooltip="요율확인
카지노-바카라: 0%
카지노-룰렛: 0%
카지노-드레곤타이거: 0%
카지노-그외: 0%
슬롯: 0%
카지노루징: 0%
슬롯루징: 0%"
>
요율
</button>
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
<!-- 관리 --> {{ customer.title }}
<button mat-flat-button [color]="'primary'">
<mat-form-field>
<mat-select placeholder="관리">
<mat-option value="">보유금지급/회수</mat-option>
<mat-option value="">수수료설정</mat-option>
<mat-option value="">콤프지급/회수</mat-option>
<mat-option value="">쿠폰머니지급/회수</mat-option>
<mat-option value="">쪽지보내기</mat-option>
<mat-option value="">베팅리스트</mat-option>
<mat-option value="">강제로그아웃</mat-option>
</mat-select>
</mat-form-field>
</button>
</div>
</div>
<!-- 매장수 -->
<div class="hidden sm:block truncate">
<button mat-flat-button [color]="'primary'">
{{ customer.branchCount }}
</button>
<button mat-flat-button [color]="'primary'">
{{ customer.divisionCount }}
</button>
<button mat-flat-button [color]="'primary'">
{{ customer.officeCount }}
</button>
<button mat-flat-button [color]="'primary'">
{{ customer.storeCount }}
</button>
</div>
<!-- 회원수 -->
<div class="hidden sm:block truncate">
<button mat-flat-button [color]="'primary'">
{{ customer.memberCount }}
</button>
</div> </div>
<!-- 작성자 (닉네임)-->
<!-- id --> <!-- id -->
<ng-container *ngIf="users$ | async as users"> <ng-container *ngIf="users$ | async as users">
<ng-container <ng-container
@ -255,80 +205,64 @@
class="hidden sm:block truncate" class="hidden sm:block truncate"
(click)="viewUserDetail(user.id!)" (click)="viewUserDetail(user.id!)"
> >
{{ customer.id }} {{ customer.signinId }}({{ customer.nickname }})
</div> </div>
</ng-container> </ng-container>
</ng-container> </ng-container>
<!-- nickname --> <!-- 등급 -->
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
{{ customer.nickname }} LV.{{ customer.level }}
</div> </div>
<!-- accountHolder --> <!-- 메모 -->
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
{{ customer.accountHolder }} {{ customer.memo }}
</div> </div>
<!-- 연락처 --> <!-- 최근충전 -->
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
{{ customer.phoneNumber }} {{ customer.finalOwnCharge }}
</div> </div>
<!-- 정산 --> <!-- 최근로그인 -->
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
{{ customer.calculateType }} {{ customer.finalSigninDate }}
</div> </div>
<!-- 보유금 --> <!-- 상위 -->
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
캐쉬{{ customer.ownCash }} 콤프{{ customer.ownComp }} 쿠폰{{ {{ customer.highRank }}
customer.ownCoupon
}}
</div> </div>
<!-- gameMoney --> <!-- 사이트 -->
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
{{ customer.gameMoney }} {{ customer.site }}
</div> </div>
<!-- casinoCash --> <!-- 조회수 -->
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
<button mat-flat-button [color]="'primary'"> {{ customer.views }}
게임머니확인
</button>
<button mat-flat-button [color]="'primary'">
게임머니회수
</button>
</div> </div>
<!-- todayComp --> <!-- 작성일 -->
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
{{ customer.todayComp }}P {{ customer.writeDate }}
</div> </div>
<!-- 총입출 --> <!-- 답변 -->
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
입금{{ customer.totalDeposit }} 출금{{ {{ customer.answer }}
customer.totalWithdraw
}}
차익{{ customer.balance }}
</div> </div>
<!-- log --> <!-- 상태 -->
<div class="hidden sm:block truncate">
가입{{ customer.registDate }} 최종{{
customer.finalSigninDate
}}
IP{{ customer.ip }}
</div>
<!-- state -->
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
{{ customer.state }} {{ customer.state }}
</div> </div>
<!-- 회원수 --> <!-- 로그인 -->
<div class="hidden sm:block truncate">
{{ customer.memberCount }}
</div>
<!-- 비고 -->
<div class="hidden sm:block truncate"> <div class="hidden sm:block truncate">
<button mat-flat-button [color]="'primary'"> <button mat-flat-button [color]="'primary'">
{{ customer.note }} 중복로그인
</button> </button>
</div> </div>
</div> </div>
</ng-container> </ng-container>
</ng-container> </ng-container>
<div class="hidden sm:block truncate">
<button mat-flat-button [color]="'primary'">
디비에서 완전삭제
</button>
</div>
</div> </div>
<mat-paginator <mat-paginator

View File

@ -117,7 +117,7 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
if (this._sort && this._paginator) { if (this._sort && this._paginator) {
// Set the initial sort // Set the initial sort
this._sort.sort({ this._sort.sort({
id: 'name', id: 'signinId',
start: 'asc', start: 'asc',
disableClear: true, disableClear: true,
}); });

View File

@ -1,29 +1,17 @@
export interface Customer { export interface Customer {
id?: string; id?: string;
totalPartnerCount?: number; signinId?: string;
totalHoldingMoney?: number; nickname?: String;
totalComp?: number; idx?: number;
total?: number; title?: string;
branchCount?: number; level?: string;
divisionCount?: number; memo?: string;
officeCount?: number; finalOwnCharge?: number;
storeCount?: number; finalSigninDate?: Date;
memberCount?: number; highRank?: string;
nickname?: string; site?: string;
accountHolder?: string; views?: number;
phoneNumber?: string; writeDate?: Date;
calculateType?: string; answer?: string;
ownCash?: number;
ownComp?: number;
ownCoupon?: number;
gameMoney?: number;
todayComp?: number;
totalDeposit?: number;
totalWithdraw?: number;
balance?: number;
registDate?: string;
finalSigninDate?: string;
ip?: string;
state?: string; state?: string;
note?: string;
} }