ysc/thebet365
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: replace watermarks with corner tags, improve parlay layout and admin polish

Browse Source 
- MatchDetailView: replace StatusWatermark with top-right solid status tags, remove match-hero background image
- ParlayPanel: replace StatusWatermark with corner tags, improve toggle button style and layout spacing, fix overflow clipping
- Admin: wallet ledger dialog, agent manager, and player page refinements

🤖 Generated with [Qoder][https://qoder.com]
This commit is contained in:
Mars
2026-06-10 16:24:01 +08:00
parent ef6b15f119
commit a8ee28fcce
7 changed files with 159 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
apps/admin/src/components/PlayerWalletLedgerDialog.vue
View File

@@ -133,7 +133,7 @@ watch(
<el-dialog
v-model="visible"
:title="dialogTitle"
width="960px"
width="980px"
destroy-on-close
class="player-wallet-ledger-dialog"
append-to-body
@@ -172,10 +172,10 @@ watch(
<el-table-column :label="t('finance.col.tx_id')" min-width="120" show-overflow-tooltip>
<template #default="{ row }">{{ row.transactionId }}</template>
</el-table-column>
<el-table-column :label="t('agent.col.credit_type')" width="92">
<el-table-column :label="t('agent.col.credit_type')" min-width="88">
<template #default="{ row }">{{ walletTypeLabel(row.transactionType) }}</template>
</el-table-column>
<el-table-column :label="t('finance.col.balance_change')" width="100" align="right">
<el-table-column :label="t('finance.col.balance_change')" min-width="96" align="right">
<template #default="{ row }">
<el-tooltip :content="formatAmountFull(row.amount)" placement="top">
<span :class="parseFloat(row.amount) >= 0 ? 'amt-pos' : 'amt-neg'">
@@ -184,28 +184,28 @@ watch(
</el-tooltip>
</template>
</el-table-column>
<el-table-column :label="t('finance.col.balance_before')" width="96" align="right">
<el-table-column :label="t('finance.col.balance_before')" min-width="92" align="right">
<template #default="{ row }">
<el-tooltip :content="formatAmountFull(row.balanceBefore)" placement="top">
<span>{{ formatAmount(row.balanceBefore) }}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column :label="t('finance.col.balance_after')" width="96" align="right">
<el-table-column :label="t('finance.col.balance_after')" min-width="92" align="right">
<template #default="{ row }">
<el-tooltip :content="formatAmountFull(row.balanceAfter)" placement="top">
<span>{{ formatAmount(row.balanceAfter) }}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column :label="t('finance.col.frozen_before')" width="96" align="right">
<el-table-column :label="t('finance.col.frozen_before')" min-width="92" align="right">
<template #default="{ row }">
<el-tooltip :content="formatAmountFull(row.frozenBefore)" placement="top">
<span>{{ formatAmount(row.frozenBefore) }}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column :label="t('finance.col.frozen_after')" width="96" align="right">
<el-table-column :label="t('finance.col.frozen_after')" min-width="92" align="right">
<template #default="{ row }">
<el-tooltip :content="formatAmountFull(row.frozenAfter)" placement="top">
<span>{{ formatAmount(row.frozenAfter) }}</span>
@@ -250,18 +250,22 @@ watch(
<style scoped>
.ledger-filter {
margin-bottom: 12px;
margin-bottom: 8px;
}
.ledger-filter :deep(.el-form-item) {
margin-bottom: 0;
margin-right: 12px;
margin-right: 8px;
}
.table-wrap {
margin: 0 -2px;
}
.pager {
display: flex;
justify-content: flex-end;
margin-top: 12px;
margin-top: 8px;
}
.amt-pos {
@@ -283,3 +287,18 @@ watch(
text-decoration: underline;
}
</style>
<style>
.player-wallet-ledger-dialog .el-dialog__header {
padding: 12px 16px 6px;
margin-right: 0;
}
.player-wallet-ledger-dialog .el-dialog__body {
padding: 10px 12px;
}
.player-wallet-ledger-dialog .el-dialog__headerbtn {
top: 10px;
}
</style>