From 57a65e17fea728471602b6ee47a6c6270b825c31 Mon Sep 17 00:00:00 2001 From: Park Byung Eun Date: Wed, 31 Aug 2022 08:19:27 +0000 Subject: [PATCH] =?UTF-8?q?=EC=9B=B9=20=EC=9E=85=EC=B6=9C=EA=B8=88?= =?UTF-8?q?=EB=82=B4=EC=97=AD=20=ED=99=94=EB=A9=B4=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/list.component.html | 493 ++++++++++-------- .../components/list.component.ts | 73 ++- .../web-calculate/web-calculate.module.ts | 4 + 3 files changed, 355 insertions(+), 215 deletions(-) diff --git a/src/app/modules/admin/bank/web-calculate/components/list.component.html b/src/app/modules/admin/bank/web-calculate/components/list.component.html index fe04be7..34b9c1e 100644 --- a/src/app/modules/admin/bank/web-calculate/components/list.component.html +++ b/src/app/modules/admin/bank/web-calculate/components/list.component.html @@ -1,33 +1,289 @@
- + + + + +
+ +
+
+
웹 입출금 정산
+
+
+ +
+ +
+
+ +
+ +
+ +
+
+ {{ panel.title }} +
+
+ {{ panel.description }} +
+
+
+ +
+ + + + + +
+ +
+ + + + +
+ {{ getPanelInfo(selectedPanel).title }} +
+
+ + +
+ + + +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
번호 + + {{ info.webDepositIdx }} + + + 아이디(닉네임) + + {{ info.webDepositId }} + 입금자이름 + {{ info.nameOfDepositer }} + 결제금액 + {{ info.webWithdrawAmountOfPayment }} + 신청일 + {{ + info.webWithdrawregistrationDate + | date: "yyyy/MM/dd HH:mm" + }} + 확인일 + {{ + info.webWithdrawConfirmDate + | date: "yyyy/MM/dd HH:mm" + }} +
+
+ + +
+ There are no data! +
+ +
+ + +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
번호 + + {{ info.webDepositIdx }} + + + 아이디(닉네임) + + {{ info.webDepositId }} + 입금자이름 + {{ info.nameOfDepositer }} + 결제금액 + {{ info.webWithdrawAmountOfPayment }} + 신청일 + {{ + info.webWithdrawregistrationDate + | date: "yyyy/MM/dd HH:mm" + }} + 확인일 + {{ + info.webWithdrawConfirmDate + | date: "yyyy/MM/dd HH:mm" + }} +
+
+ + +
+ There are no data! +
+ +
+ + +
+
+ + +
+ +
- -
- -
- -
웹 입출금 정산
- -
- - -
-
- -
-
- - - - - 아이디 - 닉네임 - - - - - - -
- - -
웹입금
-
- -
- - -
- -
-
번호
-
- 아이디 -
- 닉네임 -
-
등급
- - - -
- - - -
-
- {{ webCalculate.webDepositIdx }} -
-
- {{ webCalculate.webDepositId }} -
- {{ webCalculate.webDepositNickname }} -
-
{{ webCalculate.webDepositRank }}
- - - -
- -
합계   71,300,000원
- -
- - - - -
- There are no Data! -
- -
-
- -
웹출금
-
- -
- - -
- -
-
번호
-
- 아이디 -
- 닉네임 -
-
등급
- - - -
- - - -
-
- {{ webCalculate.webWithdrawIdx }} -
-
- {{ webCalculate.webWithdrawId }} -
- {{ webCalculate.webWithdrawNickname }} -
-
{{ webCalculate.webWithdrawRank }}
- - - -
- -
합계   19,010,000원
- -
- - - - - - -
- There are no Data! -
- -
-
- + diff --git a/src/app/modules/admin/bank/web-calculate/components/list.component.ts b/src/app/modules/admin/bank/web-calculate/components/list.component.ts index c27a0cc..795ea10 100644 --- a/src/app/modules/admin/bank/web-calculate/components/list.component.ts +++ b/src/app/modules/admin/bank/web-calculate/components/list.component.ts @@ -32,6 +32,8 @@ import { FuseConfirmationService } from '@fuse/services/confirmation'; import { WebCalculate } from '../models/web-calculate'; import { WebCalculatePagination } from '../models/web-calculate-pagination'; import { WebCalculateService } from '../services/web-calculate.service'; +import { MatDrawer } from '@angular/material/sidenav'; +import { MatTableDataSource } from '@angular/material/table'; @Component({ selector: 'web-calculate-list', @@ -45,17 +47,17 @@ import { WebCalculateService } from '../services/web-calculate.service'; @screen sm { /* 번호 아이디 등급 입금자 결제 신청 */ - grid-template-columns: 40px 140px 100px auto 140px 140px; + grid-template-columns: 40px 140px 80px auto 140px 140px; } @screen md { /* 번호 아이디 등급 입금자 결제 신청 */ - grid-template-columns: 40px 140px 100px auto 140px 140px; + grid-template-columns: 40px 180px 80px auto 180px 140px; } @screen lg { /* 번호 아이디 등급 입금자 결제 신청 */ - grid-template-columns: 40px 100px auto 40px 140px 140px; + grid-template-columns: 40px 180px 80px auto 180px 140px; } } `, @@ -68,14 +70,33 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy { @ViewChild(MatPaginator) private _paginator!: MatPaginator; @ViewChild(MatSort) private _sort!: MatSort; + @ViewChild('drawer') drawer!: MatDrawer; + drawerMode: 'over' | 'side' = 'side'; + drawerOpened: boolean = true; + + webDepositCalculatesDataSource: MatTableDataSource = + new MatTableDataSource(); + webCalculates$!: Observable; + panels: any[] = []; + selectedPanel: string = 'webDepositList'; + __isSearchOpened = false; isLoading = false; searchInputControl = new FormControl(); selectedWebCalculate?: WebCalculate; pagination?: WebCalculatePagination; + webDepositTableColumns: string[] = [ + 'no', + 'username', + 'accountHolder', + 'amount', + 'createdAt', + 'stateChangedAt', + ]; + private _unsubscribeAll: Subject = new Subject(); /** @@ -108,7 +129,30 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy { }); // Get the products + this._webCalculateService.webCalculates$ + .pipe(takeUntil(this._unsubscribeAll)) + .subscribe((result: WebCalculate[] | undefined) => { + if (!result) { + return; + } + this.webDepositCalculatesDataSource.data = result; + }); this.webCalculates$ = this._webCalculateService.webCalculates$; + + this.panels = [ + { + id: 'webDepositList', + icon: 'heroicons_outline:user-circle', + title: '웹입금 내역', + description: 'Manage your public profile and private information', + }, + { + id: 'webWithdrawList', + icon: 'heroicons_outline:user-circle', + title: '웹출금 내역', + description: 'Manage your public profile and private information', + }, + ]; } /** @@ -167,6 +211,29 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy { // @ Public methods // ----------------------------------------------------------------------------------------------------- + /** + * Get the details of the panel + * + * @param id + */ + getPanelInfo(id: string): any { + return this.panels.find((panel) => panel.id === id); + } + + /** + * Navigate to the panel + * + * @param panel + */ + goToPanel(panel: string): void { + this.selectedPanel = panel; + + // Close the drawer on 'over' mode + if (this.drawerMode === 'over') { + this.drawer.close(); + } + } + // ----------------------------------------------------------------------------------------------------- // @ Private methods // ----------------------------------------------------------------------------------------------------- diff --git a/src/app/modules/admin/bank/web-calculate/web-calculate.module.ts b/src/app/modules/admin/bank/web-calculate/web-calculate.module.ts index 1c7fed9..e9ea3ae 100644 --- a/src/app/modules/admin/bank/web-calculate/web-calculate.module.ts +++ b/src/app/modules/admin/bank/web-calculate/web-calculate.module.ts @@ -11,6 +11,8 @@ import { MatSortModule } from '@angular/material/sort'; import { MatSelectModule } from '@angular/material/select'; import { MatDatepickerModule } from '@angular/material/datepicker'; import { MatMomentDateModule } from '@angular/material-moment-adapter'; +import { MatSidenavModule } from '@angular/material/sidenav'; +import { MatTableModule } from '@angular/material/table'; import { TranslocoModule } from '@ngneat/transloco'; @@ -37,6 +39,8 @@ import { webCalculateRoutes } from './web-calculate.routing'; MatSelectModule, MatDatepickerModule, MatMomentDateModule, + MatSidenavModule, + MatTableModule, ], }) export class WebCalculateModule {}