deposits.component.html
4.48 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<mat-expansion-panel>
<mat-expansion-panel-header [expandedHeight]="expandedHeight" [collapsedHeight]="collapsedHeight">
<mat-panel-title>Deposits Filters</mat-panel-title>
</mat-expansion-panel-header>
<ng-template matExpansionPanelContent>
</ng-template>
<mat-form-field class="pr-1">
<mat-select placeholder="Transaction Type">
<mat-option>--</mat-option>
<mat-option value="wechat">Wechat</mat-option>
<mat-option value="Online">Online Debit</mat-option>
<mat-option value="alipay">Alipay</mat-option>
<mat-option value="qqpay">QQpay</mat-option>
<mat-option value="jdpay">JDpay</mat-option>
<mat-option value="lbt">LBT</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field>
<input matInput [matDatepicker]="startDate" placeholder="Start Date" [disabled]="inputDisabled">
<mat-datepicker-toggle matSuffix [for]="startDate"></mat-datepicker-toggle>
<mat-datepicker #startDate [touchUi]="touch" [disabled]="datepickerDisabled"></mat-datepicker>
</mat-form-field>
<mat-form-field>
<input matInput [matDatepicker]="endDate" placeholder="End Date" [disabled]="inputDisabled">
<mat-datepicker-toggle matSuffix [for]="endDate"></mat-datepicker-toggle>
<mat-datepicker #endDate [touchUi]="touch" [disabled]="datepickerDisabled"></mat-datepicker>
</mat-form-field>
<mat-form-field>
<input matInput placeholder="Username">
</mat-form-field>
<mat-form-field>
<input matInput placeholder="Deposit ID">
</mat-form-field>
<mat-form-field class="pr-1">
<mat-select placeholder="Payment Platform">
<mat-option>--</mat-option>
<mat-option value="gateway1">Payment Gateway-1</mat-option>
<mat-option value="gateway2">Payment Gateway-2</mat-option>
<mat-option value="gateway3">Payment Gateway-3</mat-option>
<mat-option value="gateway4">Payment Gateway-4</mat-option>
<mat-option value="gateway5">Payment Gateway-5</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field>
<mat-select placeholder="Status">
<mat-option>--</mat-option>
<mat-option value="0">Pending</mat-option>
<mat-option value="1">Success</mat-option>
<mat-option value="2">Failed</mat-option>
</mat-select>
</mat-form-field>
<button mat-raised-button matTooltip="Search" color="primary">Search</button>
<button mat-button matTooltip="Clean">Clean</button>
</mat-expansion-panel>
<div class="mat-box-shadow">
<ngx-datatable class="material bg-white" [columnMode]="'force'" [headerHeight]="50" [footerHeight]="50"
[rowHeight]="50" [limit]="10" [rows]="depositDataSource" [columns]="columns">
<ngx-datatable-column name="Deposit ID">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.depositId }}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Status">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.status }}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="User Name">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.userName }}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Amount">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.amount }}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Payment Platform">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.paymentPlatform }}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Transaction Type">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.transactionType }}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Create Time">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.createTime }}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Execute Time">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.executeTime }}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Remote Ip">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.remoteIp }}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Remark">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.remark }}
</ng-template>
</ngx-datatable-column>
</ngx-datatable>
</div>