This commit is contained in:
Park Byung Eun 2022-07-07 10:47:06 +00:00
parent 457bfae6da
commit 09a627e64b
3 changed files with 402 additions and 290 deletions

View File

@ -37,302 +37,379 @@
<span>총입금: </span> <span>총입금: </span>
<span>최근30일 배팅금액: </span> <span>최근30일 배팅금액: </span>
</div> </div>
<div> <div>
<div class="hidden sm:block truncate"> <div class="shadow-lg overflow-hidden">
<button mat-flat-button [color]="'primary'">콤프사용로그</button> <div class="flex border-b">
<button mat-flat-button [color]="'primary'">머니활동로그</button> <!-- Selected product form -->
<button mat-flat-button [color]="'primary'">수정하기</button> <form
<button mat-flat-button [color]="'primary'">목록으로</button> class="flex flex-col w-full"
<button mat-flat-button [color]="'primary'">배팅리스트</button> [formGroup]="selectedProductForm"
<mat-form-field> >
<mat-select placeholder="관리"> <div class="flex flex-col sm:flex-row p-8">
<mat-option value="40">40</mat-option> <!-- Product images and status -->
<mat-option value="60">60</mat-option>
<mat-option value="80">80</mat-option>
<mat-option value="100">100</mat-option>
</mat-select>
</mat-form-field>
</div>
<div>
<mat-grid-list cols="4" rowHeight="100px">
<mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>아이디</mat-label>
<input matInput type="text" />
</mat-form-field>
</mat-grid-tile>
<mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>비밀번호</mat-label>
<input matInput type="text" />
</mat-form-field> </mat-grid-tile
><mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>환전비밀번호</mat-label>
<input matInput type="text" />
</mat-form-field>
</mat-grid-tile>
<mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>닉네임</mat-label>
<input matInput type="text" />
</mat-form-field>
</mat-grid-tile>
<mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>레벨</mat-label>
<mat-select placeholder="LV1"> <div class="flex flex-auto flex-wrap">
<mat-option value="LV1">LV1</mat-option> <!-- Name, SKU & etc. -->
<mat-option value="LV2">LV2</mat-option> <div class="flex flex-col w-full lg:w-3/4 sm:pl-8">
<mat-option value="LV3">LV3</mat-option> <!-- Name -->
</mat-select> <div class="flex">
</mat-form-field> <mat-form-field class="w-1/3 pr-2">
</mat-grid-tile> <mat-label>아이디</mat-label>
<mat-grid-tile> <input matInput [formControlName]="'signinId'" />
<mat-form-field appearance="outline"> </mat-form-field>
<mat-label>상태</mat-label> <mat-form-field class="w-1/3 pr-2">
<mat-label>비밀번호</mat-label>
<input matInput [formControlName]="'signinPw'" />
</mat-form-field>
<mat-form-field class="w-1/3 pr-2">
<mat-label>환전비밀번호</mat-label>
<input matInput [formControlName]="'exchangePw'" />
</mat-form-field>
</div>
<mat-select placeholder="정상"> <!-- SKU and Barcode -->
<mat-option value="정상">정상</mat-option> <div class="flex">
<mat-option value="대기">대기</mat-option> <mat-form-field class="w-1/3 pr-2">
<mat-option value="탈퇴">탈퇴</mat-option> <mat-label>닉네임</mat-label>
<mat-option value="삭제">삭제</mat-option> <input matInput [formControlName]="'nickname'" />
<mat-option value="휴면">휴면</mat-option> </mat-form-field>
<mat-option value="블랙">블랙</mat-option> <mat-form-field class="w-1/3 pr-2">
</mat-select> <mat-label>보유머니</mat-label>
</mat-form-field> <input matInput [formControlName]="'holdingMoney'" />
</mat-grid-tile> </mat-form-field>
<mat-grid-tile> <mat-form-field class="w-1/3 pr-2">
<mat-form-field appearance="outline"> <mat-label>핸드폰</mat-label>
<mat-label>은행명</mat-label> <input matInput [formControlName]="'phonNumber'" />
<mat-select placeholder="선택"> </mat-form-field>
<mat-option value="정상">국민은행</mat-option> </div>
<mat-option value="대기">광주은행</mat-option>
<mat-option value="탈퇴">경남은행</mat-option> <!-- Category, Brand & Vendor -->
<mat-option value="삭제">기업은행</mat-option> <div class="flex">
<mat-option value="휴면">농협</mat-option> <mat-form-field class="w-1/3 pr-2">
<mat-option value="블랙">대구은행</mat-option> <mat-label>레벨</mat-label>
<mat-option value="정상">도이치은행</mat-option> <mat-select [formControlName]="'level'">
<mat-option value="대기">부산은행</mat-option> <!-- <ng-container *ngFor="let category of categories"> -->
<mat-option value="탈퇴">새마을금고</mat-option> <mat-option value="level">
<mat-option value="삭제">수협</mat-option> cartegory option
<mat-option value="휴면">신한은행</mat-option> </mat-option>
<mat-option value="블랙">외환은행</mat-option> <!-- </ng-container> -->
<mat-option value="정상">우리은행</mat-option> </mat-select>
<mat-option value="대기">우체국</mat-option> </mat-form-field>
<mat-option value="탈퇴">전북은행</mat-option> <mat-form-field class="w-1/3 pr-2">
<mat-option value="삭제">제주은행</mat-option> <mat-label>상태</mat-label>
<mat-option value="휴면">하나은행</mat-option> <mat-select [formControlName]="'status'">
<mat-option value="블랙">한국씨티은행</mat-option> <!-- <ng-container *ngFor="let brand of brands"> -->
<mat-option value="대기">HSBC은행</mat-option> <mat-option value="brand.id">
<mat-option value="탈퇴">SC제일은행</mat-option> brand option
<mat-option value="삭제">신협</mat-option> </mat-option>
<mat-option value="휴면">카카오뱅크</mat-option> <!-- </ng-container> -->
<mat-option value="블랙">K뱅크</mat-option> </mat-select>
<mat-option value="휴면">산림조합</mat-option> </mat-form-field>
<mat-option value="블랙">산업은행</mat-option> <mat-form-field class="w-1/3 pr-2">
</mat-select> <mat-label>환전금지</mat-label>
</mat-form-field> </mat-grid-tile <mat-select [formControlName]="'isExcahngeMoney'">
><mat-grid-tile> <!-- <ng-container *ngFor="let vendor of vendors"> -->
<mat-form-field appearance="outline"> <mat-option value="vendor.id">
<mat-label>사이트 변경</mat-label> vendor option
<mat-select> </mat-option>
<mat-option value="40">test.com</mat-option> <!-- </ng-container> -->
<mat-option value="60">kgon.com</mat-option> </mat-select>
<mat-option value="80">nava.com</mat-option> </mat-form-field>
</mat-select> </div>
</mat-form-field>
</mat-grid-tile> <!-- Stock and Reserved -->
<mat-grid-tile> <div class="flex">
<span> <mat-form-field class="w-1/3 pr-2">
<mat-slide-toggle [color]="'primary'"> <mat-label>은행명</mat-label>
카지노 배팅 <mat-select [formControlName]="'bankname'">
</mat-slide-toggle> <!-- <ng-container *ngFor="let brand of brands"> -->
</span> <mat-option value="brand.id">
<span brand option
><mat-slide-toggle [color]="'primary'"> </mat-option>
첫충콤프 <!-- </ng-container> -->
</mat-slide-toggle></span </mat-select>
> </mat-grid-tile </mat-form-field>
><mat-grid-tile> <mat-form-field class="w-1/3 pr-2">
<span> <mat-label>계좌번호</mat-label>
<mat-slide-toggle [color]="'primary'"> <input
슬롯배팅 type="text"
</mat-slide-toggle> matInput
</span> [formControlName]="'accountNumber'"
<span />
><mat-slide-toggle [color]="'primary'"> </mat-form-field>
매충콤프 <mat-form-field class="w-1/3 pr-2">
</mat-slide-toggle></span <mat-label>예금주</mat-label>
<input
type="text"
matInput
[formControlName]="'accountHolder'"
/>
</mat-form-field>
</div>
<div class="flex">
<mat-form-field class="w-1/3 pr-2">
<mat-label>콤프</mat-label>
<input
type="text"
matInput
[formControlName]="'comp'"
/>
</mat-form-field>
<mat-form-field class="w-1/3 pr-2">
<mat-label>쿠폰</mat-label>
<input
type="text"
matInput
[formControlName]="'coupon'"
/>
</mat-form-field>
<mat-form-field class="w-1/3 pr-2">
<mat-label>추천인</mat-label>
<input
type="text"
matInput
[formControlName]="'recommender'"
/>
</mat-form-field>
</div>
<div class="flex">
<mat-form-field class="w-2/3 pr-2">
<mat-label>사이트변경</mat-label>
<mat-select [formControlName]="'changeSite'">
<!-- <ng-container *ngFor="let vendor of vendors"> -->
<mat-option value="vendor.id">
vendor option
</mat-option>
<!-- </ng-container> -->
</mat-select>
</mat-form-field>
<mat-form-field class="w-1/3 pr-2">
<mat-label>추천횟수</mat-label>
<input
type="text"
matInput
[formControlName]="'recommendCount'"
/>
</mat-form-field>
</div>
<div class="flex">
<mat-form-field class="w-1/3 pr-2">
<mat-label>바카라 요율</mat-label>
<input
type="text"
matInput
[formControlName]="'bacaraRate'"
/>
<div class="mt-1 text-md text-hint">
%(최소 0 ~ 최대 0.2)
</div>
</mat-form-field>
<mat-form-field class="w-1/3 pr-2">
<mat-label>룰렛 요율</mat-label>
<input
type="text"
matInput
[formControlName]="'rulletRate'"
/>
<div class="mt-1 text-md text-hint">
%(최소 0 ~ 최대 0.2)
</div>
</mat-form-field>
<mat-form-field class="w-1/3 pr-2">
<mat-label>드래곤타이거 요율</mat-label>
<input
type="text"
matInput
[formControlName]="'dragonRate'"
/>
<div class="mt-1 text-md text-hint">
%(최소 0 ~ 최대 0.2)
</div>
</mat-form-field>
</div>
<div class="flex">
<mat-form-field class="w-1/3 pr-2">
<mat-label>기타 게임 요율</mat-label>
<input
type="text"
matInput
[formControlName]="'etcRate'"
/>
<div class="mt-1 text-md text-hint">
%(최소 0 ~ 최대 0.2)
</div>
</mat-form-field>
<mat-form-field class="w-1/3 pr-2">
<mat-label>슬롯게임요율</mat-label>
<input
type="text"
matInput
[formControlName]="'slotRate'"
/>
<div class="mt-1 text-md text-hint">
%(최소 0 ~ 최대 0.2)
</div>
</mat-form-field>
<mat-form-field class="w-1/3 pr-2">
<mat-label>카지노 루징요율</mat-label>
<input
type="text"
matInput
[formControlName]="'casinoRusingRate'"
/>
<div class="mt-1 text-md text-hint">
%(최소 0 ~ 최대 0.2)
</div>
</mat-form-field>
</div>
<div class="flex">
<mat-form-field class="w-1/3 pr-2">
<mat-label>슬롯게임 루징요율</mat-label>
<input
type="text"
matInput
[formControlName]="'slotRusingRate'"
/>
<div class="mt-1 text-md text-hint">
%(최소 0 ~ 최대 0.2)
</div>
</mat-form-field>
<span class="w-1/3 pr-2">
<mat-slide-toggle [color]="'primary'">
카지노 베팅
</mat-slide-toggle>
</span>
<span class="w-1/3 pr-2">
<mat-slide-toggle [color]="'primary'">
슬롯베팅
</mat-slide-toggle>
</span>
</div>
<div class="flex">
<span class="w-1/3 pr-2">
<mat-slide-toggle [color]="'primary'">
파워볼베팅
</mat-slide-toggle>
</span>
<span class="w-1/3 pr-2">
<mat-slide-toggle [color]="'primary'">
첫충콤프
</mat-slide-toggle>
</span>
<span class="w-1/3 pr-2">
<mat-slide-toggle [color]="'primary'">
매충콤프
</mat-slide-toggle>
</span>
</div>
<div class="flex">
<span class="w-1/3 pr-2">
<mat-label>등급: </mat-label>
<mat-label>유저</mat-label>
</span>
<span class="w-1/3 pr-2">
<mat-label>정산종류: </mat-label>
<mat-label>롤링</mat-label>
</span>
<span class="w-1/3 pr-2">
<mat-label>금일 입금/ 출금액: </mat-label>
<mat-label>0원(이전일: 0원)</mat-label>
<mat-label>/ 0원(이전일: 0원)</mat-label>
</span>
</div>
</div>
<!-- Cost, Base price, Tax & Price -->
<div class="flex flex-col w-full lg:w-1/4 sm:pl-8">
<mat-form-field class="w-full">
<mat-label>메모</mat-label>
<textarea matInput name="memo" row="5"></textarea>
</mat-form-field>
<div
class="flex flex-col flex-auto items-center bg-card shadow rounded-2xl overflow-hidden"
>
<!-- Avatar & Info -->
<div
class="flex flex-col flex-auto w-full p-8 text-center"
>
<mat-form-field class="">
<mat-label>게임중머니</mat-label>
<input
type="text"
matInput
[formControlName]="'hodingGameMoney'"
/>
</mat-form-field>
</div>
<!-- Email & Phone -->
<div class="flex items-center w-full border-t divide-x">
<button class="-ml-4" mat-button [color]="'warn'">
게임머니회수
</button>
<button mat-flat-button [color]="'primary'">
게임머니확인
</button>
</div>
</div>
<div>
<span class="font-semibold mb-2">파트너수동지급</span>
<mat-radio-group
class="flex flex-col w-1/3 pr-2"
[color]="'primary'"
[value]="'just-good'"
>
<mat-radio-button class="mb-2" [value]="'everything'">
하부파트너전체
</mat-radio-button>
<mat-radio-button class="mb-2" [value]="'just-good'">
직속파트너만
</mat-radio-button>
<mat-radio-button [value]="'no-push'">
사용안함
</mat-radio-button>
</mat-radio-group>
</div>
</div>
</div>
</div>
<div
class="flex items-center justify-between w-full border-t px-8 py-4"
> >
</mat-grid-tile> <button class="-ml-4" mat-button [color]="'primary'">
<mat-grid-tile> 목록으로
<span </button>
><mat-slide-toggle [color]="'primary'"> <div class="flex items-center">
파워볼배팅 <div class="flex items-center mr-4" *ngIf="true">
</mat-slide-toggle></span <ng-container *ngIf="true">
> <mat-icon
</mat-grid-tile> class="text-green-500"
<mat-grid-tile> [svgIcon]="'heroicons_outline:check'"
<mat-form-field appearance="outline"> ></mat-icon>
<mat-label>등급</mat-label> <span class="ml-2">Product updated</span>
<input matInput type="text" /> </ng-container>
</mat-form-field> </mat-grid-tile <ng-container *ngIf="false">
><mat-grid-tile> <mat-icon
<mat-form-field appearance="outline"> class="text-red-500"
<mat-label>오늘콤프</mat-label> [svgIcon]="'heroicons_outline:x'"
<input matInput type="text" /> ></mat-icon>
</mat-form-field> </mat-grid-tile <span class="ml-2">An error occurred, try again!</span>
><mat-grid-tile> </ng-container>
<mat-form-field appearance="outline"> </div>
<mat-label>핸드폰</mat-label> <button mat-flat-button [color]="'primary'">수정하기</button>
<input matInput type="text" /> </div>
</mat-form-field> </mat-grid-tile </div>
><mat-grid-tile> </form>
<mat-form-field appearance="outline"> </div>
<mat-label>계좌번호</mat-label> <div>
<input matInput type="text" /> <div>충전내역</div>
</mat-form-field> </mat-grid-tile <div>환전내역</div>
><mat-grid-tile> <div>웹로그인정보</div>
<mat-form-field appearance="outline"> <div>파트너로그인정보</div>
<mat-label>추천횟수</mat-label> </div>
<input matInput type="text" />
</mat-form-field> </mat-grid-tile
><mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>슬롯배팅</mat-label>
<input matInput type="text" />
</mat-form-field> </mat-grid-tile
><mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>매충콤프</mat-label>
<input matInput type="text" />
</mat-form-field> </mat-grid-tile
><mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>정산종류</mat-label>
<input matInput type="text" />
</mat-form-field> </mat-grid-tile
><mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>금일 입금/출금액</mat-label>
<input matInput type="text" />
</mat-form-field> </mat-grid-tile
><mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>보유머니</mat-label>
<input matInput type="text" />
</mat-form-field> </mat-grid-tile
><mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>콤프</mat-label>
<input matInput type="text" />
</mat-form-field> </mat-grid-tile
><mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>쿠폰</mat-label>
<input matInput type="text" />
</mat-form-field> </mat-grid-tile
><mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>예금주</mat-label>
<input matInput type="text" />
</mat-form-field> </mat-grid-tile
><mat-grid-tile>
<mat-radio-group aria-label="파트너수동지급" value="">
<mat-radio-button> 하부파트너전체 </mat-radio-button>
<mat-radio-button> 직속파트너만 </mat-radio-button>
<mat-radio-button> 사용안함 </mat-radio-button>
</mat-radio-group>
</mat-grid-tile>
<mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>추천인</mat-label>
<input matInput type="text" />
</mat-form-field>
</mat-grid-tile>
<mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>환전금지</mat-label>
<input matInput type="text" />
</mat-form-field>
</mat-grid-tile>
<mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>바카라</mat-label>
<input matInput type="text" />
</mat-form-field>
</mat-grid-tile>
<mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>룰렛</mat-label>
<input matInput type="text" />
</mat-form-field>
</mat-grid-tile>
<mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>드래곤타이거</mat-label>
<input matInput type="text" />
</mat-form-field>
</mat-grid-tile>
<mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>기타게임</mat-label>
<input matInput type="text" />
</mat-form-field>
</mat-grid-tile>
<mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>슬롯게임요율</mat-label>
<input matInput type="text" />
</mat-form-field>
</mat-grid-tile>
<mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>룰렛</mat-label>
<input matInput type="text" />
</mat-form-field>
</mat-grid-tile>
<mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>카지노 루징요율</mat-label>
<input matInput type="text" />
</mat-form-field>
</mat-grid-tile>
<mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>슬롯게임 루징요율</mat-label>
<input matInput type="text" />
</mat-form-field>
</mat-grid-tile>
<mat-grid-tile>
<mat-form-field appearance="outline">
<mat-label>환전금지</mat-label>
<mat-select placeholder="예">
<mat-option value="예"></mat-option>
<mat-option value="아니오">아니오</mat-option>
</mat-select>
</mat-form-field>
</mat-grid-tile>
<mat-grid-tile colspan="2" rowspan="1">
<mat-form-field appearance="outline">
<mat-label>메모</mat-label>
<textarea matInput name="memo" width="100%"></textarea>
</mat-form-field>
</mat-grid-tile>
<mat-grid-tile colspan="2" rowspan="1">
<mat-form-field appearance="outline">
<mat-label>게임중머니</mat-label>
<input matInput type="text" />
</mat-form-field>
</mat-grid-tile>
</mat-grid-list>
</div> </div>
</div> </div>
<div></div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -86,6 +86,7 @@ export class ViewComponent implements OnInit, AfterViewInit, OnDestroy {
isLoading = false; isLoading = false;
searchInputControl = new FormControl(); searchInputControl = new FormControl();
selectedProductForm!: FormGroup;
selectedUser?: User; selectedUser?: User;
pagination?: UserPagination; pagination?: UserPagination;
@ -109,6 +110,38 @@ export class ViewComponent implements OnInit, AfterViewInit, OnDestroy {
* On init * On init
*/ */
ngOnInit(): void { ngOnInit(): void {
this.selectedProductForm = this._formBuilder.group({
id: [''],
signinId: [{ value: 'test1', disabled: true }],
signinPw: [''],
exchangePw: [''],
description: [''],
tags: [[]],
nickname: [{ value: 'nickname1', disabled: true }],
holdingMoney: [''],
phonNumber: ['010-1111-1111'],
level: [''],
status: [''],
isExcahngeMoney: [''],
bankname: [''],
accountNumber: [''],
accountHolder: [''],
comp: [''],
coupon: [''],
recommender: [{ value: 'test2', disabled: true }],
changeSite: [''],
recommendCount: [''],
hodingGameMoney: [{ value: '0', disabled: true }],
memo: [''],
bacaraRate: [],
rulletRate: [],
dragonRate: [],
etcRate: [],
slotRate: [],
casinoRusingRate: [],
slotRusingRate: [],
});
// Get the pagination // Get the pagination
this._userService.pagination$ this._userService.pagination$
.pipe(takeUntil(this._unsubscribeAll)) .pipe(takeUntil(this._unsubscribeAll))

View File

@ -14,6 +14,7 @@ import { MatTooltipModule } from '@angular/material/tooltip';
import { MatGridListModule } from '@angular/material/grid-list'; import { MatGridListModule } from '@angular/material/grid-list';
import { MatSlideToggleModule } from '@angular/material/slide-toggle'; import { MatSlideToggleModule } from '@angular/material/slide-toggle';
import { MatRadioModule } from '@angular/material/radio'; import { MatRadioModule } from '@angular/material/radio';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { TranslocoModule } from '@ngneat/transloco'; import { TranslocoModule } from '@ngneat/transloco';
@ -43,6 +44,7 @@ import { userRoutes } from 'app/modules/admin/member/user/user.routing';
MatGridListModule, MatGridListModule,
MatSlideToggleModule, MatSlideToggleModule,
MatRadioModule, MatRadioModule,
MatCheckboxModule,
], ],
}) })
export class UserModule {} export class UserModule {}