루징 관리 기본 데이터 상세 진행중

This commit is contained in:
Park Byung Eun 2022-08-02 09:54:09 +00:00
parent 2f491e7207
commit edb24ef08d
5 changed files with 175 additions and 121 deletions

View File

@ -123,7 +123,7 @@
mat-flat-button
class="bet-mat-small-8"
[color]="'primary'"
(click)="__viewLoosingDetail(info.id)"
(click)="__viewLoosingDetail(info, '0')"
>
상세보기
</button></span
@ -153,7 +153,7 @@
mat-flat-button
class="bet-mat-small-8"
[color]="'primary'"
(click)="__viewLoosingDetail(info.id)"
(click)="__viewLoosingDetail(info, '1')"
>
상세보기
</button></span

View File

@ -19,7 +19,11 @@ import { FuseConfirmationService } from '@fuse/services/confirmation';
import { Loosing } from '../models/loosing';
import { LoosingService } from '../services/loosing.service';
import { Router } from '@angular/router';
import {
NavigationBehaviorOptions,
NavigationExtras,
Router,
} from '@angular/router';
import { MatTableDataSource } from '@angular/material/table';
@Component({
@ -164,9 +168,16 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
// @ Private methods
// -----------------------------------------------------------------------------------------------------
__viewLoosingDetail(loosing: Loosing): void {
__viewLoosingDetail(loosing: Loosing, type: string): void {
let url: string = 'report/loosing/' + loosing.id;
this.router.navigateByUrl(url);
let extras: NavigationBehaviorOptions = {
state: {
viewType: type,
startDate: loosing.startDate,
endDate: loosing.endDate,
},
};
this.router.navigateByUrl(url, extras);
}
__onClickRemoveBtn(event: MouseEvent, id: string): void {

View File

@ -7,49 +7,13 @@
class="sm:col-span-6 flex flex-col flex-auto p-6 bg-card shadow rounded-2xl overflow-hidden"
>
<div class="text-lg font-medium tracking-tight leading-6 truncate">
기본데이터
루징 관리
</div>
<!-- Search -->
<div
class="relative flex flex-col sm:flex-row flex-0 sm:items-center sm:justify-between py-4 px-6 md:px-8 border-b"
>
<!-- Card inception -->
<div class="col-span-2 sm:col-span-1">
<mat-form-field
class="fuse-mat-no-subscript w-full"
[floatLabel]="'always'"
>
<input
matInput
[matDatepicker]="picker1"
[placeholder]="'Choose a date'"
/>
<mat-datepicker-toggle
matSuffix
[for]="picker1"
></mat-datepicker-toggle>
<mat-datepicker #picker1></mat-datepicker>
</mat-form-field>
</div>
<!-- Card expiration -->
<div class="col-span-2 sm:col-span-1">
<mat-form-field
class="fuse-mat-no-subscript w-full"
[floatLabel]="'always'"
>
<input
matInput
[matDatepicker]="picker2"
[placeholder]="'Choose a date'"
/>
<mat-datepicker-toggle
matSuffix
[for]="picker2"
></mat-datepicker-toggle>
<mat-datepicker #picker2></mat-datepicker>
</mat-form-field>
</div>
<!-- Actions -->
<div fxLayout="row wrap" class="items-center mt-6 sm:mt-0 sm:ml-0">
<!-- Search -->
@ -61,7 +25,16 @@
(click)="__createProduct()"
>
<mat-icon [svgIcon]="'heroicons_outline:search'"></mat-icon>
<span class="ml-2 mr-1">기본데이터생성</span>
<span class="ml-2 mr-1">목록으로</span>
</button>
<button
mat-flat-button
[color]="'primary'"
fxFlex
(click)="__createProduct()"
>
<mat-icon [svgIcon]="'heroicons_outline:search'"></mat-icon>
<span class="ml-2 mr-1">루징데이터보기</span>
</button>
</div>
</div>
@ -72,9 +45,11 @@
mat-table
[dataSource]="loosingDataSource"
>
<!-- Index -->
<ng-container matColumnDef="index">
<th mat-header-cell *matHeaderCellDef>번호</th>
<!-- 아이디 -->
<ng-container matColumnDef="signinId">
<th mat-header-cell *matHeaderCellDef [attr.rowspan]="2">
아이디
</th>
<td mat-cell *matCellDef="let info; let i = index">
<span class="font-medium text-right">
{{ i + 1 }}
@ -82,18 +57,22 @@
</td>
</ng-container>
<!-- 시작일 -->
<ng-container matColumnDef="startDate">
<th mat-header-cell *matHeaderCellDef>시작일</th>
<!-- 코드 -->
<ng-container matColumnDef="code">
<th mat-header-cell *matHeaderCellDef [attr.rowspan]="2">
코드
</th>
<td mat-cell *matCellDef="let info">
<span class="font-medium text-right">
{{ info.startDate }}
</span>
</td>
</ng-container>
<!-- 종료일 -->
<ng-container matColumnDef="endDate">
<th mat-header-cell *matHeaderCellDef>종료일</th>
<!-- 카지노루징 시작-->
<!-- 베팅 -->
<ng-container matColumnDef="casinoBet">
<th mat-header-cell *matHeaderCellDef>베팅</th>
<td mat-cell *matCellDef="let info">
<span class="font-medium text-right">
{{ info.endDate }}
@ -101,81 +80,141 @@
</td>
</ng-container>
<!-- 기본데이터 -->
<ng-container matColumnDef="defaultDataTotalCount">
<th mat-header-cell *matHeaderCellDef colspan="2">
기본데이터
</th>
<!-- 당첨 -->
<ng-container matColumnDef="casinoWin">
<th mat-header-cell *matHeaderCellDef>당첨</th>
<td mat-cell *matCellDef="let info">
<span class="font-medium text-right">{{
info.defaultCount
}}</span>
</td>
</ng-container>
<ng-container matColumnDef="defaultDataViewBtn">
<td
mat-cell
*matCellDef="let info"
style="border-left: 1px solid #e0e0e0"
>
<span class="font-medium text-right"
><button
mat-flat-button
class="bet-mat-small-8"
[color]="'primary'"
>
상세보기
</button></span
>
</td>
</ng-container>
<!-- 루징데이터 -->
<ng-container matColumnDef="loosingDataTotalCount">
<th mat-header-cell *matHeaderCellDef colspan="2">
루징데이터
</th>
<!-- 윈로스 -->
<ng-container matColumnDef="casinoWinLoss">
<th mat-header-cell *matHeaderCellDef>윈로스</th>
<td mat-cell *matCellDef="let info">
<span class="font-medium text-right">{{
info.loosingCount
}}</span>
</td>
</ng-container>
<ng-container matColumnDef="loosingDataViewBtn">
<td
mat-cell
*matCellDef="let info"
style="border-left: 1px solid #e0e0e0"
>
<span class="font-medium text-right"
><button
mat-flat-button
class="bet-mat-small-8"
[color]="'primary'"
>
상세보기
</button></span
>
</td>
</ng-container>
<!-- 삭제 -->
<ng-container matColumnDef="removeBtn">
<th mat-header-cell *matHeaderCellDef>삭제</th>
<!-- 롤링 -->
<ng-container matColumnDef="casinoRolling">
<th mat-header-cell *matHeaderCellDef>롤링</th>
<td mat-cell *matCellDef="let info">
<span class="font-medium text-right"
><button
mat-flat-button
class="bet-mat-small-8"
[color]="'primary'"
>
삭제
</button></span
>
<span class="font-medium text-right">{{
info.loosingCount
}}</span>
</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="headerTableColumns"></tr>
<!-- 루징요율 -->
<ng-container matColumnDef="casinoLoosing">
<th mat-header-cell *matHeaderCellDef>루징요율</th>
<td mat-cell *matCellDef="let info">
<span class="font-medium text-right">{{
info.loosingCount
}}</span>
</td>
</ng-container>
<!-- 본인 -->
<ng-container matColumnDef="casinoSelf">
<th mat-header-cell *matHeaderCellDef>본인</th>
<td mat-cell *matCellDef="let info">
<span class="font-medium text-right">{{
info.loosingCount
}}</span>
</td>
</ng-container>
<!-- 카지노루징 끝-->
<!-- 슬롯루징 시작-->
<!-- 베팅 -->
<ng-container matColumnDef="slotBet">
<th mat-header-cell *matHeaderCellDef>베팅</th>
<td mat-cell *matCellDef="let info">
<span class="font-medium text-right">
{{ info.endDate }}
</span>
</td>
</ng-container>
<!-- 당첨 -->
<ng-container matColumnDef="slotWin">
<th mat-header-cell *matHeaderCellDef>당첨</th>
<td mat-cell *matCellDef="let info">
<span class="font-medium text-right">{{
info.defaultCount
}}</span>
</td>
</ng-container>
<!-- 윈로스 -->
<ng-container matColumnDef="slotWinLoss">
<th mat-header-cell *matHeaderCellDef>윈로스</th>
<td mat-cell *matCellDef="let info">
<span class="font-medium text-right">{{
info.loosingCount
}}</span>
</td>
</ng-container>
<!-- 롤링 -->
<ng-container matColumnDef="slotRolling">
<th mat-header-cell *matHeaderCellDef>롤링</th>
<td mat-cell *matCellDef="let info">
<span class="font-medium text-right">{{
info.loosingCount
}}</span>
</td>
</ng-container>
<!-- 루징요율 -->
<ng-container matColumnDef="slotLoosing">
<th mat-header-cell *matHeaderCellDef>루징요율</th>
<td mat-cell *matCellDef="let info">
<span class="font-medium text-right">{{
info.loosingCount
}}</span>
</td>
</ng-container>
<!-- 본인 -->
<ng-container matColumnDef="slotSelf">
<th mat-header-cell *matHeaderCellDef>본인</th>
<td mat-cell *matCellDef="let info">
<span class="font-medium text-right">{{
info.loosingCount
}}</span>
</td>
</ng-container>
<!-- 슬롯루징 끝-->
<!-- Header row second group -->
<ng-container matColumnDef="header-row-casino-group">
<th mat-header-cell *matHeaderCellDef [attr.colspan]="6">
카지노루징
</th>
</ng-container>
<!-- Header row second group -->
<ng-container matColumnDef="header-row-slot-group">
<th mat-header-cell *matHeaderCellDef [attr.colspan]="6">
슬롯루징
</th>
</ng-container>
<tr
mat-header-row
*matHeaderRowDef="[
'signinId',
'code',
'header-row-casino-group',
'header-row-slot-group'
]"
></tr>
<tr mat-header-row *matHeaderRowDef="displayedTableColumns"></tr>
<tr
mat-row
*matRowDef="let row; columns: displayedTableColumns"

View File

@ -70,14 +70,18 @@ export class ViewComponent implements OnInit, AfterViewInit, OnDestroy {
];
displayedTableColumns: string[] = [
'index',
'startDate',
'endDate',
'defaultDataTotalCount',
'defaultDataViewBtn',
'loosingDataTotalCount',
'loosingDataViewBtn',
'removeBtn',
'casinoBet',
'casinoWin',
'casinoWinLoss',
'casinoRolling',
'casinoLoosing',
'casinoSelf',
'slotBet',
'slotWin',
'slotWinLoss',
'slotRolling',
'slotLoosing',
'slotSelf',
];
/**
@ -87,7 +91,7 @@ export class ViewComponent implements OnInit, AfterViewInit, OnDestroy {
private _changeDetectorRef: ChangeDetectorRef,
private _fuseConfirmationService: FuseConfirmationService,
private _loosingService: LoosingService,
private router: Router
private _router: Router
) {}
// -----------------------------------------------------------------------------------------------------

View File

@ -19,8 +19,8 @@ export const loosingRoutes: Route[] = [
{
path: ':id',
component: ViewComponent,
resolve: {
loosing: LoosingResolver,
},
// resolve: {
// loosing: LoosingResolver,
// },
},
];