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

feat(admin,api,player): settlement stats, team crests, MS fields and list bet summary

Browse Source
This commit is contained in:
Mars
2026-06-04 17:30:48 +08:00
parent cc737e2924
commit 9fcee31a9a
27 changed files with 2296 additions and 427 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
apps/admin/src/views/Matches.vue
View File

@@ -5,10 +5,13 @@ import { resolveFormError } from '../i18n/form-validation';
import api from '../api';
import { ElMessage } from 'element-plus';
import LeagueMatchesPanel from './matches/LeagueMatchesPanel.vue';
import LogoUrlField from '../components/LogoUrlField.vue';
import { countryDisplayName, type BuiltinCountry } from '../data/builtinCountries';
import {
readMatchesListUiState,
writeMatchesListUiState,
} from '../utils/matchesListState.ts';
import { formatAmount } from '../utils/format-amount';
import {
emptyMatchForm,
buildPlatformPayload,
@@ -135,6 +138,27 @@ async function submitCreateLeague() {
}
}
function applyTeamFromCountry(side: 'home' | 'away', country: BuiltinCountry) {
const msName = countryDisplayName(country, 'ms-MY');
if (side === 'home') {
if (!form.value.homeTeamZh.trim()) form.value.homeTeamZh = country.nameZh;
if (!form.value.homeTeamEn.trim()) form.value.homeTeamEn = country.nameEn;
if (!form.value.homeTeamMs.trim()) form.value.homeTeamMs = msName;
} else {
if (!form.value.awayTeamZh.trim()) form.value.awayTeamZh = country.nameZh;
if (!form.value.awayTeamEn.trim()) form.value.awayTeamEn = country.nameEn;
if (!form.value.awayTeamMs.trim()) form.value.awayTeamMs = msName;
}
}
function draftTeamCode(side: 'home' | 'away') {
const en = side === 'home' ? form.value.homeTeamEn : form.value.awayTeamEn;
const zh = side === 'home' ? form.value.homeTeamZh : form.value.awayTeamZh;
const name = (en || zh).trim();
if (!name) return '';
return `NAME_${name.replace(/[^a-zA-Z0-9]+/g, '_').replace(/^_|_$/g, '').toUpperCase().slice(0, 48)}`;
}
function openCreateFixture(leagueRow: unknown) {
const r = rowOf(leagueRow);
form.value = emptyMatchForm();
@@ -245,6 +269,24 @@ function leagueTitle(row: unknown) {
function leagueMatchCount(row: unknown) {
return Number(rowOf(row).matchCount ?? 0);
}
function leagueBetStats(row: unknown) {
return rowOf(row).betStats as
| { betCount?: number; totalStake?: string; pendingCount?: number }
| undefined;
}
function leagueBetCount(row: unknown) {
return Number(leagueBetStats(row)?.betCount ?? 0);
}
function leagueTotalStake(row: unknown) {
return formatAmount(String(leagueBetStats(row)?.totalStake ?? '0'));
}
function leaguePendingBets(row: unknown) {
return Number(leagueBetStats(row)?.pendingCount ?? 0);
}
function isLeagueExpanded(id: string) {
return expandedRowKeys.value.includes(id);
}
@@ -320,10 +362,26 @@ function isLeagueExpanded(id: string) {
</div>
</template>
</el-table-column>
<el-table-column :label="t('match.col.fixture_count')" width="100" align="center">
<el-table-column :label="t('match.col.fixture_count')" width="88" align="center">
<template #default="{ row }">{{ leagueMatchCount(row) }}</template>
</el-table-column>
<el-table-column :label="t('match.col.league_code')" width="120">
<el-table-column :label="t('match.col.bet_count')" width="72" align="center">
<template #default="{ row }">
<span :class="{ 'bet-stat-active': leagueBetCount(row) > 0 }">{{ leagueBetCount(row) }}</span>
</template>
</el-table-column>
<el-table-column :label="t('match.col.total_stake')" width="108" align="right">
<template #default="{ row }">{{ leagueTotalStake(row) }}</template>
</el-table-column>
<el-table-column :label="t('match.col.pending_bets')" width="80" align="center">
<template #default="{ row }">
<el-tag v-if="leaguePendingBets(row) > 0" type="warning" size="small" effect="plain">
{{ leaguePendingBets(row) }}
</el-tag>
<span v-else class="bet-stat-zero">0</span>
</template>
</el-table-column>
<el-table-column :label="t('match.col.league_code')" width="100">
<template #default="{ row }">{{ rowOf(row).code }}</template>
</el-table-column>
</el-table>
@@ -369,7 +427,7 @@ function isLeagueExpanded(id: string) {
<el-dialog
v-model="createVisible"
:title="t('match.dialog.create_fixture')"
width="520px"
width="560px"
destroy-on-close
>
<el-form label-width="96px">
@@ -399,12 +457,32 @@ function isLeagueExpanded(id: string) {
<el-form-item :label="t('match.field.home_zh')">
<el-input v-model="form.homeTeamZh" :placeholder="t('match.ph.home_zh')" />
</el-form-item>
<el-form-item :label="t('match.field.home_ms')">
<el-input v-model="form.homeTeamMs" :placeholder="t('match.ph.home_ms')" />
</el-form-item>
<el-form-item :label="t('matchEditor.field.home_logo')">
<LogoUrlField
v-model="form.homeTeamLogoUrl"
:team-code="draftTeamCode('home')"
@pick="applyTeamFromCountry('home', $event)"
/>
</el-form-item>
<el-form-item :label="t('match.field.away_en')">
<el-input v-model="form.awayTeamEn" :placeholder="t('match.ph.away_en')" />
</el-form-item>
<el-form-item :label="t('match.field.away_zh')">
<el-input v-model="form.awayTeamZh" :placeholder="t('match.ph.away_zh')" />
</el-form-item>
<el-form-item :label="t('match.field.away_ms')">
<el-input v-model="form.awayTeamMs" :placeholder="t('match.ph.away_ms')" />
</el-form-item>
<el-form-item :label="t('matchEditor.field.away_logo')">
<LogoUrlField
v-model="form.awayTeamLogoUrl"
:team-code="draftTeamCode('away')"
@pick="applyTeamFromCountry('away', $event)"
/>
</el-form-item>
<el-form-item :label="t('match.field.featured')">
<el-switch v-model="form.isHot" />
</el-form-item>
@@ -518,6 +596,13 @@ function isLeagueExpanded(id: string) {
.matchup-link {
color: var(--green-text);
}
.bet-stat-active {
color: var(--green-text);
font-weight: 600;
}
.bet-stat-zero {
color: #555;
}
.league-cell {
display: flex;
@@ -536,4 +621,8 @@ function isLeagueExpanded(id: string) {
color: var(--green-text);
font-weight: 500;
}
:deep(.logo-url-field) {
width: 100%;
}
</style>