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

32
apps/admin/src/views/AgentManager.vue
View File

@@ -1452,26 +1452,26 @@ function creditTypeLabel(type: string) {
</template>
</el-table-column>
<el-table-column prop="userId" label="ID" width="64" />
<el-table-column prop="username" :label="t('user.col.username')" width="100" show-overflow-tooltip />
<el-table-column :label="t('common.status')" width="72">
<el-table-column prop="userId" label="ID" min-width="64" />
<el-table-column prop="username" :label="t('user.col.username')" min-width="100" show-overflow-tooltip />
<el-table-column :label="t('common.status')" min-width="72">
<template #default="{ row }">
<el-tag :type="statusTagType(row.status)" size="small">{{ statusLabel(row.status) }}</el-tag>
</template>
</el-table-column>
<el-table-column prop="level" :label="t('agent.col.level')" width="52" align="center">
<el-table-column prop="level" :label="t('agent.col.level')" min-width="52" align="center">
<template #default="{ row }">L{{ row.level }}</template>
</el-table-column>
<el-table-column :label="t('agent.col.credit')" width="132" align="right">
<el-table-column :label="t('agent.col.credit')" min-width="148" align="right">
<template #default="{ row }">
<el-tooltip :content="creditLineFull(row)" placement="top">
<span class="amount-compact">{{ creditLine(row) }}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column prop="directPlayerCount" :label="t('agent.col.direct_players')" width="72" align="center" />
<el-table-column prop="childAgentCount" :label="t('agent.col.sub_agents')" width="72" align="center" />
<el-table-column :label="t('agent.col.cashback')" width="80" align="right">
<el-table-column prop="directPlayerCount" :label="t('agent.col.direct_players')" min-width="72" align="center" />
<el-table-column prop="childAgentCount" :label="t('agent.col.sub_agents')" min-width="72" align="center" />
<el-table-column :label="t('agent.col.cashback')" min-width="80" align="right">
<template #default="{ row }">{{ row.cashbackRate }}</template>
</el-table-column>
<el-table-column :label="t('common.actions')" width="400" fixed="right" align="center">
@@ -1595,24 +1595,24 @@ function creditTypeLabel(type: string) {
</div>
</template>
</el-table-column>
<el-table-column prop="userId" label="ID" width="64" />
<el-table-column prop="username" :label="t('user.col.username')" width="100" show-overflow-tooltip />
<el-table-column :label="t('agent.col.parent_chain')" width="120" show-overflow-tooltip>
<el-table-column prop="userId" label="ID" min-width="64" />
<el-table-column prop="username" :label="t('user.col.username')" min-width="100" show-overflow-tooltip />
<el-table-column :label="t('agent.col.parent_chain')" min-width="120" show-overflow-tooltip>
<template #default="{ row }">{{ parentChainLabel(row) }}</template>
</el-table-column>
<el-table-column :label="t('common.status')" width="72">
<el-table-column :label="t('common.status')" min-width="72">
<template #default="{ row }">
<el-tag :type="statusTagType(subAgentAccountStatus(row))" size="small">{{ statusLabel(subAgentAccountStatus(row)) }}</el-tag>
</template>
</el-table-column>
<el-table-column :label="t('agent.col.credit')" width="132" align="right">
<el-table-column :label="t('agent.col.credit')" min-width="148" align="right">
<template #default="{ row }">
<el-tooltip :content="creditLineFull(row)" placement="top">
<span class="amount-compact">{{ creditLine(row) }}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column prop="directPlayerCount" :label="t('agent.col.direct_players')" width="72" align="center" />
<el-table-column prop="directPlayerCount" :label="t('agent.col.direct_players')" min-width="72" align="center" />
<el-table-column :label="t('common.actions')" width="400" fixed="right" align="center">
<template #default="{ row }">
<div class="action-btns" @click.stop>
@@ -2248,7 +2248,9 @@ function creditTypeLabel(type: string) {
.expandable-table :deep(.row-expandable) {
cursor: pointer;
}
.compact-agent-table :deep(.el-table__header .el-table__cell),
.compact-agent-table :deep(.el-table__header .el-table__cell) {
padding: 4px 8px;
}
.compact-agent-table :deep(.el-table__body .el-table__cell) {
padding: 6px 8px;
}