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

feat(i18n): 管理端与玩家端三语支持（中/英/马来语）

Browse Source 
- 管理后台 adminT 文案库、结算与代理端页面、表单校验
- 玩家端 vue-i18n 补全首页/公告/串关与 ms 文案
- Element Plus ms 语言包与共享 locale 工具
This commit is contained in:
Mars
2026-06-03 15:05:36 +08:00
parent 80adc0e928
commit cbfa18d1d3
63 changed files with 3081 additions and 1038 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
apps/admin/src/App.vue
View File

@@ -1,7 +1,26 @@
<script setup lang="ts">
import { computed } from 'vue';
import { RouterView } from 'vue-router';
import { ElConfigProvider } from 'element-plus';
import zhCn from 'element-plus/es/locale/lang/zh-cn';
import en from 'element-plus/es/locale/lang/en';
import ms from 'element-plus/es/locale/lang/ms';
import { useAdminLocale } from './composables/useAdminLocale';
const { locale } = useAdminLocale();
const elLocale = computed(() => {
if (locale.value.startsWith('zh')) return zhCn;
if (locale.value.startsWith('ms')) return ms;
return en;
});
</script>
<template><RouterView /></template>
<template>
<ElConfigProvider :locale="elLocale">
<RouterView />
</ElConfigProvider>
</template>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

47
apps/admin/src/components/AdminLocaleSwitcher.vue Normal file
View File

@@ -0,0 +1,47 @@
<script setup lang="ts">
import { computed } from 'vue';
import { useAdminLocale, type AdminLocale } from '../composables/useAdminLocale';
const { locale, locales, setLocale, t } = useAdminLocale();
const current = computed(() => locales.find((l) => l.code === locale.value) ?? locales[0]);
function onChange(e: Event) {
setLocale((e.target as HTMLSelectElement).value as AdminLocale);
}
</script>
<template>
<label class="admin-locale" :title="t('lang')">
<span class="admin-locale-flag" aria-hidden="true">{{ current.flag }}</span>
<select :value="locale" class="admin-locale-select" :aria-label="t('lang')" @change="onChange">
<option v-for="l in locales" :key="l.code" :value="l.code">
{{ l.flag }} {{ l.label }}
</option>
</select>
</label>
</template>
<style scoped>
.admin-locale {
display: inline-flex;
align-items: center;
gap: 6px;
}
.admin-locale-flag {
font-size: 18px;
line-height: 1;
flex-shrink: 0;
}
.admin-locale-select {
background: #0d0d0d;
color: var(--green-text);
border: 1px solid var(--green-border);
border-radius: 6px;
padding: 4px 8px 4px 4px;
font-size: 12px;
font-weight: 600;
min-width: 108px;
cursor: pointer;
}
</style>

25
apps/admin/src/components/RobotVerify.vue
View File

@@ -1,5 +1,8 @@
<script setup lang="ts">
import { ref, onMounted } from 'vue';
import { useAdminLocale } from '../composables/useAdminLocale';
const { t } = useAdminLocale();
const input = ref('');
const code = ref('');
@@ -69,9 +72,9 @@ defineExpose({ validate, refresh });
<input v-model="honeypot" type="text" name="website" tabindex="-1"
autocomplete="off" class="hp-field" aria-hidden="true" />
<input v-model="input" type="text" inputmode="numeric" maxlength="4"
class="captcha-input" placeholder="Captcha" autocomplete="off" />
class="captcha-input" :placeholder="t('login.captcha_ph')" autocomplete="off" />
<canvas ref="canvasRef" class="captcha-canvas"
title="点击刷新" role="button" tabindex="0"
:title="t('login.captcha_refresh')" role="button" tabindex="0"
@click="refresh" @keydown.enter="refresh" />
</div>
</template>
@@ -79,10 +82,10 @@ defineExpose({ validate, refresh });
<style scoped>
.captcha-row {
display: flex;
gap: 0;
align-items: stretch;
height: 44px;
}
.hp-field {
position: absolute;
left: -9999px;
@@ -91,25 +94,21 @@ defineExpose({ validate, refresh });
opacity: 0;
pointer-events: none;
}
.captcha-input {
flex: 1;
min-width: 0;
padding: 0 14px;
border: 1px solid #333;
border-right: none;
border: none;
border-radius: 8px 0 0 8px;
background: #0d0d0d;
color: #fff;
background: #ffffff;
color: #111;
font-size: 15px;
font-weight: 500;
outline: none;
transition: border-color 0.2s;
}
.captcha-input::placeholder { color: #555; }
.captcha-input:focus { border-color: rgba(0, 196, 65, 0.6); }
.captcha-input::placeholder {
color: #9ca3af;
}
.captcha-canvas {
flex-shrink: 0;
width: 108px;

36
apps/admin/src/composables/useAdminLocale.ts Normal file
View File

@@ -0,0 +1,36 @@
import { ref, computed } from 'vue';
import {
ADMIN_LOCALES,
adminT,
adminLocaleTag,
type AdminLocale,
} from '../i18n/admin-messages';
const STORAGE_KEY = 'admin_locale';
const locale = ref<AdminLocale>(
(localStorage.getItem(STORAGE_KEY) as AdminLocale) || 'zh-CN',
);
export function getAdminLocale(): AdminLocale {
return locale.value;
}
export function useAdminLocale() {
const t = (key: string, params?: Record<string, string | number>) =>
adminT(locale.value, key, params);
function setLocale(code: AdminLocale) {
locale.value = code;
localStorage.setItem(STORAGE_KEY, code);
document.cookie = `${STORAGE_KEY}=${encodeURIComponent(code)};path=/;max-age=31536000;SameSite=Lax`;
}
return {
locale: computed(() => locale.value),
localeTag: computed(() => adminLocaleTag(locale.value)),
locales: ADMIN_LOCALES,
setLocale,
t,
};
}

489
apps/admin/src/i18n/admin-messages.ts Normal file
View File

@@ -0,0 +1,489 @@
import { adminPagesEn, adminPagesZh } from './admin-pages';
import { adminPagesMs } from './admin-pages-ms';
/** 管理后台：中文 + 英文 + 马来语 */
export type AdminLocale = 'zh-CN' | 'en-US' | 'ms-MY';
export const ADMIN_LOCALES: {
code: AdminLocale;
label: string;
flag: string;
}[] = [
{ code: 'zh-CN', label: '中文', flag: '🇨🇳' },
{ code: 'en-US', label: 'English', flag: '🇺🇸' },
{ code: 'ms-MY', label: 'Bahasa Melayu', flag: '🇲🇾' },
];
const zh: Record<string, string> = {
'login.title': '管理后台',
'login.username': '用户名',
'login.password': '密码',
'login.submit': '登录',
'login.username_ph': '请输入用户名',
'login.password_ph': '请输入密码',
'login.err_captcha': '验证码错误，请重试',
'login.err_failed': '登录失败，请检查账号与密码',
'login.err_quick': '快速登录失败',
'login.quick_label': '快速登录（调试）',
'login.quick_admin': '管理员',
'login.quick_agent': '一级代理',
'login.captcha_ph': '验证码',
'login.captcha_refresh': '点击刷新',
'nav.dashboard': '控制台',
'nav.users': '玩家管理',
'nav.agents': '代理管理',
'nav.matches': '赛事管理',
'nav.bets': '注单管理',
'nav.cashback': '返水管理',
'nav.audit': '操作日志',
'nav.players': '直属玩家',
'nav.subAgents': '下级代理',
'nav.myBets': '注单查询',
'role.admin': '系统管理员',
'role.agent': '代理账号',
'logout': '退出',
'lang': '语言',
'portal.admin': '平台后台',
'portal.agent': '代理后台',
'common.all': '全部',
'common.search': '查询',
'common.reset': '重置',
'common.edit': '编辑',
'common.delete': '删除',
'common.cancel': '取消',
'common.confirm': '确定',
'common.status': '状态',
'common.type': '类型',
'common.keyword': '关键词',
'common.actions': '操作',
'common.loading': '加载中…',
'common.no_data': '暂无数据',
'common.yesterday': '昨日',
'common.vs_yesterday': '较昨日',
'common.people': '人',
'common.bets_unit': '单',
'common.matches_unit': '场赛事',
'common.frozen': '冻结',
'common.used': '已用',
'common.platform_direct': '平台直属',
'common.updated_at': '更新于',
'dash.title': '控制台',
'dash.desc': '平台整体运行概况',
'dash.board_title': '整体概览',
'dash.board_hint': '一屏查看经营趋势与平台分布',
'dash.kpi_bet_count': '今日投注笔数',
'dash.kpi_stake': '今日投注额',
'dash.kpi_payout': '今日派彩',
'dash.kpi_ggr': '今日毛利',
'dash.kpi_users': '玩家 / 代理',
'dash.kpi_new_players': '今日新增 {n} 人',
'dash.kpi_pending': '待结算',
'dash.kpi_pending_sub': '{bets} 单 · {matches} 场赛事',
'dash.kpi_wallet': '玩家余额',
'dash.kpi_credit': '代理授信',
'dash.trend_caption': '近 7 日经营趋势（金额折线 + 注单柱）',
'dash.chart_stake': '投注额',
'dash.chart_payout': '派彩',
'dash.chart_ggr': '毛利',
'dash.chart_bet_count': '注单笔数',
'dash.axis_amount': '金额',
'dash.axis_count': '笔数',
'dash.count_suffix': '笔',
'dash.chart_tooltip': '{b}：{c}（{d}%）',
'dash.pie_empty': '暂无',
'dash.pie_matches': '赛事',
'dash.pie_bets': '今日注单',
'dash.pie_users': '用户',
'dash.match_draft': '草稿',
'dash.match_published': '已发布',
'dash.match_closed': '已封盘',
'dash.match_pending_settle': '待结算',
'dash.match_settled': '已结算',
'dash.user_active': '正常玩家',
'dash.user_suspended': '停用',
'dash.user_direct': '直属',
'dash.user_agents': '代理',
'page.users.title': '玩家管理',
'page.users.desc': '创建玩家、查看余额与投注概况，支持上分与状态管理',
'page.agents.title': '代理管理',
'page.agents.desc': '创建一级代理、调整授信额度、查看直属玩家与额度占用',
'page.matches.title': '赛事管理',
'page.matches.desc': '草稿可编辑、删除；已发布可改开赛时间与热门',
'page.bets.title': '注单管理',
'page.bets.desc': '筛选、分页查看全平台注单，支持详情与投注项',
'page.cashback.title': '返水管理',
'page.cashback.desc': '按周期生成返水并发放',
'page.audit.title': '操作日志',
'page.audit.desc': '记录所有管理员操作行为',
'page.settlement.title': '赛事结算',
'page.agent_dash.title': '代理概览',
'page.agent_dash.desc': '实时数据总览',
'page.agent_players.title': '直属玩家',
'page.agent_players.desc': '管理你名下的直属玩家',
'page.agent_sub.title': '下级代理',
'page.agent_sub.desc': '仅一级代理可见',
'page.agent_bets.title': '注单查询',
'page.agent_bets.desc': '下级玩家的全部投注记录',
'agent.credit_limit': '授信额度',
'agent.credit_total': '总额度',
'agent.credit_used': '已用额度',
'agent.credit_occupied': '已占用',
'agent.direct_players': '直属玩家',
'agent.player_count': '玩家数',
'agent.today_stake': '今日投注',
'agent.currency_cny': '人民币',
'bet.status.PENDING': '待结算',
'bet.status.WON': '已赢',
'bet.status.LOST': '已输',
'bet.status.VOID': '作废',
'bet.status.REFUNDED': '已退款',
'bet.type.SINGLE': '单关',
'bet.type.PARLAY': '串关',
'bet.settlement.PENDING': '待结算',
'bet.settlement.SETTLED': '已结算',
'bet.settlement.VOID': '已作废',
'bet.result.WON': '赢',
'bet.result.LOST': '输',
'bet.result.VOID': '走水',
'bet.result.PUSH': '走盘',
'bet.result.HALF_WON': '半赢',
'bet.result.HALF_LOST': '半输',
'match.status.DRAFT': '草稿',
'match.status.PUBLISHED': '已发布',
'match.status.CLOSED': '已封盘',
'match.status.SETTLED': '已结算',
...adminPagesZh,
};
const en: Record<string, string> = {
'login.title': 'Admin Console',
'login.username': 'Username',
'login.password': 'Password',
'login.submit': 'Sign in',
'login.username_ph': 'Enter username',
'login.password_ph': 'Enter password',
'login.err_captcha': 'Captcha incorrect, try again',
'login.err_failed': 'Sign-in failed. Check username and password',
'login.err_quick': 'Quick sign-in failed',
'login.quick_label': 'Quick sign-in (debug)',
'login.quick_admin': 'Admin',
'login.quick_agent': 'Tier-1 agent',
'login.captcha_ph': 'Captcha',
'login.captcha_refresh': 'Click to refresh',
'nav.dashboard': 'Dashboard',
'nav.users': 'Players',
'nav.agents': 'Agents',
'nav.matches': 'Matches',
'nav.bets': 'Bets',
'nav.cashback': 'Cashback',
'nav.audit': 'Audit Log',
'nav.players': 'My Players',
'nav.subAgents': 'Sub-Agents',
'nav.myBets': 'Bet Search',
'role.admin': 'Administrator',
'role.agent': 'Agent',
'logout': 'Logout',
'lang': 'Language',
'portal.admin': 'Platform Admin',
'portal.agent': 'Agent Portal',
'common.all': 'All',
'common.search': 'Search',
'common.reset': 'Reset',
'common.edit': 'Edit',
'common.delete': 'Delete',
'common.cancel': 'Cancel',
'common.confirm': 'OK',
'common.status': 'Status',
'common.type': 'Type',
'common.keyword': 'Keyword',
'common.actions': 'Actions',
'common.loading': 'Loading…',
'common.no_data': 'No data',
'common.yesterday': 'Yesterday',
'common.vs_yesterday': 'vs yesterday',
'common.people': 'users',
'common.bets_unit': 'bets',
'common.matches_unit': 'matches',
'common.frozen': 'Frozen',
'common.used': 'Used',
'common.platform_direct': 'Platform direct',
'common.updated_at': 'Updated',
'dash.title': 'Dashboard',
'dash.desc': 'Platform overview',
'dash.board_title': 'Overview',
'dash.board_hint': 'Trends and distribution at a glance',
'dash.kpi_bet_count': "Today's bet count",
'dash.kpi_stake': "Today's stake",
'dash.kpi_payout': "Today's payout",
'dash.kpi_ggr': "Today's GGR",
'dash.kpi_users': 'Players / Agents',
'dash.kpi_new_players': '{n} new today',
'dash.kpi_pending': 'Pending settlement',
'dash.kpi_pending_sub': '{bets} bets · {matches} matches',
'dash.kpi_wallet': 'Player balance',
'dash.kpi_credit': 'Agent credit',
'dash.trend_caption': 'Last 7 days (amount lines + bet bars)',
'dash.chart_stake': 'Stake',
'dash.chart_payout': 'Payout',
'dash.chart_ggr': 'GGR',
'dash.chart_bet_count': 'Bet count',
'dash.axis_amount': 'Amount',
'dash.axis_count': 'Count',
'dash.count_suffix': 'bets',
'dash.chart_tooltip': '{b}: {c} ({d}%)',
'dash.pie_empty': 'N/A',
'dash.pie_matches': 'Matches',
'dash.pie_bets': "Today's bets",
'dash.pie_users': 'Users',
'dash.match_draft': 'Draft',
'dash.match_published': 'Published',
'dash.match_closed': 'Closed',
'dash.match_pending_settle': 'Pending settlement',
'dash.match_settled': 'Settled',
'dash.user_active': 'Active players',
'dash.user_suspended': 'Suspended',
'dash.user_direct': 'Direct',
'dash.user_agents': 'Agents',
'page.users.title': 'Players',
'page.users.desc': 'Create players, balances, stakes, top-ups, and status',
'page.agents.title': 'Agents',
'page.agents.desc': 'Tier-1 agents, credit limits, players, and usage',
'page.matches.title': 'Matches',
'page.matches.desc': 'Edit/delete drafts; adjust kickoff and featured when published',
'page.bets.title': 'Bets',
'page.bets.desc': 'Filter and paginate all bets with leg details',
'page.cashback.title': 'Cashback',
'page.cashback.desc': 'Generate and issue cashback by period',
'page.audit.title': 'Audit Log',
'page.audit.desc': 'Administrator action history',
'page.settlement.title': 'Settlement',
'page.agent_dash.title': 'Agent overview',
'page.agent_dash.desc': 'Live summary',
'page.agent_players.title': 'My players',
'page.agent_players.desc': 'Players under your account',
'page.agent_sub.title': 'Sub-agents',
'page.agent_sub.desc': 'Tier-1 agents only',
'page.agent_bets.title': 'Bet search',
'page.agent_bets.desc': 'All bets from downstream players',
'agent.credit_limit': 'Credit limit',
'agent.credit_total': 'Total limit',
'agent.credit_used': 'Used credit',
'agent.credit_occupied': 'In use',
'agent.direct_players': 'Direct players',
'agent.player_count': 'Players',
'agent.today_stake': "Today's stake",
'agent.currency_cny': 'CNY',
'bet.status.PENDING': 'Pending',
'bet.status.WON': 'Won',
'bet.status.LOST': 'Lost',
'bet.status.VOID': 'Void',
'bet.status.REFUNDED': 'Refunded',
'bet.type.SINGLE': 'Single',
'bet.type.PARLAY': 'Parlay',
'bet.settlement.PENDING': 'Pending',
'bet.settlement.SETTLED': 'Settled',
'bet.settlement.VOID': 'Void',
'bet.result.WON': 'Won',
'bet.result.LOST': 'Lost',
'bet.result.VOID': 'Void',
'bet.result.PUSH': 'Push',
'bet.result.HALF_WON': 'Half won',
'bet.result.HALF_LOST': 'Half lost',
'match.status.DRAFT': 'Draft',
'match.status.PUBLISHED': 'Published',
'match.status.CLOSED': 'Closed',
'match.status.SETTLED': 'Settled',
...adminPagesEn,
};
const ms: Record<string, string> = {
'login.title': 'Konsol Admin',
'login.username': 'Nama pengguna',
'login.password': 'Kata laluan',
'login.submit': 'Log masuk',
'login.username_ph': 'Masukkan nama pengguna',
'login.password_ph': 'Masukkan kata laluan',
'login.err_captcha': 'Captcha salah, cuba lagi',
'login.err_failed': 'Log masuk gagal. Semak nama pengguna dan kata laluan',
'login.err_quick': 'Log masuk pantas gagal',
'login.quick_label': 'Log masuk pantas (debug)',
'login.quick_admin': 'Admin',
'login.quick_agent': 'Ejen peringkat 1',
'login.captcha_ph': 'Captcha',
'login.captcha_refresh': 'Klik untuk muat semula',
'nav.dashboard': 'Papan pemuka',
'nav.users': 'Pemain',
'nav.agents': 'Ejen',
'nav.matches': 'Perlawanan',
'nav.bets': 'Pertaruhan',
'nav.cashback': 'Rebat',
'nav.audit': 'Log audit',
'nav.players': 'Pemain saya',
'nav.subAgents': 'Sub-ejen',
'nav.myBets': 'Carian pertaruhan',
'role.admin': 'Pentadbir',
'role.agent': 'Ejen',
'logout': 'Log keluar',
'lang': 'Bahasa',
'portal.admin': 'Admin Platform',
'portal.agent': 'Portal Ejen',
'common.all': 'Semua',
'common.search': 'Cari',
'common.reset': 'Set semula',
'common.edit': 'Edit',
'common.delete': 'Padam',
'common.cancel': 'Batal',
'common.confirm': 'OK',
'common.status': 'Status',
'common.type': 'Jenis',
'common.keyword': 'Kata kunci',
'common.actions': 'Tindakan',
'common.loading': 'Memuatkan…',
'common.no_data': 'Tiada data',
'common.yesterday': 'Semalam',
'common.vs_yesterday': 'berbanding semalam',
'common.people': 'pengguna',
'common.bets_unit': 'pertaruhan',
'common.matches_unit': 'perlawanan',
'common.frozen': 'Dibekukan',
'common.used': 'Digunakan',
'common.platform_direct': 'Terus platform',
'common.updated_at': 'Dikemas kini',
'dash.title': 'Papan pemuka',
'dash.desc': 'Gambaran keseluruhan platform',
'dash.board_title': 'Gambaran',
'dash.board_hint': 'Trend dan taburan sepintas lalu',
'dash.kpi_bet_count': 'Bilangan pertaruhan hari ini',
'dash.kpi_stake': 'Stake hari ini',
'dash.kpi_payout': 'Bayaran hari ini',
'dash.kpi_ggr': 'GGR hari ini',
'dash.kpi_users': 'Pemain / Ejen',
'dash.kpi_new_players': '{n} baharu hari ini',
'dash.kpi_pending': 'Menunggu penyelesaian',
'dash.kpi_pending_sub': '{bets} pertaruhan · {matches} perlawanan',
'dash.kpi_wallet': 'Baki pemain',
'dash.kpi_credit': 'Kredit ejen',
'dash.trend_caption': '7 hari lepas (garis jumlah + palang pertaruhan)',
'dash.chart_stake': 'Stake',
'dash.chart_payout': 'Bayaran',
'dash.chart_ggr': 'GGR',
'dash.chart_bet_count': 'Bilangan pertaruhan',
'dash.axis_amount': 'Jumlah',
'dash.axis_count': 'Kiraan',
'dash.count_suffix': 'pertaruhan',
'dash.chart_tooltip': '{b}: {c} ({d}%)',
'dash.pie_empty': 'Tiada',
'dash.pie_matches': 'Perlawanan',
'dash.pie_bets': 'Pertaruhan hari ini',
'dash.pie_users': 'Pengguna',
'dash.match_draft': 'Draf',
'dash.match_published': 'Diterbitkan',
'dash.match_closed': 'Ditutup',
'dash.match_pending_settle': 'Menunggu penyelesaian',
'dash.match_settled': 'Diselesaikan',
'dash.user_active': 'Pemain aktif',
'dash.user_suspended': 'Digantung',
'dash.user_direct': 'Terus',
'dash.user_agents': 'Ejen',
'page.users.title': 'Pemain',
'page.users.desc': 'Cipta pemain, baki, stake, tambah baki dan status',
'page.agents.title': 'Ejen',
'page.agents.desc': 'Ejen peringkat 1, had kredit, pemain dan penggunaan',
'page.matches.title': 'Perlawanan',
'page.matches.desc': 'Edit/padam draf; laraskan masa mula dan pilihan utama bila diterbitkan',
'page.bets.title': 'Pertaruhan',
'page.bets.desc': 'Tapis dan halaman semua pertaruhan dengan butiran pilihan',
'page.cashback.title': 'Rebat',
'page.cashback.desc': 'Jana dan keluarkan rebat mengikut tempoh',
'page.audit.title': 'Log audit',
'page.audit.desc': 'Sejarah tindakan pentadbir',
'page.settlement.title': 'Penyelesaian',
'page.agent_dash.title': 'Gambaran ejen',
'page.agent_dash.desc': 'Ringkasan langsung',
'page.agent_players.title': 'Pemain saya',
'page.agent_players.desc': 'Pemain di bawah akaun anda',
'page.agent_sub.title': 'Sub-ejen',
'page.agent_sub.desc': 'Ejen peringkat 1 sahaja',
'page.agent_bets.title': 'Carian pertaruhan',
'page.agent_bets.desc': 'Semua pertaruhan pemain hiliran',
'agent.credit_limit': 'Had kredit',
'agent.credit_total': 'Jumlah had',
'agent.credit_used': 'Kredit digunakan',
'agent.credit_occupied': 'Sedang digunakan',
'agent.direct_players': 'Pemain terus',
'agent.player_count': 'Pemain',
'agent.today_stake': 'Stake hari ini',
'agent.currency_cny': 'CNY',
'bet.status.PENDING': 'Menunggu',
'bet.status.WON': 'Menang',
'bet.status.LOST': 'Kalah',
'bet.status.VOID': 'Batal',
'bet.status.REFUNDED': 'Dibayar balik',
'bet.type.SINGLE': 'Tunggal',
'bet.type.PARLAY': 'Berganda',
'bet.settlement.PENDING': 'Menunggu',
'bet.settlement.SETTLED': 'Diselesaikan',
'bet.settlement.VOID': 'Batal',
'bet.result.WON': 'Menang',
'bet.result.LOST': 'Kalah',
'bet.result.VOID': 'Batal',
'bet.result.PUSH': 'Seri',
'bet.result.HALF_WON': 'Separuh menang',
'bet.result.HALF_LOST': 'Separuh kalah',
'match.status.DRAFT': 'Draf',
'match.status.PUBLISHED': 'Diterbitkan',
'match.status.CLOSED': 'Ditutup',
'match.status.SETTLED': 'Diselesaikan',
...adminPagesMs,
};
const messages: Record<AdminLocale, Record<string, string>> = {
'zh-CN': zh,
'en-US': en,
'ms-MY': ms,
};
export function adminT(locale: AdminLocale, key: string, params?: Record<string, string | number>): string {
const chain = [locale, 'en-US', 'zh-CN'];
const seen = new Set<string>();
let raw = key;
for (const loc of chain) {
if (seen.has(loc)) continue;
seen.add(loc);
const v = messages[loc as AdminLocale]?.[key];
if (v) {
raw = v;
break;
}
}
if (!params) return raw;
return Object.entries(params).reduce(
(s, [k, v]) => s.replace(new RegExp(`\\{${k}\\}`, 'g'), String(v)),
raw,
);
}
export function adminLocaleTag(locale: AdminLocale): string {
return locale;
}

239
apps/admin/src/i18n/admin-pages-ms.ts Normal file
View File

@@ -0,0 +1,239 @@
/** 管理后台列表 / 弹窗 — Bahasa Melayu */
export const adminPagesMs: Record<string, string> = {
'common.detail': 'Butiran',
'common.create': 'Cipta',
'common.save': 'Simpan',
'common.close': 'Tutup',
'common.import': 'Import',
'common.publish': 'Terbitkan',
'common.topup': 'Tambah baki',
'common.adjust_credit': 'Laraskan kredit',
'common.freeze': 'Bekukan',
'common.unfreeze': 'Nyahbeku',
'common.settle': 'Selesaikan',
'common.close_betting': 'Tutup pertaruhan',
'common.never_login': 'Belum pernah log masuk',
'common.optional': 'Pilihan',
'common.to': 'Hingga',
'common.module': 'Modul',
'common.col_id': 'ID',
'common.times': 'kali',
'common.bets_count_unit': 'pertaruhan',
'user.create_btn': '+ Pemain baharu',
'user.filter.username_ph': 'Nama pengguna',
'user.filter.agent': 'Ejen',
'user.filter.agent_ph': 'Semua',
'user.col.username': 'Nama pengguna',
'user.col.agent': 'Ejen',
'user.col.balance': 'Tersedia / Dibekukan',
'user.col.bets': 'Pertaruhan',
'user.col.stake_payout': 'Stake / Bayaran',
'user.col.last_login': 'Log masuk terakhir',
'user.col.created': 'Daftar',
'user.status.ACTIVE': 'Aktif',
'user.status.SUSPENDED': 'Digantung',
'user.dialog.create': 'Pemain baharu',
'user.dialog.edit': 'Edit pemain',
'user.dialog.deposit': 'Tambah baki pemain',
'user.dialog.detail': 'Butiran pemain',
'user.field.password': 'Kata laluan',
'user.field.confirm_password': 'Sahkan kata laluan',
'user.field.initial_balance': 'Baki permulaan',
'user.field.deposit_remark': 'Nota tambah baki',
'user.field.amount': 'Jumlah',
'user.field.remark': 'Nota',
'user.field.account_status': 'Status akaun',
'user.field.available': 'Baki tersedia',
'user.field.frozen_balance': 'Baki dibekukan',
'user.field.bets_summary': 'Pertaruhan / stake',
'user.field.total_payout': 'Jumlah bayaran',
'user.field.login_fail': 'Log masuk gagal',
'user.field.phone': 'Telefon',
'user.field.email': 'E-mel',
'user.ph.username_unique': 'Nama log masuk unik',
'user.ph.no_agent': 'Tiada (terus platform)',
'user.hint.no_agent': 'Biarkan kosong untuk pemain diurus platform',
'user.hint.initial_balance': 'Auto tambah baki semasa cipta; 0 = tiada bonus',
'user.hint.deposit_remark': 'Ditulis ke lejar jika baki permulaan > 0',
'user.hint.freeze_in_list': 'Beku/nyahbeku dari lajur tindakan senarai',
'user.hint.agent_change': 'Kosong = terus platform; perubahan dikira semula kredit ejen',
'user.btn.create': 'Cipta',
'user.btn.save_profile': 'Simpan',
'user.btn.confirm_deposit': 'Sahkan tambah baki',
'user.deposit_remark_default': 'Tambah baki admin',
'agent.create_btn': '+ Ejen peringkat 1 baharu',
'agent.filter.username_ph': 'Nama pengguna',
'agent.col.level': 'Peringkat',
'agent.col.credit': 'Had / Digunakan / Tersedia',
'agent.col.direct_players': 'Pemain terus',
'agent.col.cashback': 'Kadar rebat',
'agent.col.phone': 'Telefon',
'agent.col.created': 'Dicipta',
'agent.dialog.create': 'Ejen peringkat 1 baharu',
'agent.dialog.edit': 'Edit ejen',
'agent.dialog.credit': 'Laraskan had kredit',
'agent.field.agent_id': 'ID ejen',
'agent.dialog.detail': 'Butiran ejen',
'agent.field.credit_limit': 'Had kredit',
'agent.field.cashback_rate': 'Kadar rebat',
'agent.field.adjust_amount': 'Pelarasan',
'agent.field.used_credit': 'Kredit digunakan',
'agent.field.available_credit': 'Kredit tersedia',
'agent.field.player_liability': 'Liabiliti pemain',
'agent.field.sub_agent_exposure': 'Pendedahan sub-ejen',
'agent.hint.credit_limit': 'Had maksimum tambah baki untuk pemain terus',
'agent.hint.cashback_example': 'cth. 0.01 = 1%',
'agent.hint.credit_adjust': 'Positif menambah, negatif mengurangkan',
'agent.hint.credit_remark': 'Pilihan, ditulis ke lejar kredit',
'agent.section.credit_log': 'Perubahan kredit terkini',
'agent.credit.increase': 'Tambah',
'agent.credit.decrease': 'Kurang',
'agent.col.credit_type': 'Jenis',
'agent.col.credit_change': 'Perubahan',
'agent.col.credit_after': 'Selepas',
'agent.col.no_records': 'Tiada rekod',
'agent.btn.confirm_adjust': 'Sahkan',
'match.create_btn': '+ Perlawanan baharu',
'match.filter.keyword_ph': 'Nama perlawanan / kod pasukan',
'match.col.matchup': 'Perlawanan',
'match.col.kickoff': 'Masa mula',
'match.dialog.create': 'Perlawanan baharu',
'match.dialog.edit': 'Edit perlawanan',
'match.dialog.import': 'Import perlawanan',
'match.field.league_en': 'Liga (EN)',
'match.field.league_zh': 'Liga (ZH)',
'match.field.kickoff': 'Masa mula',
'match.field.home_en': 'Tuan rumah (EN)',
'match.field.home_zh': 'Tuan rumah (ZH)',
'match.field.away_en': 'Pelawat (EN)',
'match.field.away_zh': 'Pelawat (ZH)',
'match.field.featured': 'Pilihan utama',
'match.hint.create_draft': 'Disimpan sebagai draf; klik Terbitkan dalam senarai untuk buka pasaran.',
'match.hint.edit_published': 'Diterbitkan: edit masa mula, pilihan utama, nama paparan; tertutup/selesai dikunci.',
'bet.filter.keyword_ph': 'No. pertaruhan / nama pengguna',
'bet.filter.date_from': 'Tarikh pertaruhan dari',
'bet.filter.date_start_ph': 'Mula',
'bet.filter.date_end_ph': 'Tamat',
'bet.col.serial': 'No.',
'bet.col.bet_no': 'No. pertaruhan',
'bet.col.player': 'Pemain',
'bet.col.agent': 'Ejen',
'bet.col.selection': 'Pilihan',
'bet.col.stake': 'Stake',
'bet.col.odds': 'Odds',
'bet.col.payout': 'Bayaran',
'bet.col.placed_at': 'Masa pertaruhan',
'bet.dialog.detail': 'Butiran pertaruhan',
'bet.field.total_odds': 'Jumlah odds',
'bet.field.currency': 'Mata wang',
'bet.field.potential_win': 'Menang berpotensi',
'bet.field.actual_payout': 'Bayaran sebenar',
'bet.field.bet_status': 'Status pertaruhan',
'bet.field.settlement_status': 'Penyelesaian',
'bet.field.settled_at': 'Diselesaikan pada',
'bet.field.request_id': 'ID permintaan',
'bet.selections_title': 'Pilihan ({n})',
'bet.col.market': 'Pasaran',
'bet.col.period': 'Tempoh',
'bet.col.line': 'Garisan',
'bet.col.result': 'Keputusan',
'audit.module_ph': 'cth. USERS, AGENTS',
'audit.col.action': 'Tindakan',
'audit.col.module': 'Modul',
'audit.col.target_id': 'ID sasaran',
'audit.col.time': 'Masa',
'cashback.start_date': 'Tarikh mula',
'cashback.end_date': 'Tarikh tamat',
'cashback.preview_btn': 'Pratonton',
'cashback.preview_title': 'Pratonton rebat',
'cashback.stat.players': 'Pemain',
'cashback.stat.total': 'Jumlah rebat',
'cashback.confirm_issue': 'Sahkan bayaran',
'user.field.player_id': 'ID pemain',
'user.field.bet_count': 'Bilangan pertaruhan',
'user.field.total_stake': 'Jumlah stake',
'user.field.registered_at': 'Daftar',
'user.ph.remark_initial': 'Nota lejar apabila baki permulaan > 0',
'user.bets_edit_value': '{n} pertaruhan / {stake}',
'user.login_fail_value': '{n} kali',
'match.import_hint': 'Tampal JSON dengan array matches. Import sebagai draf; terbitkan dari senarai.',
'match.import_start': 'Import',
'match.import_json_ph': '{"matches":[...]}',
'match.delete_confirm_title': 'Padam perlawanan',
'match.delete_confirm_body': 'Padam "{title}"? Hanya draf tanpa pertaruhan.',
'match.ph.league_en': 'FIFA World Cup 2026',
'match.ph.league_zh': 'Piala Dunia 2026',
'match.ph.kickoff': '2026-06-11T19:00:00Z',
'match.ph.home_en': 'Mexico',
'match.ph.home_zh': 'Mexico',
'match.ph.away_en': 'South Africa',
'match.ph.away_zh': 'Afrika Selatan',
'err.username_required': 'Sila isi nama pengguna',
'err.password_min': 'Kata laluan sekurang-kurangnya 8 aksara',
'err.password_mismatch': 'Kata laluan tidak sepadan',
'err.credit_negative': 'Had kredit tidak boleh negatif',
'err.kickoff_required': 'Sila isi masa mula',
'err.teams_required': 'Isi nama pasukan tuan rumah dan pelawat (ZH atau EN)',
'err.league_required': 'Sila isi nama liga',
'settlement.ht_score': 'Skor separuh masa',
'settlement.ft_score': 'Skor penuh masa',
'settlement.record_score': 'Simpan skor',
'settlement.preview_btn': 'Pratonton penyelesaian',
'settlement.preview_title': 'Pratonton penyelesaian',
'settlement.single_count': 'Pertaruhan tunggal',
'settlement.est_payout': 'Anggaran bayaran',
'settlement.refund_amount': 'Jumlah bayaran balik',
'settlement.confirm_btn': 'Sahkan penyelesaian',
'msg.score_recorded': 'Skor disimpan',
'msg.settlement_confirmed': 'Penyelesaian disahkan',
'agent_portal.create_player_section': 'Cipta pemain',
'agent_portal.deposit_section': 'Tambah baki',
'agent_portal.create_player_btn': '+ Pemain baharu',
'agent_portal.create_tier2_btn': '+ Sub-ejen baharu',
'agent_portal.username_ph': 'Masukkan nama pengguna',
'agent_portal.agent_username_ph': 'Nama pengguna ejen',
'agent_portal.player_id_ph': 'ID pemain',
'agent_portal.withdraw_btn': 'Keluarkan {amount}',
'msg.agent_sub_created': 'Sub-ejen dicipta',
'msg.withdraw_ok': 'Pengeluaran berjaya',
'msg.form_invalid': 'Sila semak borang',
'msg.player_created': 'Pemain dicipta',
'msg.agent_created': 'Ejen dicipta',
'msg.create_failed': 'Gagal mencipta',
'msg.saved': 'Disimpan',
'msg.save_failed': 'Gagal menyimpan',
'msg.deleted': 'Dipadam',
'msg.delete_failed': 'Gagal memadam',
'msg.match_created_draft': 'Perlawanan dicipta (draf)',
'msg.published': 'Diterbitkan dengan pasaran',
'msg.closed': 'Pertaruhan ditutup',
'msg.invalid_json': 'JSON tidak sah',
'msg.import_failed': 'Import gagal',
'msg.import_done': 'Import: {imported} ok, {skipped} dilangkau, {failed} gagal / {total} jumlah',
'msg.topup_ok': 'Tambah baki berjaya',
'msg.topup_failed': 'Tambah baki gagal',
'msg.amount_gt_zero': 'Jumlah mesti lebih daripada 0',
'msg.credit_zero': 'Pelarasan tidak boleh 0',
'msg.credit_adjusted': 'Kredit dikemas kini',
'msg.credit_adjust_failed': 'Pelarasan gagal',
'msg.outright_no_edit': 'Outright tidak boleh diedit di sini',
'msg.load_matches_failed': 'Gagal memuatkan perlawanan',
'msg.cashback_issued': 'Rebat telah dikeluarkan',
'msg.freeze_confirm_title': '{action} akaun',
'msg.freeze_confirm_body': '{action} pemain "{name}"?{extra}',
'msg.freeze_extra': ' Mereka tidak akan dapat log masuk.',
'msg.freeze_done': '{action} selesai',
'msg.freeze_failed': '{action} gagal',
};

478
apps/admin/src/i18n/admin-pages.ts Normal file
View File

@@ -0,0 +1,478 @@
/** 列表页 / 弹窗文案（并入 admin-messages） */
export const adminPagesZh: Record<string, string> = {
'common.detail': '详情',
'common.create': '创建',
'common.save': '保存',
'common.close': '关闭',
'common.import': '导入',
'common.publish': '发布',
'common.topup': '上分',
'common.adjust_credit': '调额',
'common.freeze': '冻结',
'common.unfreeze': '解冻',
'common.settle': '结算',
'common.close_betting': '封盘',
'common.never_login': '从未登录',
'common.optional': '选填',
'common.to': '止',
'common.module': '模块',
'common.col_id': 'ID',
'common.times': '次',
'common.bets_count_unit': '笔',
'user.create_btn': '+ 新建玩家',
'user.filter.username_ph': '用户名',
'user.filter.agent': '所属代理',
'user.filter.agent_ph': '全部',
'user.col.username': '用户名',
'user.col.agent': '所属代理',
'user.col.balance': '可用 / 冻结',
'user.col.bets': '注单',
'user.col.stake_payout': '投注 / 派彩',
'user.col.last_login': '最后登录',
'user.col.created': '注册时间',
'user.status.ACTIVE': '正常',
'user.status.SUSPENDED': '停用',
'user.dialog.create': '新建玩家',
'user.dialog.edit': '编辑玩家',
'user.dialog.deposit': '玩家上分',
'user.dialog.detail': '玩家详情',
'user.field.password': '登录密码',
'user.field.confirm_password': '确认密码',
'user.field.initial_balance': '初始余额',
'user.field.deposit_remark': '上分备注',
'user.field.amount': '金额',
'user.field.remark': '备注',
'user.field.account_status': '账号状态',
'user.field.available': '可用余额',
'user.field.frozen_balance': '冻结余额',
'user.field.bets_summary': '注单 / 投注',
'user.field.total_payout': '累计派彩',
'user.field.login_fail': '登录失败',
'user.field.phone': '手机',
'user.field.email': '邮箱',
'user.ph.username_unique': '登录用户名，唯一',
'user.ph.no_agent': '不设置（平台直属玩家）',
'user.hint.no_agent': '留空表示不挂靠代理，由平台直接管理',
'user.hint.initial_balance': '创建后自动上分，0 表示不开户赠金',
'user.hint.deposit_remark': '有初始余额时写入流水备注',
'user.hint.freeze_in_list': '冻结/解冻请在列表操作列进行',
'user.hint.agent_change': '留空表示平台直属；变更后会重算相关代理已用授信',
'user.btn.create': '创建',
'user.btn.save_profile': '保存资料',
'user.btn.confirm_deposit': '确认上分',
'user.deposit_remark_default': '管理员上分',
'agent.create_btn': '+ 新建一级代理',
'agent.filter.username_ph': '用户名',
'agent.col.level': '层级',
'agent.col.credit': '授信 / 已用 / 可用',
'agent.col.direct_players': '直属玩家',
'agent.col.cashback': '返水率',
'agent.col.phone': '手机',
'agent.col.created': '创建时间',
'agent.dialog.create': '新建一级代理',
'agent.dialog.edit': '编辑代理',
'agent.dialog.credit': '调整授信额度',
'agent.field.agent_id': '代理 ID',
'agent.dialog.detail': '代理详情',
'agent.field.credit_limit': '授信额度',
'agent.field.cashback_rate': '返水比例',
'agent.field.adjust_amount': '调整金额',
'agent.field.used_credit': '已用额度',
'agent.field.available_credit': '可用授信',
'agent.field.player_liability': '玩家负债',
'agent.field.sub_agent_exposure': '下级代理敞口',
'agent.hint.credit_limit': '代理可向直属玩家上分的总额度上限',
'agent.hint.cashback_example': '例如 0.01 表示 1%',
'agent.hint.credit_adjust': '正数为增加授信，负数为减少',
'agent.hint.credit_remark': '选填，写入额度流水',
'agent.section.credit_log': '最近额度变动',
'agent.credit.increase': '增加',
'agent.credit.decrease': '减少',
'agent.col.credit_type': '类型',
'agent.col.credit_change': '变动',
'agent.col.credit_after': '变动后',
'agent.col.no_records': '暂无记录',
'agent.btn.confirm_adjust': '确认调整',
'match.create_btn': '+ 新增赛事',
'match.filter.keyword_ph': '赛事名 / 球队代码',
'match.col.matchup': '对阵',
'match.col.kickoff': '开赛时间',
'match.dialog.create': '新增赛事',
'match.dialog.edit': '编辑赛事',
'match.dialog.import': '导入赛事',
'match.field.league_en': '联赛（英）',
'match.field.league_zh': '联赛（中）',
'match.field.kickoff': '开赛时间',
'match.field.home_en': '主队（英）',
'match.field.home_zh': '主队（中）',
'match.field.away_en': '客队（英）',
'match.field.away_zh': '客队（中）',
'match.field.featured': '热门',
'match.hint.create_draft': '创建后为草稿，请在列表点击「发布」并生成盘口。',
'match.hint.edit_published': '已发布：可修改开赛时间、热门及显示名称；封盘/已结算后不可编辑。',
'bet.filter.keyword_ph': '流水编号 / 玩家用户名',
'bet.filter.date_from': '投注日起',
'bet.filter.date_start_ph': '开始',
'bet.filter.date_end_ph': '结束',
'bet.col.serial': '单号',
'bet.col.bet_no': '流水编号',
'bet.col.player': '玩家',
'bet.col.agent': '所属代理',
'bet.col.selection': '选项',
'bet.col.stake': '投注额',
'bet.col.odds': '赔率',
'bet.col.payout': '派彩',
'bet.col.placed_at': '投注时间',
'bet.dialog.detail': '注单详情',
'bet.field.total_odds': '总赔率',
'bet.field.currency': '币种',
'bet.field.potential_win': '可赢额',
'bet.field.actual_payout': '实际派彩',
'bet.field.bet_status': '注单状态',
'bet.field.settlement_status': '结算状态',
'bet.field.settled_at': '结算时间',
'bet.field.request_id': '请求 ID',
'bet.selections_title': '投注项（{n}）',
'bet.col.market': '玩法',
'bet.col.period': '时段',
'bet.col.line': '盘口',
'bet.col.result': '赛果',
'audit.module_ph': '如 USERS、AGENTS',
'audit.col.action': '操作',
'audit.col.module': '模块',
'audit.col.target_id': '目标 ID',
'audit.col.time': '时间',
'cashback.start_date': '开始日期',
'cashback.end_date': '结束日期',
'cashback.preview_btn': '生成预览',
'cashback.preview_title': '返水预览',
'cashback.stat.players': '涉及玩家数',
'cashback.stat.total': '返水总金额',
'cashback.confirm_issue': '确认发放',
'user.field.player_id': '玩家 ID',
'user.field.bet_count': '注单数',
'user.field.total_stake': '累计投注',
'user.field.registered_at': '注册时间',
'user.ph.remark_initial': '有初始余额时写入流水备注',
'user.bets_edit_value': '{n} 笔 / {stake}',
'user.login_fail_value': '{n} 次',
'match.import_hint': '粘贴含 matches 的 JSON，导入后为草稿，需在列表发布。',
'match.import_start': '开始导入',
'match.import_json_ph': '{"matches":[...]}',
'match.delete_confirm_title': '删除确认',
'match.delete_confirm_body': '确定删除赛事「{title}」？仅草稿且无注单时可删除。',
'match.ph.league_en': 'FIFA World Cup 2026',
'match.ph.league_zh': '2026 世界杯',
'match.ph.kickoff': '2026-06-11T19:00:00Z',
'match.ph.home_en': 'Mexico',
'match.ph.home_zh': '墨西哥',
'match.ph.away_en': 'South Africa',
'match.ph.away_zh': '南非',
'err.username_required': '请填写用户名',
'err.password_min': '密码至少 8 位',
'err.password_mismatch': '两次密码不一致',
'err.credit_negative': '授信额度不能为负',
'err.kickoff_required': '请填写开赛时间',
'err.teams_required': '请填写主客队名称（中文或英文至少一项）',
'err.league_required': '请填写联赛名称',
'settlement.ht_score': '半场比分',
'settlement.ft_score': '全场比分',
'settlement.record_score': '录入比分',
'settlement.preview_btn': '生成结算预览',
'settlement.preview_title': '结算预览',
'settlement.single_count': '单关注单数',
'settlement.est_payout': '预计派彩',
'settlement.refund_amount': '退款金额',
'settlement.confirm_btn': '确认结算',
'msg.score_recorded': '比分已录入',
'msg.settlement_confirmed': '结算已确认',
'agent_portal.create_player_section': '创建玩家',
'agent_portal.deposit_section': '上分操作',
'agent_portal.create_player_btn': '+ 创建玩家',
'agent_portal.create_tier2_btn': '+ 创建二级代理',
'agent_portal.username_ph': '输入用户名',
'agent_portal.agent_username_ph': '代理用户名',
'agent_portal.player_id_ph': '玩家 ID',
'agent_portal.withdraw_btn': '下分 {amount}',
'msg.agent_sub_created': '下级代理已创建',
'msg.withdraw_ok': '下分成功',
'msg.form_invalid': '请检查表单',
'msg.player_created': '玩家已创建',
'msg.agent_created': '一级代理已创建',
'msg.create_failed': '创建失败',
'msg.saved': '已保存',
'msg.save_failed': '保存失败',
'msg.deleted': '已删除',
'msg.delete_failed': '删除失败',
'msg.match_created_draft': '赛事已创建（草稿）',
'msg.published': '已发布并生成盘口',
'msg.closed': '已封盘',
'msg.invalid_json': 'JSON 格式无效',
'msg.import_failed': '导入失败',
'msg.import_done': '导入完成：成功 {imported}，跳过 {skipped}，失败 {failed} / 共 {total}',
'msg.topup_ok': '上分成功',
'msg.topup_failed': '上分失败',
'msg.amount_gt_zero': '金额须大于 0',
'msg.credit_zero': '调整金额不能为 0',
'msg.credit_adjusted': '授信已调整',
'msg.credit_adjust_failed': '调整失败',
'msg.outright_no_edit': '冠军盘不支持在此编辑',
'msg.load_matches_failed': '加载赛事失败',
'msg.cashback_issued': '返水已发放',
'msg.freeze_confirm_title': '{action}账号',
'msg.freeze_confirm_body': '确定要{action}玩家「{name}」吗？{extra}',
'msg.freeze_extra': '冻结后该账号将无法登录。',
'msg.freeze_done': '已{action}',
'msg.freeze_failed': '{action}失败',
};
export const adminPagesEn: Record<string, string> = {
'common.detail': 'Details',
'common.create': 'Create',
'common.save': 'Save',
'common.close': 'Close',
'common.import': 'Import',
'common.publish': 'Publish',
'common.topup': 'Top up',
'common.adjust_credit': 'Adjust credit',
'common.freeze': 'Freeze',
'common.unfreeze': 'Unfreeze',
'common.settle': 'Settle',
'common.close_betting': 'Close',
'common.never_login': 'Never signed in',
'common.optional': 'Optional',
'common.to': 'To',
'common.module': 'Module',
'common.col_id': 'ID',
'common.times': 'times',
'common.bets_count_unit': 'bets',
'user.create_btn': '+ New player',
'user.filter.username_ph': 'Username',
'user.filter.agent': 'Agent',
'user.filter.agent_ph': 'All',
'user.col.username': 'Username',
'user.col.agent': 'Agent',
'user.col.balance': 'Available / Frozen',
'user.col.bets': 'Bets',
'user.col.stake_payout': 'Stake / Payout',
'user.col.last_login': 'Last login',
'user.col.created': 'Registered',
'user.status.ACTIVE': 'Active',
'user.status.SUSPENDED': 'Suspended',
'user.dialog.create': 'New player',
'user.dialog.edit': 'Edit player',
'user.dialog.deposit': 'Top up player',
'user.dialog.detail': 'Player details',
'user.field.password': 'Password',
'user.field.confirm_password': 'Confirm password',
'user.field.initial_balance': 'Initial balance',
'user.field.deposit_remark': 'Top-up note',
'user.field.amount': 'Amount',
'user.field.remark': 'Note',
'user.field.account_status': 'Account status',
'user.field.available': 'Available balance',
'user.field.frozen_balance': 'Frozen balance',
'user.field.bets_summary': 'Bets / stake',
'user.field.total_payout': 'Total payout',
'user.field.login_fail': 'Failed logins',
'user.field.phone': 'Phone',
'user.field.email': 'Email',
'user.ph.username_unique': 'Unique login username',
'user.ph.no_agent': 'None (platform direct)',
'user.hint.no_agent': 'Leave empty for platform-managed player',
'user.hint.initial_balance': 'Auto top-up on create; 0 = no bonus',
'user.hint.deposit_remark': 'Written to ledger when initial balance > 0',
'user.hint.freeze_in_list': 'Freeze/unfreeze from the list actions',
'user.hint.agent_change': 'Empty = platform direct; changes recalc agent credit',
'user.btn.create': 'Create',
'user.btn.save_profile': 'Save',
'user.btn.confirm_deposit': 'Confirm top-up',
'user.deposit_remark_default': 'Admin top-up',
'agent.create_btn': '+ New tier-1 agent',
'agent.filter.username_ph': 'Username',
'agent.col.level': 'Level',
'agent.col.credit': 'Limit / Used / Available',
'agent.col.direct_players': 'Direct players',
'agent.col.cashback': 'Cashback rate',
'agent.col.phone': 'Phone',
'agent.col.created': 'Created',
'agent.dialog.create': 'New tier-1 agent',
'agent.dialog.edit': 'Edit agent',
'agent.dialog.credit': 'Adjust credit limit',
'agent.field.agent_id': 'Agent ID',
'agent.dialog.detail': 'Agent details',
'agent.field.credit_limit': 'Credit limit',
'agent.field.cashback_rate': 'Cashback rate',
'agent.field.adjust_amount': 'Adjustment',
'agent.field.used_credit': 'Used credit',
'agent.field.available_credit': 'Available credit',
'agent.field.player_liability': 'Player liability',
'agent.field.sub_agent_exposure': 'Sub-agent exposure',
'agent.hint.credit_limit': 'Max total top-up capacity for direct players',
'agent.hint.cashback_example': 'e.g. 0.01 = 1%',
'agent.hint.credit_adjust': 'Positive increases, negative decreases',
'agent.hint.credit_remark': 'Optional, written to credit ledger',
'agent.section.credit_log': 'Recent credit changes',
'agent.credit.increase': 'Increase',
'agent.credit.decrease': 'Decrease',
'agent.col.credit_type': 'Type',
'agent.col.credit_change': 'Change',
'agent.col.credit_after': 'After',
'agent.col.no_records': 'No records',
'agent.btn.confirm_adjust': 'Confirm',
'match.create_btn': '+ New match',
'match.filter.keyword_ph': 'Match name / team code',
'match.col.matchup': 'Matchup',
'match.col.kickoff': 'Kickoff',
'match.dialog.create': 'New match',
'match.dialog.edit': 'Edit match',
'match.dialog.import': 'Import matches',
'match.field.league_en': 'League (EN)',
'match.field.league_zh': 'League (ZH)',
'match.field.kickoff': 'Kickoff time',
'match.field.home_en': 'Home (EN)',
'match.field.home_zh': 'Home (ZH)',
'match.field.away_en': 'Away (EN)',
'match.field.away_zh': 'Away (ZH)',
'match.field.featured': 'Featured',
'match.hint.create_draft': 'Saved as draft; click Publish in the list to open markets.',
'match.hint.edit_published': 'Published: edit kickoff, featured, display names; closed/settled are locked.',
'bet.filter.keyword_ph': 'Bet no. / username',
'bet.filter.date_from': 'Placed from',
'bet.filter.date_start_ph': 'Start',
'bet.filter.date_end_ph': 'End',
'bet.col.serial': 'No.',
'bet.col.bet_no': 'Bet no.',
'bet.col.player': 'Player',
'bet.col.agent': 'Agent',
'bet.col.selection': 'Pick',
'bet.col.stake': 'Stake',
'bet.col.odds': 'Odds',
'bet.col.payout': 'Payout',
'bet.col.placed_at': 'Placed at',
'bet.dialog.detail': 'Bet details',
'bet.field.total_odds': 'Total odds',
'bet.field.currency': 'Currency',
'bet.field.potential_win': 'Potential win',
'bet.field.actual_payout': 'Actual payout',
'bet.field.bet_status': 'Bet status',
'bet.field.settlement_status': 'Settlement',
'bet.field.settled_at': 'Settled at',
'bet.field.request_id': 'Request ID',
'bet.selections_title': 'Selections ({n})',
'bet.col.market': 'Market',
'bet.col.period': 'Period',
'bet.col.line': 'Line',
'bet.col.result': 'Result',
'audit.module_ph': 'e.g. USERS, AGENTS',
'audit.col.action': 'Action',
'audit.col.module': 'Module',
'audit.col.target_id': 'Target ID',
'audit.col.time': 'Time',
'cashback.start_date': 'Start date',
'cashback.end_date': 'End date',
'cashback.preview_btn': 'Preview',
'cashback.preview_title': 'Cashback preview',
'cashback.stat.players': 'Players',
'cashback.stat.total': 'Total cashback',
'cashback.confirm_issue': 'Confirm payout',
'user.field.player_id': 'Player ID',
'user.field.bet_count': 'Bet count',
'user.field.total_stake': 'Total stake',
'user.field.registered_at': 'Registered',
'user.ph.remark_initial': 'Ledger note when initial balance > 0',
'user.bets_edit_value': '{n} bets / {stake}',
'user.login_fail_value': '{n} times',
'match.import_hint': 'Paste JSON with matches array. Imports as draft; publish from the list.',
'match.import_start': 'Import',
'match.import_json_ph': '{"matches":[...]}',
'match.delete_confirm_title': 'Delete match',
'match.delete_confirm_body': 'Delete "{title}"? Draft with no bets only.',
'match.ph.league_en': 'FIFA World Cup 2026',
'match.ph.league_zh': '2026 World Cup',
'match.ph.kickoff': '2026-06-11T19:00:00Z',
'match.ph.home_en': 'Mexico',
'match.ph.home_zh': 'Mexico',
'match.ph.away_en': 'South Africa',
'match.ph.away_zh': 'South Africa',
'err.username_required': 'Username is required',
'err.password_min': 'Password must be at least 8 characters',
'err.password_mismatch': 'Passwords do not match',
'err.credit_negative': 'Credit limit cannot be negative',
'err.kickoff_required': 'Kickoff time is required',
'err.teams_required': 'Enter home and away team names (ZH or EN)',
'err.league_required': 'League name is required',
'settlement.ht_score': 'Half-time score',
'settlement.ft_score': 'Full-time score',
'settlement.record_score': 'Save score',
'settlement.preview_btn': 'Preview settlement',
'settlement.preview_title': 'Settlement preview',
'settlement.single_count': 'Single bets',
'settlement.est_payout': 'Est. payout',
'settlement.refund_amount': 'Refund amount',
'settlement.confirm_btn': 'Confirm settlement',
'msg.score_recorded': 'Score saved',
'msg.settlement_confirmed': 'Settlement confirmed',
'agent_portal.create_player_section': 'Create player',
'agent_portal.deposit_section': 'Top up',
'agent_portal.create_player_btn': '+ New player',
'agent_portal.create_tier2_btn': '+ New tier-2 agent',
'agent_portal.username_ph': 'Enter username',
'agent_portal.agent_username_ph': 'Agent username',
'agent_portal.player_id_ph': 'Player ID',
'agent_portal.withdraw_btn': 'Withdraw {amount}',
'msg.agent_sub_created': 'Sub-agent created',
'msg.withdraw_ok': 'Withdrawal successful',
'msg.form_invalid': 'Please check the form',
'msg.player_created': 'Player created',
'msg.agent_created': 'Agent created',
'msg.create_failed': 'Create failed',
'msg.saved': 'Saved',
'msg.save_failed': 'Save failed',
'msg.deleted': 'Deleted',
'msg.delete_failed': 'Delete failed',
'msg.match_created_draft': 'Match created (draft)',
'msg.published': 'Published with markets',
'msg.closed': 'Betting closed',
'msg.invalid_json': 'Invalid JSON',
'msg.import_failed': 'Import failed',
'msg.import_done': 'Import: {imported} ok, {skipped} skipped, {failed} failed / {total} total',
'msg.topup_ok': 'Top-up successful',
'msg.topup_failed': 'Top-up failed',
'msg.amount_gt_zero': 'Amount must be greater than 0',
'msg.credit_zero': 'Adjustment cannot be 0',
'msg.credit_adjusted': 'Credit updated',
'msg.credit_adjust_failed': 'Adjustment failed',
'msg.outright_no_edit': 'Outright cannot be edited here',
'msg.load_matches_failed': 'Failed to load matches',
'msg.cashback_issued': 'Cashback issued',
'msg.freeze_confirm_title': '{action} account',
'msg.freeze_confirm_body': '{action} player "{name}"?{extra}',
'msg.freeze_extra': ' They will not be able to sign in.',
'msg.freeze_done': '{action} completed',
'msg.freeze_failed': '{action} failed',
};

16
apps/admin/src/i18n/form-validation.ts Normal file
View File

@@ -0,0 +1,16 @@
/** 表单校验错误（key 对应 admin-messages / admin-pages） */
export class FormValidationError extends Error {
readonly key: string;
constructor(key: string) {
super(key);
this.name = 'FormValidationError';
this.key = key;
}
}
export function resolveFormError(e: unknown, t: (key: string) => string): string {
if (e instanceof FormValidationError) return t(e.key);
if (e instanceof Error && e.message.startsWith('err.')) return t(e.message);
return t('msg.form_invalid');
}

42
apps/admin/src/layouts/ManageLayout.vue
View File

@@ -2,29 +2,32 @@
import { computed } from 'vue';
import { RouterView, RouterLink, useRoute, useRouter } from 'vue-router';
import { useAuthStore } from '../stores/auth';
import { useAdminLocale } from '../composables/useAdminLocale';
import AdminLocaleSwitcher from '../components/AdminLocaleSwitcher.vue';
const route = useRoute();
const router = useRouter();
const auth = useAuthStore();
const { t } = useAdminLocale();
const adminMenus = [
{ path: '/', label: '控制台' },
{ path: '/users', label: '玩家管理' },
{ path: '/agents', label: '代理管理' },
{ path: '/matches', label: '赛事管理' },
{ path: '/bets', label: '注单管理' },
{ path: '/cashback', label: '返水管理' },
{ path: '/audit', label: '操作日志' },
];
const adminMenus = computed(() => [
{ path: '/', label: t('nav.dashboard') },
{ path: '/users', label: t('nav.users') },
{ path: '/agents', label: t('nav.agents') },
{ path: '/matches', label: t('nav.matches') },
{ path: '/bets', label: t('nav.bets') },
{ path: '/cashback', label: t('nav.cashback') },
{ path: '/audit', label: t('nav.audit') },
]);
const agentMenus = [
{ path: '/', label: '概览' },
{ path: '/my-players', label: '直属玩家' },
{ path: '/sub-agents', label: '下级代理' },
{ path: '/my-bets', label: '注单查询' },
];
const agentMenus = computed(() => [
{ path: '/', label: t('nav.dashboard') },
{ path: '/my-players', label: t('nav.players') },
{ path: '/sub-agents', label: t('nav.subAgents') },
{ path: '/my-bets', label: t('nav.myBets') },
]);
const menus = computed(() => (auth.isAdmin.value ? adminMenus : agentMenus));
const menus = computed(() => (auth.isAdmin.value ? adminMenus.value : agentMenus.value));
const currentLabel = computed(() =>
menus.value.find(m => m.path === route.path)?.label ?? ''
@@ -72,11 +75,12 @@ function logout() {
<div class="avatar">{{ userInitial }}</div>
<div class="user-info">
<span class="user-name">{{ auth.user?.username }}</span>
<span class="user-role">{{ auth.isAdmin ? '系统管理员' : '代理账号' }}</span>
<span class="user-role">{{ auth.isAdmin ? t('role.admin') : t('role.agent') }}</span>
</div>
</div>
<div class="portal-tag">{{ auth.portalLabel }}</div>
<button class="btn-logout" @click="logout">退出</button>
<AdminLocaleSwitcher />
<div class="portal-tag">{{ auth.isAdmin ? t('portal.admin') : t('portal.agent') }}</div>
<button class="btn-logout" @click="logout">{{ t('logout') }}</button>
</div>
</header>
<main class="page-main">

64
apps/admin/src/utils/bet-labels.ts
View File

@@ -1,12 +1,8 @@
export type BetTagType = '' | 'info' | 'success' | 'warning' | 'danger';
import { computed } from 'vue';
import { adminT, type AdminLocale } from '../i18n/admin-messages';
import { getAdminLocale, useAdminLocale } from '../composables/useAdminLocale';
const STATUS_LABELS: Record<string, string> = {
PENDING: '待结算',
WON: '已赢',
LOST: '已输',
VOID: '作废',
REFUNDED: '已退款',
};
export type BetTagType = '' | 'info' | 'success' | 'warning' | 'danger';
const STATUS_TAG: Record<string, BetTagType> = {
PENDING: 'warning',
@@ -16,13 +12,14 @@ const STATUS_TAG: Record<string, BetTagType> = {
REFUNDED: 'info',
};
const TYPE_LABELS: Record<string, string> = {
SINGLE: '单关',
PARLAY: '串关',
};
function loc(): AdminLocale {
return getAdminLocale();
}
export function betStatusLabel(status: string) {
return STATUS_LABELS[status] ?? status;
const key = `bet.status.${status}`;
const v = adminT(loc(), key);
return v !== key ? v : status;
}
export function betStatusTagType(status: string): BetTagType {
@@ -30,20 +27,44 @@ export function betStatusTagType(status: string): BetTagType {
}
export function betTypeLabel(betType: string) {
return TYPE_LABELS[betType] ?? betType;
const key = `bet.type.${betType}`;
const v = adminT(loc(), key);
return v !== key ? v : betType;
}
const SETTLEMENT_LABELS: Record<string, string> = {
PENDING: '待结算',
SETTLED: '已结算',
VOID: '已作废',
};
export function betSettlementLabel(v: string | null | undefined) {
if (!v) return '—';
return SETTLEMENT_LABELS[v] ?? v;
const key = `bet.settlement.${v}`;
const label = adminT(loc(), key);
return label !== key ? label : v;
}
export function betResultLabel(s: string | null | undefined) {
if (!s) return '—';
const key = `bet.result.${s}`;
const label = adminT(loc(), key);
return label !== key ? label : s;
}
export function useBetFilterOptions() {
const { t } = useAdminLocale();
const statusOptions = computed(() => [
{ value: '', label: t('common.all') },
{ value: 'PENDING', label: t('bet.status.PENDING') },
{ value: 'WON', label: t('bet.status.WON') },
{ value: 'LOST', label: t('bet.status.LOST') },
{ value: 'VOID', label: t('bet.status.VOID') },
{ value: 'REFUNDED', label: t('bet.status.REFUNDED') },
]);
const typeOptions = computed(() => [
{ value: '', label: t('common.all') },
{ value: 'SINGLE', label: t('bet.type.SINGLE') },
{ value: 'PARLAY', label: t('bet.type.PARLAY') },
]);
return { statusOptions, typeOptions };
}
/** @deprecated 使用 useBetFilterOptions() */
export const BET_STATUS_OPTIONS = [
{ value: '', label: '全部' },
{ value: 'PENDING', label: '待结算' },
@@ -53,6 +74,7 @@ export const BET_STATUS_OPTIONS = [
{ value: 'REFUNDED', label: '已退款' },
];
/** @deprecated 使用 useBetFilterOptions() */
export const BET_TYPE_OPTIONS = [
{ value: '', label: '全部' },
{ value: 'SINGLE', label: '单关' },

52
apps/admin/src/utils/dashboard-charts.ts
View File

@@ -1,6 +1,18 @@
import type { EChartsOption } from 'echarts';
import type { AdminLocale } from '../i18n/admin-messages';
import { formatAmount, formatAmountFull } from './format-amount';
export type ChartI18n = {
locale?: AdminLocale;
betCountSeries: string;
axisAmount: string;
axisCount: string;
countSuffix: string;
pieTooltip: string;
noData: string;
pieEmpty: string;
};
const tooltipBase = {
backgroundColor: '#141414',
borderColor: '#2a2a2a',
@@ -110,7 +122,10 @@ export function buildMultiLineChartOption(
export function buildPieChartOption(
title: string,
segments: PieSegment[],
i18n?: Partial<ChartI18n>,
): EChartsOption {
const loc = i18n?.locale;
const noData = i18n?.noData ?? '暂无数据';
const data = segments.map((s) => ({
name: s.label,
value: s.value,
@@ -122,7 +137,7 @@ export function buildPieChartOption(
tooltip: {
...tooltipBase,
trigger: 'item',
formatter: '{b}：{c}（{d}%）',
formatter: i18n?.pieTooltip ?? '{b}：{c}（{d}%）',
},
legend: {
orient: 'vertical',
@@ -151,14 +166,15 @@ export function buildPieChartOption(
label: { fontSize: 12, fontWeight: 'bold' },
scaleSize: 6,
},
data: data.length ? data : [{ name: '暂无数据', value: 1, itemStyle: { color: '#333' } }],
data: data.length ? data : [{ name: noData, value: 1, itemStyle: { color: '#333' } }],
},
],
};
}
function fmtCount(v: number) {
return v.toLocaleString('zh-CN', { maximumFractionDigits: 0 });
function fmtCount(v: number, locale?: AdminLocale) {
const tag = locale ?? 'zh-CN';
return v.toLocaleString(tag, { maximumFractionDigits: 0 });
}
/** 7 日金额折线 + 注单柱（双 Y 轴），一图看清趋势 */
@@ -166,7 +182,11 @@ export function buildCombinedTrendOption(
labels: string[],
amountSeries: ChartSeries[],
betCounts: number[],
i18n: ChartI18n,
): EChartsOption {
const loc = i18n.locale;
const betCountName = i18n.betCountSeries;
const countSuffix = i18n.countSuffix;
return {
backgroundColor: 'transparent',
color: [...amountSeries.map((s) => s.color), '#fb923c'],
@@ -178,9 +198,10 @@ export function buildCombinedTrendOption(
return items
.map((p) => {
const v = Number(p.value ?? 0);
const isCount = p.seriesName === '注单笔数';
const val = isCount ? `${fmtCount(v)} 笔` : formatAmountFull(v);
return `${p.marker ?? ''}${p.seriesName}：${val}`;
const isCount = p.seriesName === betCountName;
const val = isCount ? `${fmtCount(v, loc)} ${countSuffix}` : formatAmountFull(v, loc);
const sep = loc?.startsWith('zh') ? '：' : ': ';
return `${p.marker ?? ''}${p.seriesName}${sep}${val}`;
})
.join('<br/>');
},
@@ -202,16 +223,16 @@ export function buildCombinedTrendOption(
yAxis: [
{
type: 'value',
name: '金额',
name: i18n.axisAmount,
nameTextStyle: { color: '#666', fontSize: 10 },
axisLabel: { ...axisLabel, formatter: (v: number) => formatAmount(v) },
axisLabel: { ...axisLabel, formatter: (v: number) => formatAmount(v, 2, loc) },
splitLine,
},
{
type: 'value',
name: '笔数',
name: i18n.axisCount,
nameTextStyle: { color: '#666', fontSize: 10 },
axisLabel: { ...axisLabel, formatter: (v: number) => fmtCount(v) },
axisLabel: { ...axisLabel, formatter: (v: number) => fmtCount(v, loc) },
splitLine: { show: false },
},
],
@@ -228,7 +249,7 @@ export function buildCombinedTrendOption(
lineStyle: { color: s.color, width: 2 },
})),
{
name: '注单笔数',
name: betCountName,
type: 'bar',
yAxisIndex: 1,
data: betCounts,
@@ -242,7 +263,10 @@ export function buildCombinedTrendOption(
/** 三个饼图并排，占一张图 */
export function buildTriplePieOption(
blocks: { title: string; segments: PieSegment[] }[],
i18n?: Partial<ChartI18n>,
): EChartsOption {
const pieEmpty = i18n?.pieEmpty ?? '暂无';
const pieTooltip = i18n?.pieTooltip ?? '{b}：{c}（{d}%）';
const slots = [
{ center: ['18%', '58%'] as [string, string], titleLeft: '14%' },
{ center: ['50%', '58%'] as [string, string], titleLeft: '46%' },
@@ -254,7 +278,7 @@ export function buildTriplePieOption(
tooltip: {
...tooltipBase,
trigger: 'item',
formatter: '{b}：{c}（{d}%）',
formatter: pieTooltip,
},
graphic: blocks.map((b, i) => ({
type: 'text' as const,
@@ -283,7 +307,7 @@ export function buildTriplePieOption(
labelLine: { show: false },
data: data.length
? data
: [{ name: '暂无', value: 1, itemStyle: { color: '#333' } }],
: [{ name: pieEmpty, value: 1, itemStyle: { color: '#333' } }],
};
}),
};

47
apps/admin/src/utils/format-amount.ts
View File

@@ -1,38 +1,57 @@
/** 完整数字（悬停提示、详情对照） */
export function formatAmountFull(value: string | number | null | undefined): string {
const n = Number(value);
if (!Number.isFinite(n)) return '—';
return n.toLocaleString('zh-CN', { maximumFractionDigits: 4 });
import { getAdminLocale } from '../composables/useAdminLocale';
import type { AdminLocale } from '../i18n/admin-messages';
function resolveLocale(locale?: AdminLocale): AdminLocale {
return locale ?? getAdminLocale();
}
function unitPart(abs: number, divisor: number, maxDecimals: number): string {
return (abs / divisor).toLocaleString('zh-CN', {
function localeTag(locale: AdminLocale): string {
return locale;
}
/** 完整数字（悬停提示、详情对照） */
export function formatAmountFull(
value: string | number | null | undefined,
locale?: AdminLocale,
): string {
const n = Number(value);
if (!Number.isFinite(n)) return '—';
return n.toLocaleString(localeTag(resolveLocale(locale)), { maximumFractionDigits: 4 });
}
function unitPart(abs: number, divisor: number, maxDecimals: number, locale: AdminLocale): string {
return (abs / divisor).toLocaleString(localeTag(locale), {
minimumFractionDigits: 0,
maximumFractionDigits: maxDecimals,
});
}
/**
* 金额展示：≥1万用「万」，≥1亿用「亿」，避免表格撑破布局
* 金额展示：中文用万/亿；英文用 K/M/B
*/
export function formatAmount(
value: string | number | null | undefined,
maxDecimals = 2,
locale?: AdminLocale,
): string {
const n = Number(value);
if (!Number.isFinite(n)) return '—';
const loc = resolveLocale(locale);
const sign = n < 0 ? '-' : '';
const abs = Math.abs(n);
const zh = loc.startsWith('zh');
if (abs >= 1e8) {
return `${sign}${unitPart(abs, 1e8, maxDecimals)}亿`;
}
if (abs >= 1e4) {
return `${sign}${unitPart(abs, 1e4, maxDecimals)}万`;
if (zh) {
if (abs >= 1e8) return `${sign}${unitPart(abs, 1e8, maxDecimals, loc)}亿`;
if (abs >= 1e4) return `${sign}${unitPart(abs, 1e4, maxDecimals, loc)}万`;
} else {
if (abs >= 1e9) return `${sign}${unitPart(abs, 1e9, maxDecimals, loc)}B`;
if (abs >= 1e6) return `${sign}${unitPart(abs, 1e6, maxDecimals, loc)}M`;
if (abs >= 1e3) return `${sign}${unitPart(abs, 1e3, maxDecimals, loc)}K`;
}
return n.toLocaleString('zh-CN', {
return n.toLocaleString(localeTag(loc), {
minimumFractionDigits: 0,
maximumFractionDigits: maxDecimals,
});

180
apps/admin/src/views/Agents.vue
View File

@@ -1,6 +1,10 @@
<script setup lang="ts">
import { ref, onMounted } from 'vue';
import { useAdminLocale } from '../composables/useAdminLocale';
import { resolveFormError } from '../i18n/form-validation';
import api from '../api';
const { t } = useAdminLocale();
import { ElMessage } from 'element-plus';
import {
emptyAgentCreateForm,
@@ -102,18 +106,18 @@ async function submitCreate() {
try {
payload = buildCreateAgentPayload(createForm.value);
} catch (e) {
ElMessage.warning(e instanceof Error ? e.message : '请检查表单');
ElMessage.warning(resolveFormError(e, t));
return;
}
createLoading.value = true;
try {
await api.post('/admin/agents', payload);
ElMessage.success('一级代理已创建');
ElMessage.success(t('msg.agent_created'));
createVisible.value = false;
load();
} catch (e: unknown) {
const err = e as { response?: { data?: { error?: string } } };
ElMessage.error(err.response?.data?.error ?? '创建失败');
ElMessage.error(err.response?.data?.error ?? t('msg.create_failed'));
} finally {
createLoading.value = false;
}
@@ -128,12 +132,12 @@ async function submitEdit() {
email: editForm.value.email.trim() || undefined,
cashbackRate: editForm.value.cashbackRate,
});
ElMessage.success('已保存');
ElMessage.success(t('msg.saved'));
editVisible.value = false;
load();
} catch (e: unknown) {
const err = e as { response?: { data?: { error?: string } } };
ElMessage.error(err.response?.data?.error ?? '保存失败');
ElMessage.error(err.response?.data?.error ?? t('msg.save_failed'));
} finally {
editLoading.value = false;
}
@@ -141,7 +145,7 @@ async function submitEdit() {
async function submitCredit() {
if (creditForm.value.amount === 0) {
ElMessage.warning('调整金额不能为 0');
ElMessage.warning(t('msg.credit_zero'));
return;
}
creditLoading.value = true;
@@ -151,12 +155,12 @@ async function submitCredit() {
requestId: `credit-${editingId.value}-${Date.now()}`,
remark: creditForm.value.remark || undefined,
});
ElMessage.success('授信已调整');
ElMessage.success(t('msg.credit_adjusted'));
creditVisible.value = false;
load();
} catch (e: unknown) {
const err = e as { response?: { data?: { error?: string } } };
ElMessage.error(err.response?.data?.error ?? '调整失败');
ElMessage.error(err.response?.data?.error ?? t('msg.credit_adjust_failed'));
} finally {
creditLoading.value = false;
}
@@ -172,13 +176,15 @@ function statusTagType(s: string) {
}
function statusLabel(s: string) {
return s === 'ACTIVE' ? '正常' : s === 'SUSPENDED' ? '停用' : s;
const key = `user.status.${s}`;
const v = t(key);
return v !== key ? v : s;
}
function creditTypeLabel(t: string) {
if (t === 'CREDIT_INCREASE') return '增加';
if (t === 'CREDIT_DECREASE') return '减少';
return t;
function creditTypeLabel(type: string) {
if (type === 'CREDIT_INCREASE') return t('agent.credit.increase');
if (type === 'CREDIT_DECREASE') return t('agent.credit.decrease');
return type;
}
</script>
@@ -186,25 +192,25 @@ function creditTypeLabel(t: string) {
<div class="admin-list-page">
<div class="page-header">
<div>
<h2 class="page-title">代理管理</h2>
<span class="page-desc">创建一级代理、调整授信额度、查看直属玩家与额度占用</span>
<h2 class="page-title">{{ t('page.agents.title') }}</h2>
<span class="page-desc">{{ t('page.agents.desc') }}</span>
</div>
<el-button type="primary" @click="openCreate">+ 新建一级代理</el-button>
<el-button type="primary" @click="openCreate">{{ t('agent.create_btn') }}</el-button>
</div>
<el-card class="filter-card" shadow="never">
<el-form inline>
<el-form-item label="关键词">
<el-form-item :label="t('common.keyword')">
<el-input
v-model="keyword"
placeholder="用户名"
:placeholder="t('agent.filter.username_ph')"
clearable
style="width: 180px"
@keyup.enter="load"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="load">查询</el-button>
<el-button type="primary" @click="load">{{ t('common.search') }}</el-button>
</el-form-item>
</el-form>
</el-card>
@@ -213,37 +219,37 @@ function creditTypeLabel(t: string) {
<div class="table-wrap">
<el-table :data="agents" stripe>
<el-table-column prop="userId" label="ID" width="72" />
<el-table-column prop="username" label="用户名" min-width="120" />
<el-table-column label="状态" width="88">
<el-table-column prop="username" :label="t('user.col.username')" min-width="120" />
<el-table-column :label="t('common.status')" width="88">
<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="层级" width="72" align="center" />
<el-table-column label="授信 / 已用 / 可用" min-width="168" align="right">
<el-table-column prop="level" :label="t('agent.col.level')" width="72" align="center" />
<el-table-column :label="t('agent.col.credit')" min-width="168" 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="直属玩家" width="96" align="center" />
<el-table-column label="返水率" width="88" align="right">
<el-table-column prop="directPlayerCount" :label="t('agent.col.direct_players')" width="96" align="center" />
<el-table-column :label="t('agent.col.cashback')" width="88" align="right">
<template #default="{ row }">{{ row.cashbackRate }}</template>
</el-table-column>
<el-table-column prop="phone" label="手机" min-width="110">
<el-table-column prop="phone" :label="t('agent.col.phone')" min-width="110">
<template #default="{ row }">{{ row.phone ?? '—' }}</template>
</el-table-column>
<el-table-column label="创建时间" min-width="158">
<el-table-column :label="t('agent.col.created')" min-width="158">
<template #default="{ row }">{{ formatTime(row.createdAt) }}</template>
</el-table-column>
<el-table-column label="操作" width="240" fixed="right" align="center">
<el-table-column :label="t('common.actions')" width="240" fixed="right" align="center">
<template #default="{ row }">
<el-button size="small" link type="primary" @click="openDetail(row.userId)">详情</el-button>
<el-button size="small" link type="primary" @click="openEdit(row.userId)">编辑</el-button>
<el-button size="small" link type="primary" @click="openCredit(row)">调额</el-button>
<el-button size="small" link type="primary" @click="openDetail(row.userId)">{{ t('common.detail') }}</el-button>
<el-button size="small" link type="primary" @click="openEdit(row.userId)">{{ t('common.edit') }}</el-button>
<el-button size="small" link type="primary" @click="openCredit(row)">{{ t('common.adjust_credit') }}</el-button>
</template>
</el-table-column>
</el-table>
@@ -262,27 +268,27 @@ function creditTypeLabel(t: string) {
</div>
</el-card>
<el-dialog v-model="createVisible" title="新建一级代理" width="520px" destroy-on-close>
<el-dialog v-model="createVisible" :title="t('agent.dialog.create')" width="520px" destroy-on-close>
<el-form label-width="100px">
<el-form-item label="用户名" required>
<el-input v-model="createForm.username" placeholder="登录用户名，唯一" />
<el-form-item :label="t('user.col.username')" required>
<el-input v-model="createForm.username" :placeholder="t('user.ph.username_unique')" />
</el-form-item>
<el-form-item label="登录密码" required>
<el-form-item :label="t('user.field.password')" required>
<el-input v-model="createForm.password" type="text" autocomplete="off" />
</el-form-item>
<el-form-item label="确认密码" required>
<el-form-item :label="t('user.field.confirm_password')" required>
<el-input v-model="createForm.confirmPassword" type="text" autocomplete="off" />
</el-form-item>
<el-form-item label="授信额度" required>
<el-form-item :label="t('agent.field.credit_limit')" required>
<el-input-number
v-model="createForm.creditLimit"
:min="0"
:step="10000"
style="width: 100%"
/>
<div class="field-hint">代理可向直属玩家上分的总额度上限</div>
<div class="field-hint">{{ t('agent.hint.credit_limit') }}</div>
</el-form-item>
<el-form-item label="返水比例">
<el-form-item :label="t('agent.field.cashback_rate')">
<el-input-number
v-model="createForm.cashbackRate"
:min="0"
@@ -291,30 +297,30 @@ function creditTypeLabel(t: string) {
:precision="4"
style="width: 100%"
/>
<div class="field-hint">例如 0.01 表示 1%</div>
<div class="field-hint">{{ t('agent.hint.cashback_example') }}</div>
</el-form-item>
<el-form-item label="手机号">
<el-input v-model="createForm.phone" placeholder="选填" />
<el-form-item :label="t('user.field.phone')">
<el-input v-model="createForm.phone" :placeholder="t('common.optional')" />
</el-form-item>
<el-form-item label="邮箱">
<el-input v-model="createForm.email" placeholder="选填" />
<el-form-item :label="t('user.field.email')">
<el-input v-model="createForm.email" :placeholder="t('common.optional')" />
</el-form-item>
</el-form>
<template #footer>
<el-button @click="createVisible = false">取消</el-button>
<el-button type="primary" :loading="createLoading" @click="submitCreate">创建</el-button>
<el-button @click="createVisible = false">{{ t('common.cancel') }}</el-button>
<el-button type="primary" :loading="createLoading" @click="submitCreate">{{ t('user.btn.create') }}</el-button>
</template>
</el-dialog>
<el-dialog v-model="editVisible" title="编辑代理" width="480px" destroy-on-close>
<el-dialog v-model="editVisible" :title="t('agent.dialog.edit')" width="480px" destroy-on-close>
<el-form label-width="88px">
<el-form-item label="账号状态">
<el-form-item :label="t('user.field.account_status')">
<el-radio-group v-model="editForm.status">
<el-radio value="ACTIVE">正常</el-radio>
<el-radio value="SUSPENDED">停用</el-radio>
<el-radio value="ACTIVE">{{ t('user.status.ACTIVE') }}</el-radio>
<el-radio value="SUSPENDED">{{ t('user.status.SUSPENDED') }}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="返水比例">
<el-form-item :label="t('agent.field.cashback_rate')">
<el-input-number
v-model="editForm.cashbackRate"
:min="0"
@@ -324,111 +330,111 @@ function creditTypeLabel(t: string) {
style="width: 100%"
/>
</el-form-item>
<el-form-item label="手机号">
<el-form-item :label="t('user.field.phone')">
<el-input v-model="editForm.phone" />
</el-form-item>
<el-form-item label="邮箱">
<el-form-item :label="t('user.field.email')">
<el-input v-model="editForm.email" />
</el-form-item>
</el-form>
<template #footer>
<el-button @click="editVisible = false">取消</el-button>
<el-button type="primary" :loading="editLoading" @click="submitEdit">保存</el-button>
<el-button @click="editVisible = false">{{ t('common.cancel') }}</el-button>
<el-button type="primary" :loading="editLoading" @click="submitEdit">{{ t('common.save') }}</el-button>
</template>
</el-dialog>
<el-dialog v-model="creditVisible" title="调整授信额度" width="420px" destroy-on-close>
<el-dialog v-model="creditVisible" :title="t('agent.dialog.credit')" width="420px" destroy-on-close>
<el-form label-width="88px">
<el-form-item label="代理 ID">
<el-form-item :label="t('agent.field.agent_id')">
<el-input :model-value="editingId" disabled />
</el-form-item>
<el-form-item label="调整金额">
<el-form-item :label="t('agent.field.adjust_amount')">
<el-input-number v-model="creditForm.amount" :step="1000" style="width: 100%" />
<div class="field-hint">正数为增加授信，负数为减少</div>
<div class="field-hint">{{ t('agent.hint.credit_adjust') }}</div>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="creditForm.remark" placeholder="选填，写入额度流水" />
<el-form-item :label="t('user.field.remark')">
<el-input v-model="creditForm.remark" :placeholder="t('agent.hint.credit_remark')" />
</el-form-item>
</el-form>
<template #footer>
<el-button @click="creditVisible = false">取消</el-button>
<el-button type="primary" :loading="creditLoading" @click="submitCredit">确认调整</el-button>
<el-button @click="creditVisible = false">{{ t('common.cancel') }}</el-button>
<el-button type="primary" :loading="creditLoading" @click="submitCredit">{{ t('agent.btn.confirm_adjust') }}</el-button>
</template>
</el-dialog>
<el-dialog v-model="detailVisible" title="代理详情" width="640px" destroy-on-close>
<el-dialog v-model="detailVisible" :title="t('agent.dialog.detail')" width="640px" destroy-on-close>
<template v-if="detail">
<el-descriptions :column="2" border size="small" class="detail-block">
<el-descriptions-item label="ID">{{ detail.userId }}</el-descriptions-item>
<el-descriptions-item label="用户名">{{ detail.username }}</el-descriptions-item>
<el-descriptions-item label="状态">
<el-descriptions-item :label="t('common.col_id')">{{ detail.userId }}</el-descriptions-item>
<el-descriptions-item :label="t('user.col.username')">{{ detail.username }}</el-descriptions-item>
<el-descriptions-item :label="t('common.status')">
<el-tag :type="statusTagType(detail.status)" size="small">
{{ statusLabel(detail.status) }}
</el-tag>
</el-descriptions-item>
<el-descriptions-item label="层级">L{{ detail.level }}</el-descriptions-item>
<el-descriptions-item label="授信额度">
<el-descriptions-item :label="t('agent.col.level')">L{{ detail.level }}</el-descriptions-item>
<el-descriptions-item :label="t('agent.field.credit_limit')">
{{ formatAmount(detail.creditLimit) }}
<span v-if="shouldCompact(detail.creditLimit)" class="amount-full-hint">
（{{ formatAmountFull(detail.creditLimit) }}）
</span>
</el-descriptions-item>
<el-descriptions-item label="已用额度">
<el-descriptions-item :label="t('agent.field.used_credit')">
{{ formatAmount(detail.usedCredit) }}
<span v-if="shouldCompact(detail.usedCredit)" class="amount-full-hint">
（{{ formatAmountFull(detail.usedCredit) }}）
</span>
</el-descriptions-item>
<el-descriptions-item label="可用授信">
<el-descriptions-item :label="t('agent.field.available_credit')">
{{ formatAmount(detail.availableCredit) }}
<span v-if="shouldCompact(detail.availableCredit)" class="amount-full-hint">
（{{ formatAmountFull(detail.availableCredit) }}）
</span>
</el-descriptions-item>
<el-descriptions-item label="直属玩家">{{ detail.directPlayerCount }} 人</el-descriptions-item>
<el-descriptions-item label="玩家负债">
<el-descriptions-item :label="t('agent.col.direct_players')">{{ detail.directPlayerCount }} {{ t('common.people') }}</el-descriptions-item>
<el-descriptions-item :label="t('agent.field.player_liability')">
{{ formatAmount(detail.directPlayerLiability) }}
</el-descriptions-item>
<el-descriptions-item label="下级代理敞口">
<el-descriptions-item :label="t('agent.field.sub_agent_exposure')">
{{ formatAmount(detail.childAgentExposure) }}
</el-descriptions-item>
<el-descriptions-item label="返水率">{{ detail.cashbackRate }}</el-descriptions-item>
<el-descriptions-item label="手机">{{ detail.phone ?? '—' }}</el-descriptions-item>
<el-descriptions-item label="邮箱">{{ detail.email ?? '—' }}</el-descriptions-item>
<el-descriptions-item label="最后登录" :span="2">
{{ detail.lastLoginAt ? formatTime(detail.lastLoginAt) : '从未登录' }}
<el-descriptions-item :label="t('agent.col.cashback')">{{ detail.cashbackRate }}</el-descriptions-item>
<el-descriptions-item :label="t('user.field.phone')">{{ detail.phone ?? '—' }}</el-descriptions-item>
<el-descriptions-item :label="t('user.field.email')">{{ detail.email ?? '—' }}</el-descriptions-item>
<el-descriptions-item :label="t('user.col.last_login')" :span="2">
{{ detail.lastLoginAt ? formatTime(detail.lastLoginAt) : t('common.never_login') }}
</el-descriptions-item>
<el-descriptions-item label="创建时间" :span="2">
<el-descriptions-item :label="t('agent.col.created')" :span="2">
{{ formatTime(detail.createdAt) }}
</el-descriptions-item>
</el-descriptions>
<div class="section-title">最近额度变动</div>
<div class="section-title">{{ t('agent.section.credit_log') }}</div>
<el-table
:data="detail.recentCreditTransactions"
size="small"
stripe
empty-text="暂无记录"
:empty-text="t('agent.col.no_records')"
>
<el-table-column label="类型" width="80">
<el-table-column :label="t('agent.col.credit_type')" width="80">
<template #default="{ row }">{{ creditTypeLabel(row.transactionType) }}</template>
</el-table-column>
<el-table-column label="变动" width="96" align="right">
<el-table-column :label="t('agent.col.credit_change')" width="96" align="right">
<template #default="{ row }">
<el-tooltip :content="formatAmountFull(row.amount)" placement="top">
<span>{{ formatAmount(row.amount) }}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column label="变动后" width="96" align="right">
<el-table-column :label="t('agent.col.credit_after')" width="96" align="right">
<template #default="{ row }">
<el-tooltip :content="formatAmountFull(row.creditAfter)" placement="top">
<span>{{ formatAmount(row.creditAfter) }}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column prop="remark" label="备注" min-width="120" show-overflow-tooltip />
<el-table-column label="时间" min-width="150">
<el-table-column prop="remark" :label="t('user.field.remark')" min-width="120" show-overflow-tooltip />
<el-table-column :label="t('audit.col.time')" min-width="150">
<template #default="{ row }">{{ formatTime(row.createdAt) }}</template>
</el-table-column>
</el-table>

21
apps/admin/src/views/Audit.vue
View File

@@ -1,7 +1,10 @@
<script setup lang="ts">
import { ref, onMounted } from 'vue';
import { useAdminLocale } from '../composables/useAdminLocale';
import api from '../api';
const { t } = useAdminLocale();
const logs = ref<unknown[]>([]);
const total = ref(0);
const page = ref(1);
@@ -37,23 +40,23 @@ function onSizeChange(size: number) {
<template>
<div class="admin-list-page">
<div class="page-header">
<h2 class="page-title">操作日志</h2>
<span class="page-desc">记录所有管理员操作行为</span>
<h2 class="page-title">{{ t('page.audit.title') }}</h2>
<span class="page-desc">{{ t('page.audit.desc') }}</span>
</div>
<el-card class="filter-card" shadow="never">
<el-form inline>
<el-form-item label="模块">
<el-form-item :label="t('common.module')">
<el-input
v-model="filterModule"
placeholder="如 USERS、AGENTS"
:placeholder="t('audit.module_ph')"
clearable
style="width: 160px"
@keyup.enter="load"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="load">查询</el-button>
<el-button type="primary" @click="load">{{ t('common.search') }}</el-button>
</el-form-item>
</el-form>
</el-card>
@@ -61,10 +64,10 @@ function onSizeChange(size: number) {
<el-card class="data-card" shadow="never">
<div class="table-wrap">
<el-table :data="logs" stripe>
<el-table-column prop="action" label="操作" min-width="140" />
<el-table-column prop="module" label="模块" width="120" />
<el-table-column prop="targetId" label="目标ID" min-width="100" />
<el-table-column label="时间" min-width="160">
<el-table-column prop="action" :label="t('audit.col.action')" min-width="140" />
<el-table-column prop="module" :label="t('audit.col.module')" width="120" />
<el-table-column prop="targetId" :label="t('audit.col.target_id')" min-width="100" />
<el-table-column :label="t('audit.col.time')" min-width="160">
<template #default="{ row }">
{{ new Date((row as { createdAt: string }).createdAt).toLocaleString() }}
</template>

129
apps/admin/src/views/Bets.vue
View File

@@ -7,9 +7,13 @@ import {
betStatusTagType,
betTypeLabel,
betSettlementLabel,
BET_STATUS_OPTIONS,
BET_TYPE_OPTIONS,
betResultLabel,
useBetFilterOptions,
} from '../utils/bet-labels';
import { useAdminLocale } from '../composables/useAdminLocale';
const { t, localeTag } = useAdminLocale();
const { statusOptions, typeOptions } = useBetFilterOptions();
import type { BetListRow, BetDetail } from './bet-form';
const bets = ref<BetListRow[]>([]);
@@ -67,12 +71,12 @@ function resetFilters() {
}
function parentLabel(row: BetListRow) {
return row.parentUsername ?? '平台直属';
return row.parentUsername ?? t('common.platform_direct');
}
function formatTime(v: string | null | undefined) {
if (!v) return '—';
return new Date(v).toLocaleString('zh-CN', {
return new Date(v).toLocaleString(localeTag.value, {
year: 'numeric',
month: '2-digit',
day: '2-digit',
@@ -83,16 +87,7 @@ function formatTime(v: string | null | undefined) {
}
function resultStatusLabel(s: string | null | undefined) {
if (!s) return '—';
const map: Record<string, string> = {
WON: '赢',
LOST: '输',
VOID: '走水',
PUSH: '走盘',
HALF_WON: '半赢',
HALF_LOST: '半输',
};
return map[s] ?? s;
return betResultLabel(s);
}
async function openDetail(row: BetListRow) {
@@ -111,62 +106,62 @@ async function openDetail(row: BetListRow) {
<template>
<div class="admin-list-page">
<div class="page-header">
<h2 class="page-title">注单管理</h2>
<span class="page-desc">筛选、分页查看全平台注单，支持详情与投注项</span>
<h2 class="page-title">{{ t('page.bets.title') }}</h2>
<span class="page-desc">{{ t('page.bets.desc') }}</span>
</div>
<el-card class="filter-card" shadow="never">
<el-form inline>
<el-form-item label="关键词">
<el-form-item :label="t('common.keyword')">
<el-input
v-model="keyword"
placeholder="流水编号 / 玩家用户名"
:placeholder="t('bet.filter.keyword_ph')"
clearable
style="width: 200px"
@keyup.enter="load"
/>
</el-form-item>
<el-form-item label="状态">
<el-select v-model="filterStatus" placeholder="全部" clearable style="width: 120px">
<el-form-item :label="t('common.status')">
<el-select v-model="filterStatus" :placeholder="t('common.all')" clearable style="width: 120px">
<el-option
v-for="o in BET_STATUS_OPTIONS.filter((x) => x.value !== '')"
v-for="o in statusOptions.filter((x) => x.value !== '')"
:key="o.value"
:label="o.label"
:value="o.value"
/>
</el-select>
</el-form-item>
<el-form-item label="类型">
<el-select v-model="filterBetType" placeholder="全部" clearable style="width: 100px">
<el-form-item :label="t('common.type')">
<el-select v-model="filterBetType" :placeholder="t('common.all')" clearable style="width: 100px">
<el-option
v-for="o in BET_TYPE_OPTIONS.filter((x) => x.value !== '')"
v-for="o in typeOptions.filter((x) => x.value !== '')"
:key="o.value"
:label="o.label"
:value="o.value"
/>
</el-select>
</el-form-item>
<el-form-item label="投注日起">
<el-form-item :label="t('bet.filter.date_from')">
<el-date-picker
v-model="placedFrom"
type="date"
value-format="YYYY-MM-DD"
placeholder="开始"
:placeholder="t('bet.filter.date_start_ph')"
style="width: 140px"
/>
</el-form-item>
<el-form-item label="止">
<el-form-item :label="t('common.to')">
<el-date-picker
v-model="placedTo"
type="date"
value-format="YYYY-MM-DD"
placeholder="结束"
:placeholder="t('bet.filter.date_end_ph')"
style="width: 140px"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="load">查询</el-button>
<el-button @click="resetFilters">重置</el-button>
<el-button type="primary" @click="load">{{ t('common.search') }}</el-button>
<el-button @click="resetFilters">{{ t('common.reset') }}</el-button>
</el-form-item>
</el-form>
</el-card>
@@ -174,54 +169,54 @@ async function openDetail(row: BetListRow) {
<el-card class="data-card" shadow="never">
<div class="table-wrap">
<el-table :data="bets" stripe>
<el-table-column prop="id" label="单号" width="56" align="center" />
<el-table-column prop="betNo" label="流水编号" width="168" show-overflow-tooltip>
<el-table-column prop="id" :label="t('bet.col.serial')" width="56" align="center" />
<el-table-column prop="betNo" :label="t('bet.col.bet_no')" width="168" show-overflow-tooltip>
<template #default="{ row }">
<span class="bet-no">{{ row.betNo }}</span>
</template>
</el-table-column>
<el-table-column prop="username" label="玩家" width="100" show-overflow-tooltip />
<el-table-column label="所属代理" width="100" show-overflow-tooltip>
<el-table-column prop="username" :label="t('bet.col.player')" width="100" show-overflow-tooltip />
<el-table-column :label="t('bet.col.agent')" width="100" show-overflow-tooltip>
<template #default="{ row }">{{ parentLabel(row) }}</template>
</el-table-column>
<el-table-column label="类型" width="72" align="center">
<el-table-column :label="t('common.type')" width="72" align="center">
<template #default="{ row }">
<el-tag type="info" size="small" effect="plain">{{ betTypeLabel(row.betType) }}</el-tag>
</template>
</el-table-column>
<el-table-column label="选项" width="52" align="center">
<el-table-column :label="t('bet.col.selection')" width="52" align="center">
<template #default="{ row }">{{ row.selectionCount }}</template>
</el-table-column>
<el-table-column label="投注额" width="96" align="right">
<el-table-column :label="t('bet.col.stake')" width="96" align="right">
<template #default="{ row }">
<el-tooltip :content="formatAmountFull(row.stake)" placement="top">
<span>{{ formatAmount(row.stake) }}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column label="赔率" width="72" align="right">
<el-table-column :label="t('bet.col.odds')" width="72" align="right">
<template #default="{ row }">{{ row.totalOdds ?? '—' }}</template>
</el-table-column>
<el-table-column label="派彩" width="96" align="right">
<el-table-column :label="t('bet.col.payout')" width="96" align="right">
<template #default="{ row }">
<el-tooltip :content="formatAmountFull(row.actualReturn)" placement="top">
<span>{{ formatAmount(row.actualReturn) }}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column label="状态" width="88" align="center">
<el-table-column :label="t('common.status')" width="88" align="center">
<template #default="{ row }">
<el-tag :type="betStatusTagType(row.status)" size="small">
{{ betStatusLabel(row.status) }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="投注时间" width="160">
<el-table-column :label="t('bet.col.placed_at')" width="160">
<template #default="{ row }">{{ formatTime(row.placedAt) }}</template>
</el-table-column>
<el-table-column label="操作" width="88" fixed="right" align="center">
<el-table-column :label="t('common.actions')" width="88" fixed="right" align="center">
<template #default="{ row }">
<el-button type="primary" link size="small" @click="openDetail(row)">详情</el-button>
<el-button type="primary" link size="small" @click="openDetail(row)">{{ t('common.detail') }}</el-button>
</template>
</el-table-column>
</el-table>
@@ -241,61 +236,61 @@ async function openDetail(row: BetListRow) {
</div>
</el-card>
<el-dialog v-model="detailVisible" title="注单详情" width="720px" destroy-on-close>
<el-dialog v-model="detailVisible" :title="t('bet.dialog.detail')" width="720px" destroy-on-close>
<div v-loading="detailLoading">
<template v-if="detail">
<el-descriptions :column="2" border size="small" class="detail-desc">
<el-descriptions-item label="单号">{{ detail.id }}</el-descriptions-item>
<el-descriptions-item label="流水编号">{{ detail.betNo }}</el-descriptions-item>
<el-descriptions-item label="玩家">{{ detail.username }}</el-descriptions-item>
<el-descriptions-item label="所属代理">{{ parentLabel(detail) }}</el-descriptions-item>
<el-descriptions-item label="类型">{{ betTypeLabel(detail.betType) }}</el-descriptions-item>
<el-descriptions-item label="币种">{{ detail.currency }}</el-descriptions-item>
<el-descriptions-item label="投注额">
<el-descriptions-item :label="t('bet.col.serial')">{{ detail.id }}</el-descriptions-item>
<el-descriptions-item :label="t('bet.col.bet_no')">{{ detail.betNo }}</el-descriptions-item>
<el-descriptions-item :label="t('bet.col.player')">{{ detail.username }}</el-descriptions-item>
<el-descriptions-item :label="t('bet.col.agent')">{{ parentLabel(detail) }}</el-descriptions-item>
<el-descriptions-item :label="t('common.type')">{{ betTypeLabel(detail.betType) }}</el-descriptions-item>
<el-descriptions-item :label="t('bet.field.currency')">{{ detail.currency }}</el-descriptions-item>
<el-descriptions-item :label="t('bet.col.stake')">
{{ formatAmountFull(detail.stake) }}
</el-descriptions-item>
<el-descriptions-item label="总赔率">{{ detail.totalOdds ?? '—' }}</el-descriptions-item>
<el-descriptions-item label="可赢额">
<el-descriptions-item :label="t('bet.field.total_odds')">{{ detail.totalOdds ?? '—' }}</el-descriptions-item>
<el-descriptions-item :label="t('bet.field.potential_win')">
{{ detail.potentialReturn ? formatAmountFull(detail.potentialReturn) : '—' }}
</el-descriptions-item>
<el-descriptions-item label="实际派彩">
<el-descriptions-item :label="t('bet.field.actual_payout')">
{{ formatAmountFull(detail.actualReturn) }}
</el-descriptions-item>
<el-descriptions-item label="注单状态">
<el-descriptions-item :label="t('bet.field.bet_status')">
<el-tag :type="betStatusTagType(detail.status)" size="small">
{{ betStatusLabel(detail.status) }}
</el-tag>
</el-descriptions-item>
<el-descriptions-item label="结算状态">
<el-descriptions-item :label="t('bet.field.settlement_status')">
{{ betSettlementLabel(detail.settlementStatus) }}
</el-descriptions-item>
<el-descriptions-item label="投注时间">{{ formatTime(detail.placedAt) }}</el-descriptions-item>
<el-descriptions-item label="结算时间">{{ formatTime(detail.settledAt) }}</el-descriptions-item>
<el-descriptions-item label="请求 ID" :span="2">{{ detail.requestId }}</el-descriptions-item>
<el-descriptions-item :label="t('bet.col.placed_at')">{{ formatTime(detail.placedAt) }}</el-descriptions-item>
<el-descriptions-item :label="t('bet.field.settled_at')">{{ formatTime(detail.settledAt) }}</el-descriptions-item>
<el-descriptions-item :label="t('bet.field.request_id')" :span="2">{{ detail.requestId }}</el-descriptions-item>
</el-descriptions>
<div class="selections-title">投注项（{{ detail.selections.length }}）</div>
<div class="selections-title">{{ t('bet.selections_title', { n: detail.selections.length }) }}</div>
<el-table :data="detail.selections" size="small" stripe border>
<el-table-column type="index" label="#" width="44" />
<el-table-column prop="selectionName" label="选项" min-width="120" show-overflow-tooltip />
<el-table-column prop="marketType" label="玩法" width="100" />
<el-table-column prop="period" label="时段" width="72">
<el-table-column prop="selectionName" :label="t('bet.col.selection')" min-width="120" show-overflow-tooltip />
<el-table-column prop="marketType" :label="t('bet.col.market')" width="100" />
<el-table-column prop="period" :label="t('bet.col.period')" width="72">
<template #default="{ row }">{{ row.period ?? '—' }}</template>
</el-table-column>
<el-table-column prop="odds" label="赔率" width="72" align="right" />
<el-table-column label="盘口" width="88">
<el-table-column prop="odds" :label="t('bet.col.odds')" width="72" align="right" />
<el-table-column :label="t('bet.col.line')" width="88">
<template #default="{ row }">
{{ row.handicapLine ?? row.totalLine ?? '—' }}
</template>
</el-table-column>
<el-table-column label="赛果" width="72" align="center">
<el-table-column :label="t('bet.col.result')" width="72" align="center">
<template #default="{ row }">{{ resultStatusLabel(row.resultStatus) }}</template>
</el-table-column>
</el-table>
</template>
</div>
<template #footer>
<el-button @click="detailVisible = false">关闭</el-button>
<el-button @click="detailVisible = false">{{ t('common.close') }}</el-button>
</template>
</el-dialog>
</div>

25
apps/admin/src/views/Cashback.vue
View File

@@ -1,7 +1,10 @@
<script setup lang="ts">
import { ref } from 'vue';
import api from '../api';
import { ElMessage } from 'element-plus';
import { useAdminLocale } from '../composables/useAdminLocale';
import api from '../api';
const { t } = useAdminLocale();
const preview = ref<Record<string, unknown> | null>(null);
const period = ref({
@@ -20,7 +23,7 @@ async function generatePreview() {
async function confirm() {
if (!preview.value?.batch) return;
await api.post(`/admin/cashbacks/${(preview.value.batch as { id: string }).id}/confirm`);
ElMessage.success('返水已发放');
ElMessage.success(t('msg.cashback_issued'));
preview.value = null;
}
</script>
@@ -28,43 +31,43 @@ async function confirm() {
<template>
<div class="page-scroll">
<div class="page-header">
<h2 class="page-title">返水管理</h2>
<span class="page-desc">按周期生成返水并发放</span>
<h2 class="page-title">{{ t('page.cashback.title') }}</h2>
<span class="page-desc">{{ t('page.cashback.desc') }}</span>
</div>
<el-card class="tool-card" shadow="never">
<div class="filter-row">
<el-form inline>
<el-form-item label="开始日期">
<el-form-item :label="t('cashback.start_date')">
<el-date-picker v-model="period.start" type="date" value-format="YYYY-MM-DD" style="width: 150px" />
</el-form-item>
<el-form-item label="结束日期">
<el-form-item :label="t('cashback.end_date')">
<el-date-picker v-model="period.end" type="date" value-format="YYYY-MM-DD" style="width: 150px" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="generatePreview">生成预览</el-button>
<el-button type="primary" @click="generatePreview">{{ t('cashback.preview_btn') }}</el-button>
</el-form-item>
</el-form>
</div>
</el-card>
<el-card v-if="preview" class="preview-card" shadow="never">
<div class="preview-title">返水预览</div>
<div class="preview-title">{{ t('cashback.preview_title') }}</div>
<el-row :gutter="20" class="preview-stats">
<el-col :span="8">
<div class="pstat">
<div class="pstat-value">{{ (preview.batch as { playerCount: number })?.playerCount ?? 0 }}</div>
<div class="pstat-label">涉及玩家数</div>
<div class="pstat-label">{{ t('cashback.stat.players') }}</div>
</div>
</el-col>
<el-col :span="8">
<div class="pstat">
<div class="pstat-value">{{ preview.totalAmount }}</div>
<div class="pstat-label">返水总金额</div>
<div class="pstat-label">{{ t('cashback.stat.total') }}</div>
</div>
</el-col>
</el-row>
<el-button type="success" @click="confirm" style="margin-top: 20px">确认发放</el-button>
<el-button type="success" @click="confirm" style="margin-top: 20px">{{ t('cashback.confirm_issue') }}</el-button>
</el-card>
</div>
</template>

145
apps/admin/src/views/Dashboard.vue
View File

@@ -6,6 +6,9 @@ import type { AdminDashboard } from './dashboard-types';
import EChartPanel from '../components/dashboard/EChartPanel.vue';
import { buildCombinedTrendOption, buildTriplePieOption } from '../utils/dashboard-charts';
import { betStatusLabel } from '../utils/bet-labels';
import { useAdminLocale } from '../composables/useAdminLocale';
const { t, locale, localeTag } = useAdminLocale();
const stats = ref<AdminDashboard | null>(null);
const loading = ref(true);
@@ -25,11 +28,11 @@ async function load() {
const s = computed(() => stats.value);
function fmtCount(val: number | undefined) {
return (val ?? 0).toLocaleString('zh-CN', { maximumFractionDigits: 0 });
return (val ?? 0).toLocaleString(localeTag.value, { maximumFractionDigits: 0 });
}
function formatTime(v: string) {
return new Date(v).toLocaleString('zh-CN', {
return new Date(v).toLocaleString(localeTag.value, {
month: '2-digit',
day: '2-digit',
hour: '2-digit',
@@ -43,14 +46,25 @@ function toNum(v: string | number | undefined) {
}
function pctChange(today: string | number, yesterday: string | number) {
const t = toNum(today);
const t0 = toNum(today);
const y = toNum(yesterday);
if (y === 0) return t > 0 ? '+100%' : '—';
const p = ((t - y) / y) * 100;
if (y === 0) return t0 > 0 ? '+100%' : '—';
const p = ((t0 - y) / y) * 100;
const sign = p > 0 ? '+' : '';
return `${sign}${p.toFixed(1)}%`;
}
const chartI18n = computed(() => ({
locale: locale.value,
betCountSeries: t('dash.chart_bet_count'),
axisAmount: t('dash.axis_amount'),
axisCount: t('dash.axis_count'),
countSuffix: t('dash.count_suffix'),
pieTooltip: t('dash.chart_tooltip'),
noData: t('common.no_data'),
pieEmpty: t('dash.pie_empty'),
}));
const trendLabels = computed(() => s.value?.trend7d?.map((d) => d.label) ?? []);
const mainTrendOption = computed(() =>
@@ -58,22 +72,23 @@ const mainTrendOption = computed(() =>
trendLabels.value,
[
{
name: '投注额',
name: t('dash.chart_stake'),
color: '#248f54',
values: s.value?.trend7d?.map((d) => toNum(d.stake)) ?? [],
},
{
name: '派彩',
name: t('dash.chart_payout'),
color: '#60a5fa',
values: s.value?.trend7d?.map((d) => toNum(d.payout)) ?? [],
},
{
name: '毛利',
name: t('dash.chart_ggr'),
color: '#a78bfa',
values: s.value?.trend7d?.map((d) => toNum(d.ggr)) ?? [],
},
],
s.value?.trend7d?.map((d) => d.betCount) ?? [],
chartI18n.value,
),
);
@@ -91,11 +106,11 @@ const distributionOption = computed(() => {
const matchSegs = m
? [
{ label: '草稿', value: m.draft, color: '#6b7280' },
{ label: '已发布', value: m.published, color: '#248f54' },
{ label: '已封盘', value: m.closed, color: '#60a5fa' },
{ label: '待结算', value: m.pendingSettlement, color: '#fb923c' },
{ label: '已结算', value: m.settled ?? 0, color: '#5eead4' },
{ label: t('dash.match_draft'), value: m.draft, color: '#6b7280' },
{ label: t('dash.match_published'), value: m.published, color: '#248f54' },
{ label: t('dash.match_closed'), value: m.closed, color: '#60a5fa' },
{ label: t('dash.match_pending_settle'), value: m.pendingSettlement, color: '#fb923c' },
{ label: t('dash.match_settled'), value: m.settled ?? 0, color: '#5eead4' },
].filter((x) => x.value > 0)
: [];
@@ -109,39 +124,82 @@ const distributionOption = computed(() => {
const userSegs = u
? [
{ label: '正常玩家', value: u.playersActive, color: '#248f54' },
{ label: '停用', value: u.playersSuspended, color: '#f87171' },
{ label: '直属', value: u.playersDirect, color: '#60a5fa' },
{ label: '代理', value: u.agentsTotal, color: '#a78bfa' },
{ label: t('dash.user_active'), value: u.playersActive, color: '#248f54' },
{ label: t('dash.user_suspended'), value: u.playersSuspended, color: '#f87171' },
{ label: t('dash.user_direct'), value: u.playersDirect, color: '#60a5fa' },
{ label: t('dash.user_agents'), value: u.agentsTotal, color: '#a78bfa' },
].filter((x) => x.value > 0)
: [];
return buildTriplePieOption([
{ title: '赛事', segments: matchSegs },
{ title: '今日注单', segments: betSegs },
{ title: '用户', segments: userSegs },
]);
return buildTriplePieOption(
[
{ title: t('dash.pie_matches'), segments: matchSegs },
{ title: t('dash.pie_bets'), segments: betSegs },
{ title: t('dash.pie_users'), segments: userSegs },
],
chartI18n.value,
);
});
const kpiPrimary = computed(() => {
if (!s.value) return [];
const t = s.value.today;
const td = s.value.today;
const y = s.value.yesterday;
const yLabel = t('common.yesterday');
return [
{ label: '今日投注笔数', value: fmtCount(t.betCount), sub: `昨日 ${fmtCount(y.betCount)}`, delta: pctChange(t.betCount, y.betCount) },
{ label: '今日投注额', value: formatAmount(t.stake), sub: formatAmountFull(t.stake), delta: pctChange(t.stake, y.stake) },
{ label: '今日派彩', value: formatAmount(t.payout), sub: `昨日 ${formatAmount(y.payout)}`, delta: pctChange(t.payout, y.payout) },
{ label: '今日毛利', value: formatAmount(t.ggr), sub: `昨日 ${formatAmount(y.ggr)}`, delta: pctChange(t.ggr, y.ggr) },
{
label: t('dash.kpi_bet_count'),
value: fmtCount(td.betCount),
sub: `${yLabel} ${fmtCount(y.betCount)}`,
delta: pctChange(td.betCount, y.betCount),
},
{
label: t('dash.kpi_stake'),
value: formatAmount(td.stake, 2, locale.value),
sub: formatAmountFull(td.stake, locale.value),
delta: pctChange(td.stake, y.stake),
},
{
label: t('dash.kpi_payout'),
value: formatAmount(td.payout, 2, locale.value),
sub: `${yLabel} ${formatAmount(y.payout, 2, locale.value)}`,
delta: pctChange(td.payout, y.payout),
},
{
label: t('dash.kpi_ggr'),
value: formatAmount(td.ggr, 2, locale.value),
sub: `${yLabel} ${formatAmount(y.ggr, 2, locale.value)}`,
delta: pctChange(td.ggr, y.ggr),
},
];
});
const kpiSecondary = computed(() => {
if (!s.value) return [];
return [
{ label: '玩家 / 代理', value: `${fmtCount(s.value.users.playersTotal)} / ${fmtCount(s.value.users.agentsTotal)}`, sub: `今日新增 ${fmtCount(s.value.today.newPlayers)} 人` },
{ label: '待结算', value: `${fmtCount(s.value.bets.pendingTotal)} 单`, sub: `${fmtCount(s.value.matches.pendingSettlement)} 场赛事` },
{ label: '玩家余额', value: formatAmount(s.value.wallets.totalAvailable), sub: `冻结 ${formatAmount(s.value.wallets.totalFrozen)}` },
{ label: '代理授信', value: formatAmount(s.value.agents.totalAvailableCredit), sub: `已用 ${formatAmount(s.value.agents.totalUsedCredit)}` },
{
label: t('dash.kpi_users'),
value: `${fmtCount(s.value.users.playersTotal)} / ${fmtCount(s.value.users.agentsTotal)}`,
sub: t('dash.kpi_new_players', { n: fmtCount(s.value.today.newPlayers) }),
},
{
label: t('dash.kpi_pending'),
value: `${fmtCount(s.value.bets.pendingTotal)} ${t('common.bets_unit')}`,
sub: t('dash.kpi_pending_sub', {
bets: fmtCount(s.value.bets.pendingTotal),
matches: fmtCount(s.value.matches.pendingSettlement),
}),
},
{
label: t('dash.kpi_wallet'),
value: formatAmount(s.value.wallets.totalAvailable, 2, locale.value),
sub: `${t('common.frozen')} ${formatAmount(s.value.wallets.totalFrozen, 2, locale.value)}`,
},
{
label: t('dash.kpi_credit'),
value: formatAmount(s.value.agents.totalAvailableCredit, 2, locale.value),
sub: `${t('common.used')} ${formatAmount(s.value.agents.totalUsedCredit, 2, locale.value)}`,
},
];
});
</script>
@@ -150,10 +208,12 @@ const kpiSecondary = computed(() => {
<div class="dashboard-page" v-loading="loading">
<div class="page-header">
<div>
<h2 class="page-title">控制台</h2>
<h2 class="page-title">{{ t('dash.title') }}</h2>
<span class="page-desc">
平台整体运行概况
<template v-if="s?.generatedAt"> · 更新于 {{ formatTime(s.generatedAt) }}</template>
{{ t('dash.desc') }}
<template v-if="s?.generatedAt">
· {{ t('common.updated_at') }} {{ formatTime(s.generatedAt) }}
</template>
</span>
</div>
</div>
@@ -161,8 +221,8 @@ const kpiSecondary = computed(() => {
<template v-if="s">
<el-card class="overview-board" shadow="never">
<div class="board-head">
<span class="board-title">整体概览</span>
<span class="board-hint">一屏查看经营趋势与平台分布</span>
<span class="board-title">{{ t('dash.board_title') }}</span>
<span class="board-hint">{{ t('dash.board_hint') }}</span>
</div>
<div class="kpi-grid kpi-primary">
@@ -174,7 +234,7 @@ const kpiSecondary = computed(() => {
class="kpi-delta"
:class="{ up: item.delta.startsWith('+'), down: item.delta.startsWith('-') }"
>
较昨日 {{ item.delta }}
{{ t('common.vs_yesterday') }} {{ item.delta }}
</span>
</div>
</div>
@@ -188,14 +248,8 @@ const kpiSecondary = computed(() => {
</div>
<div class="charts-stack">
<EChartPanel
title=""
:option="mainTrendOption"
height="300px"
class="chart-main"
/>
<div class="chart-main-caption">近 7 日经营趋势（金额折线 + 注单柱）</div>
<EChartPanel title="" :option="mainTrendOption" height="300px" class="chart-main" />
<div class="chart-main-caption">{{ t('dash.trend_caption') }}</div>
<EChartPanel title="" :option="distributionOption" height="200px" class="chart-dist" />
</div>
</el-card>
@@ -325,5 +379,4 @@ const kpiSecondary = computed(() => {
grid-template-columns: 1fr;
}
}
</style>

36
apps/admin/src/views/Login.vue
View File

@@ -5,11 +5,14 @@ import api from '../api';
import { ElMessage } from 'element-plus';
import { useAuthStore, type StaffUser } from '../stores/auth';
import RobotVerify from '../components/RobotVerify.vue';
import AdminLocaleSwitcher from '../components/AdminLocaleSwitcher.vue';
import { useAdminLocale } from '../composables/useAdminLocale';
import bgImage from '../assets/images/bg.png';
const router = useRouter();
const route = useRoute();
const auth = useAuthStore();
const { t } = useAdminLocale();
const form = ref({ username: '', password: '' });
const loading = ref(false);
@@ -23,7 +26,7 @@ async function quickLogin(username: string, password: string) {
auth.setSession(payload.token, payload.user);
router.push((route.query.redirect as string) || '/');
} catch {
ElMessage.error('快速登录失败');
ElMessage.error(t('login.err_quick'));
} finally {
loading.value = false;
}
@@ -31,7 +34,7 @@ async function quickLogin(username: string, password: string) {
async function login() {
if (!captchaRef.value?.validate()) {
ElMessage.error('验证码错误，请重试');
ElMessage.error(t('login.err_captcha'));
captchaRef.value?.refresh();
return;
}
@@ -42,7 +45,7 @@ async function login() {
auth.setSession(payload.token, payload.user);
router.push((route.query.redirect as string) || '/');
} catch {
ElMessage.error('登录失败，请检查账号与密码');
ElMessage.error(t('login.err_failed'));
captchaRef.value?.refresh();
} finally {
loading.value = false;
@@ -54,29 +57,32 @@ async function login() {
<div class="login-page" :style="{ backgroundImage: `url(${bgImage})` }">
<div class="login-mask" />
<div class="login-wrap">
<div class="login-lang">
<AdminLocaleSwitcher />
</div>
<form @submit.prevent="login" class="login-form" autocomplete="off">
<img src="/logo.png" alt="TheBet365" class="logo" />
<h2 class="title">管理后台</h2>
<h2 class="title">{{ t('login.title') }}</h2>
<label>账号</label>
<input v-model="form.username" class="field" placeholder="请输入用户名" autocomplete="off" required />
<label>密码</label>
<input v-model="form.password" class="field" type="password" placeholder="请输入密码" autocomplete="off" required />
<label>{{ t('login.username') }}</label>
<input v-model="form.username" class="field" :placeholder="t('login.username_ph')" autocomplete="off" required />
<label>{{ t('login.password') }}</label>
<input v-model="form.password" class="field" type="password" :placeholder="t('login.password_ph')" autocomplete="off" required />
<RobotVerify ref="captchaRef" />
<button type="submit" class="btn-login" :disabled="loading">
{{ loading ? '登录中...' : '登 录' }}
{{ loading ? '...' : t('login.submit') }}
</button>
<div class="quick-label">快速登录（调试）</div>
<div class="quick-label">{{ t('login.quick_label') }}</div>
<div class="quick-btns">
<button type="button" class="quick-btn" :disabled="loading" @click="quickLogin('admin', 'Admin@123')">
<span class="quick-role">管理员</span>
<span class="quick-role">{{ t('login.quick_admin') }}</span>
<span class="quick-acc">admin</span>
</button>
<button type="button" class="quick-btn" :disabled="loading" @click="quickLogin('agent1', 'Agent@123')">
<span class="quick-role">一级代理</span>
<span class="quick-role">{{ t('login.quick_agent') }}</span>
<span class="quick-acc">agent1</span>
</button>
</div>
@@ -109,6 +115,12 @@ async function login() {
max-width: 400px;
padding: 0 20px;
}
.login-lang {
display: flex;
justify-content: flex-end;
margin-bottom: 10px;
}
.login-form {
display: flex;
flex-direction: column;

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

@@ -1,8 +1,13 @@
<script setup lang="ts">
import { ref, computed, onMounted } from 'vue';
import { useRouter } from 'vue-router';
import { useAdminLocale } from '../composables/useAdminLocale';
import { resolveFormError } from '../i18n/form-validation';
import api from '../api';
import { ElMessage, ElMessageBox } from 'element-plus';
const { t } = useAdminLocale();
import {
emptyMatchForm,
buildPlatformPayload,
@@ -74,7 +79,7 @@ async function openEdit(id: string) {
const { data } = await api.get(`/admin/matches/${id}`);
const detail = data.data as AdminMatchDetail;
if (detail.isOutright) {
ElMessage.warning('冠军盘不支持在此编辑');
ElMessage.warning(t('msg.outright_no_edit'));
return;
}
editingId.value = id;
@@ -83,7 +88,7 @@ async function openEdit(id: string) {
editVisible.value = true;
} catch (e: unknown) {
const err = e as { response?: { data?: { error?: string } } };
ElMessage.error(err.response?.data?.error ?? '加载赛事失败');
ElMessage.error(err.response?.data?.error ?? t('msg.load_matches_failed'));
}
}
@@ -92,18 +97,18 @@ async function submitCreate() {
try {
payload = buildPlatformPayload(form.value);
} catch (e) {
ElMessage.warning(e instanceof Error ? e.message : '请检查表单');
ElMessage.warning(resolveFormError(e, t));
return;
}
createLoading.value = true;
try {
await api.post('/admin/matches', payload);
ElMessage.success('赛事已创建（草稿）');
ElMessage.success(t('msg.match_created_draft'));
createVisible.value = false;
load();
} catch (e: unknown) {
const err = e as { response?: { data?: { error?: string } } };
ElMessage.error(err.response?.data?.error ?? '创建失败');
ElMessage.error(err.response?.data?.error ?? t('msg.create_failed'));
} finally {
createLoading.value = false;
}
@@ -114,18 +119,18 @@ async function submitEdit() {
try {
payload = buildPlatformPayload(form.value);
} catch (e) {
ElMessage.warning(e instanceof Error ? e.message : '请检查表单');
ElMessage.warning(resolveFormError(e, t));
return;
}
editLoading.value = true;
try {
await api.put(`/admin/matches/${editingId.value}`, payload);
ElMessage.success('已保存');
ElMessage.success(t('msg.saved'));
editVisible.value = false;
load();
} catch (e: unknown) {
const err = e as { response?: { data?: { error?: string } } };
ElMessage.error(err.response?.data?.error ?? '保存失败');
ElMessage.error(err.response?.data?.error ?? t('msg.save_failed'));
} finally {
editLoading.value = false;
}
@@ -135,18 +140,18 @@ async function confirmDelete(row: unknown) {
const id = matchId(row);
const title = matchTitle(row);
try {
await ElMessageBox.confirm(`确定删除赛事「${title}」？仅草稿且无注单时可删除。`, '删除确认', {
await ElMessageBox.confirm(t('match.delete_confirm_body', { title }), t('match.delete_confirm_title'), {
type: 'warning',
confirmButtonText: '删除',
cancelButtonText: '取消',
confirmButtonText: t('common.delete'),
cancelButtonText: t('common.cancel'),
});
await api.delete(`/admin/matches/${id}`);
ElMessage.success('已删除');
ElMessage.success(t('msg.deleted'));
load();
} catch (e) {
if (e === 'cancel' || (e as { message?: string })?.message === 'cancel') return;
const err = e as { response?: { data?: { error?: string } } };
ElMessage.error(err.response?.data?.error ?? '删除失败');
ElMessage.error(err.response?.data?.error ?? t('msg.delete_failed'));
}
}
@@ -155,7 +160,7 @@ async function submitImport() {
try {
payload = JSON.parse(importJson.value);
} catch {
ElMessage.error('JSON 格式无效');
ElMessage.error(t('msg.invalid_json'));
return;
}
importLoading.value = true;
@@ -168,13 +173,18 @@ async function submitImport() {
total: number;
};
ElMessage.success(
`导入完成：成功 ${r.imported}，跳过 ${r.skipped}，失败 ${r.failed} / 共 ${r.total}`,
t('msg.import_done', {
imported: r.imported,
skipped: r.skipped,
failed: r.failed,
total: r.total,
}),
);
importVisible.value = false;
load();
} catch (e: unknown) {
const err = e as { response?: { data?: { error?: string } } };
ElMessage.error(err.response?.data?.error ?? '导入失败');
ElMessage.error(err.response?.data?.error ?? t('msg.import_failed'));
} finally {
importLoading.value = false;
}
@@ -183,15 +193,26 @@ async function submitImport() {
async function publish(id: string) {
await api.post(`/admin/matches/${id}/publish`);
await api.post(`/admin/matches/${id}/markets/templates`, {
marketTypes: ['FT_1X2', 'FT_HANDICAP', 'FT_OVER_UNDER', 'FT_ODD_EVEN'],
marketTypes: [
'FT_1X2',
'FT_HANDICAP',
'FT_OVER_UNDER',
'FT_ODD_EVEN',
'HT_1X2',
'HT_HANDICAP',
'HT_OVER_UNDER',
'FT_CORRECT_SCORE',
'HT_CORRECT_SCORE',
'SH_CORRECT_SCORE',
],
});
ElMessage.success('已发布并生成盘口');
ElMessage.success(t('msg.published'));
load();
}
async function close(id: string) {
await api.post(`/admin/matches/${id}/close`);
ElMessage.success('已封盘');
ElMessage.success(t('msg.closed'));
load();
}
@@ -200,12 +221,11 @@ function settle(id: string) {
}
type TagType = '' | 'info' | 'success' | 'warning' | 'danger';
const statusLabels: Record<string, string> = {
DRAFT: '草稿',
PUBLISHED: '已发布',
CLOSED: '已封盘',
SETTLED: '已结算',
};
function matchStatusText(status: string) {
const key = `match.status.${status}`;
const v = t(key);
return v !== key ? v : status;
}
const statusTagTypes: Record<string, TagType> = {
DRAFT: 'info',
PUBLISHED: 'warning',
@@ -220,7 +240,7 @@ function matchStatus(row: unknown) {
return String(rowOf(row).status ?? '');
}
function matchStatusLabel(row: unknown) {
return statusLabels[matchStatus(row)] ?? matchStatus(row);
return matchStatusText(matchStatus(row));
}
function matchStatusType(row: unknown): TagType {
return statusTagTypes[matchStatus(row)] ?? 'info';
@@ -254,36 +274,36 @@ function canDelete(row: unknown) {
<div class="admin-list-page">
<div class="page-header">
<div>
<h2 class="page-title">赛事管理</h2>
<span class="page-desc">草稿可编辑、删除；已发布可改开赛时间与热门</span>
<h2 class="page-title">{{ t('page.matches.title') }}</h2>
<span class="page-desc">{{ t('page.matches.desc') }}</span>
</div>
<div class="header-actions">
<el-button @click="openImport">导入</el-button>
<el-button type="primary" @click="openCreate">+ 新增赛事</el-button>
<el-button @click="openImport">{{ t('common.import') }}</el-button>
<el-button type="primary" @click="openCreate">{{ t('match.create_btn') }}</el-button>
</div>
</div>
<el-card class="filter-card" shadow="never">
<el-form inline>
<el-form-item label="关键词">
<el-form-item :label="t('common.keyword')">
<el-input
v-model="keyword"
placeholder="赛事名 / 球队代码"
:placeholder="t('match.filter.keyword_ph')"
clearable
style="width: 200px"
@keyup.enter="load"
/>
</el-form-item>
<el-form-item label="状态">
<el-select v-model="filterStatus" placeholder="全部" clearable style="width: 120px">
<el-option label="草稿" value="DRAFT" />
<el-option label="已发布" value="PUBLISHED" />
<el-option label="已封盘" value="CLOSED" />
<el-option label="已结算" value="SETTLED" />
<el-form-item :label="t('common.status')">
<el-select v-model="filterStatus" :placeholder="t('common.all')" clearable style="width: 120px">
<el-option :label="t('match.status.DRAFT')" value="DRAFT" />
<el-option :label="t('match.status.PUBLISHED')" value="PUBLISHED" />
<el-option :label="t('match.status.CLOSED')" value="CLOSED" />
<el-option :label="t('match.status.SETTLED')" value="SETTLED" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="load">查询</el-button>
<el-button type="primary" @click="load">{{ t('common.search') }}</el-button>
</el-form-item>
</el-form>
</el-card>
@@ -292,18 +312,18 @@ function canDelete(row: unknown) {
<div class="table-wrap">
<el-table :data="matches" stripe>
<el-table-column prop="id" label="ID" width="72" />
<el-table-column label="对阵" min-width="200">
<el-table-column :label="t('match.col.matchup')" min-width="200">
<template #default="{ row }">{{ matchTitle(row) }}</template>
</el-table-column>
<el-table-column label="状态" width="96">
<el-table-column :label="t('common.status')" width="96">
<template #default="{ row }">
<el-tag :type="matchStatusType(row)" size="small">{{ matchStatusLabel(row) }}</el-tag>
</template>
</el-table-column>
<el-table-column label="开赛时间" min-width="160">
<el-table-column :label="t('match.col.kickoff')" min-width="160">
<template #default="{ row }">{{ matchTime(row) }}</template>
</el-table-column>
<el-table-column label="操作" width="340" align="center" fixed="right">
<el-table-column :label="t('common.actions')" width="340" align="center" fixed="right">
<template #default="{ row }">
<el-button
v-if="canEdit(row)"
@@ -311,7 +331,7 @@ function canDelete(row: unknown) {
plain
@click="openEdit(matchId(row))"
>
编辑
{{ t('common.edit') }}
</el-button>
<el-button
v-if="canDelete(row)"
@@ -320,7 +340,7 @@ function canDelete(row: unknown) {
plain
@click="confirmDelete(row)"
>
删除
{{ t('common.delete') }}
</el-button>
<el-button
v-if="matchStatus(row) === 'DRAFT'"
@@ -329,7 +349,7 @@ function canDelete(row: unknown) {
plain
@click="publish(matchId(row))"
>
发布
{{ t('common.publish') }}
</el-button>
<el-button
v-if="matchStatus(row) === 'PUBLISHED'"
@@ -338,10 +358,10 @@ function canDelete(row: unknown) {
plain
@click="close(matchId(row))"
>
封盘
{{ t('common.close_betting') }}
</el-button>
<el-button size="small" type="warning" plain @click="settle(matchId(row))">
结算
{{ t('common.settle') }}
</el-button>
</template>
</el-table-column>
@@ -361,87 +381,87 @@ function canDelete(row: unknown) {
</div>
</el-card>
<el-dialog v-model="createVisible" title="新增赛事" width="520px" destroy-on-close>
<el-dialog v-model="createVisible" :title="t('match.dialog.create')" width="520px" destroy-on-close>
<el-form label-width="96px">
<el-form-item label="联赛（英）">
<el-input v-model="form.leagueEn" placeholder="FIFA World Cup 2026" />
<el-form-item :label="t('match.field.league_en')">
<el-input v-model="form.leagueEn" :placeholder="t('match.ph.league_en')" />
</el-form-item>
<el-form-item label="联赛（中）">
<el-input v-model="form.leagueZh" placeholder="2026 世界杯" />
<el-form-item :label="t('match.field.league_zh')">
<el-input v-model="form.leagueZh" :placeholder="t('match.ph.league_zh')" />
</el-form-item>
<el-form-item label="开赛时间" required>
<el-input v-model="form.startTime" placeholder="2026-06-11T19:00:00Z" />
<el-form-item :label="t('match.field.kickoff')" required>
<el-input v-model="form.startTime" :placeholder="t('match.ph.kickoff')" />
</el-form-item>
<el-form-item label="主队（英）">
<el-input v-model="form.homeTeamEn" placeholder="Mexico" />
<el-form-item :label="t('match.field.home_en')">
<el-input v-model="form.homeTeamEn" :placeholder="t('match.ph.home_en')" />
</el-form-item>
<el-form-item label="主队（中）">
<el-input v-model="form.homeTeamZh" placeholder="墨西哥" />
<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="客队（英）">
<el-input v-model="form.awayTeamEn" placeholder="South Africa" />
<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="客队（中）">
<el-input v-model="form.awayTeamZh" placeholder="南非" />
<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="热门">
<el-form-item :label="t('match.field.featured')">
<el-switch v-model="form.isHot" />
</el-form-item>
<p class="field-hint">创建后为草稿，请在列表点击「发布」并生成盘口。</p>
<p class="field-hint">{{ t('match.hint.create_draft') }}</p>
</el-form>
<template #footer>
<el-button @click="createVisible = false">取消</el-button>
<el-button type="primary" :loading="createLoading" @click="submitCreate">创建</el-button>
<el-button @click="createVisible = false">{{ t('common.cancel') }}</el-button>
<el-button type="primary" :loading="createLoading" @click="submitCreate">{{ t('user.btn.create') }}</el-button>
</template>
</el-dialog>
<el-dialog v-model="editVisible" title="编辑赛事" width="520px" destroy-on-close>
<el-dialog v-model="editVisible" :title="t('match.dialog.edit')" width="520px" destroy-on-close>
<el-form label-width="96px">
<p v-if="isEditPublished" class="field-hint edit-hint">
已发布：可修改开赛时间、热门及显示名称；封盘/已结算后不可编辑。
{{ t('match.hint.edit_published') }}
</p>
<el-form-item label="联赛（英）">
<el-form-item :label="t('match.field.league_en')">
<el-input v-model="form.leagueEn" :disabled="isEditPublished" />
</el-form-item>
<el-form-item label="联赛（中）">
<el-form-item :label="t('match.field.league_zh')">
<el-input v-model="form.leagueZh" :disabled="isEditPublished" />
</el-form-item>
<el-form-item label="开赛时间" required>
<el-form-item :label="t('match.field.kickoff')" required>
<el-input v-model="form.startTime" />
</el-form-item>
<el-form-item label="主队（英）">
<el-form-item :label="t('match.field.home_en')">
<el-input v-model="form.homeTeamEn" :disabled="isEditPublished" />
</el-form-item>
<el-form-item label="主队（中）">
<el-form-item :label="t('match.field.home_zh')">
<el-input v-model="form.homeTeamZh" :disabled="isEditPublished" />
</el-form-item>
<el-form-item label="客队（英）">
<el-form-item :label="t('match.field.away_en')">
<el-input v-model="form.awayTeamEn" :disabled="isEditPublished" />
</el-form-item>
<el-form-item label="客队（中）">
<el-form-item :label="t('match.field.away_zh')">
<el-input v-model="form.awayTeamZh" :disabled="isEditPublished" />
</el-form-item>
<el-form-item label="热门">
<el-form-item :label="t('match.field.featured')">
<el-switch v-model="form.isHot" />
</el-form-item>
</el-form>
<template #footer>
<el-button @click="editVisible = false">取消</el-button>
<el-button type="primary" :loading="editLoading" @click="submitEdit">保存</el-button>
<el-button @click="editVisible = false">{{ t('common.cancel') }}</el-button>
<el-button type="primary" :loading="editLoading" @click="submitEdit">{{ t('common.save') }}</el-button>
</template>
</el-dialog>
<el-dialog v-model="importVisible" title="导入赛事" width="640px" destroy-on-close>
<p class="dialog-hint">粘贴含 <code>matches</code> 的 JSON，导入后为草稿，需在列表发布。</p>
<el-dialog v-model="importVisible" :title="t('match.dialog.import')" width="640px" destroy-on-close>
<p class="dialog-hint">{{ t('match.import_hint') }}</p>
<el-input
v-model="importJson"
type="textarea"
:rows="14"
placeholder='{"matches":[...]}'
:placeholder="t('match.import_json_ph')"
/>
<template #footer>
<el-button @click="importVisible = false">取消</el-button>
<el-button type="primary" :loading="importLoading" @click="submitImport">开始导入</el-button>
<el-button @click="importVisible = false">{{ t('common.cancel') }}</el-button>
<el-button type="primary" :loading="importLoading" @click="submitImport">{{ t('match.import_start') }}</el-button>
</template>
</el-dialog>
</div>

26
apps/admin/src/views/Settlement.vue
View File

@@ -3,14 +3,16 @@ import { ref } from 'vue';
import { useRoute } from 'vue-router';
import api from '../api';
import { ElMessage } from 'element-plus';
import { useAdminLocale } from '../composables/useAdminLocale';
const { t } = useAdminLocale();
const route = useRoute();
const score = ref({ htHome: 0, htAway: 0, ftHome: 0, ftAway: 0 });
const preview = ref<Record<string, unknown> | null>(null);
async function recordScore() {
await api.post(`/admin/matches/${route.params.id}/settlement/score`, score.value);
ElMessage.success('比分已录入');
ElMessage.success(t('msg.score_recorded'));
}
async function previewSettlement() {
@@ -21,21 +23,21 @@ async function previewSettlement() {
async function confirm() {
if (!preview.value?.batch) return;
await api.post(`/admin/settlement/${(preview.value.batch as { id: string }).id}/confirm`);
ElMessage.success('结算已确认');
ElMessage.success(t('msg.settlement_confirmed'));
preview.value = null;
}
</script>
<template>
<div class="page-header">
<h2 class="page-title">赛事结算</h2>
<h2 class="page-title">{{ t('page.settlement.title') }}</h2>
<span class="page-id"># {{ route.params.id }}</span>
</div>
<el-card class="tool-card" shadow="never">
<div class="score-section">
<div class="score-block">
<div class="score-title">半场比分</div>
<div class="score-title">{{ t('settlement.ht_score') }}</div>
<div class="score-inputs">
<el-input-number v-model="score.htHome" :min="0" controls-position="right" style="width: 100px" />
<span class="score-sep">—</span>
@@ -43,7 +45,7 @@ async function confirm() {
</div>
</div>
<div class="score-block">
<div class="score-title">全场比分</div>
<div class="score-title">{{ t('settlement.ft_score') }}</div>
<div class="score-inputs">
<el-input-number v-model="score.ftHome" :min="0" controls-position="right" style="width: 100px" />
<span class="score-sep">—</span>
@@ -52,34 +54,34 @@ async function confirm() {
</div>
</div>
<div class="action-row">
<el-button @click="recordScore">录入比分</el-button>
<el-button type="primary" @click="previewSettlement">生成结算预览</el-button>
<el-button @click="recordScore">{{ t('settlement.record_score') }}</el-button>
<el-button type="primary" @click="previewSettlement">{{ t('settlement.preview_btn') }}</el-button>
</div>
</el-card>
<el-card v-if="preview" class="preview-card" shadow="never">
<div class="preview-title">结算预览</div>
<div class="preview-title">{{ t('settlement.preview_title') }}</div>
<el-row :gutter="20">
<el-col :span="8">
<div class="pstat">
<div class="pstat-value">{{ preview.singleBetCount }}</div>
<div class="pstat-label">单关注单数</div>
<div class="pstat-label">{{ t('settlement.single_count') }}</div>
</div>
</el-col>
<el-col :span="8">
<div class="pstat">
<div class="pstat-value pstat-green">{{ preview.totalPayout }}</div>
<div class="pstat-label">预计派彩</div>
<div class="pstat-label">{{ t('settlement.est_payout') }}</div>
</div>
</el-col>
<el-col :span="8">
<div class="pstat">
<div class="pstat-value pstat-orange">{{ preview.totalRefund }}</div>
<div class="pstat-label">退款金额</div>
<div class="pstat-label">{{ t('settlement.refund_amount') }}</div>
</div>
</el-col>
</el-row>
<el-button type="success" @click="confirm" style="margin-top: 24px">确认结算</el-button>
<el-button type="success" @click="confirm" style="margin-top: 24px">{{ t('settlement.confirm_btn') }}</el-button>
</el-card>
</template>

238
apps/admin/src/views/Users.vue
View File

@@ -1,7 +1,11 @@
<script setup lang="ts">
import { ref, onMounted } from 'vue';
import api from '../api';
import { ElMessage, ElMessageBox } from 'element-plus';
import { useAdminLocale } from '../composables/useAdminLocale';
import { resolveFormError } from '../i18n/form-validation';
import api from '../api';
const { t, localeTag } = useAdminLocale();
import {
emptyPlayerCreateForm,
emptyPlayerEditForm,
@@ -84,7 +88,7 @@ function openCreate() {
}
function parentLabel(row: PlayerRow) {
return row.parentUsername ?? '平台直属';
return row.parentUsername ?? t('common.platform_direct');
}
async function openDetail(id: string) {
@@ -102,7 +106,7 @@ async function openEdit(id: string) {
}
function openDeposit(row: PlayerRow) {
depositForm.value = { userId: row.id, amount: 100, remark: '管理员上分' };
depositForm.value = { userId: row.id, amount: 100, remark: t('user.deposit_remark_default') };
depositVisible.value = true;
}
@@ -111,18 +115,18 @@ async function submitCreate() {
try {
payload = buildCreatePlayerPayload(createForm.value);
} catch (e) {
ElMessage.warning(e instanceof Error ? e.message : '请检查表单');
ElMessage.warning(resolveFormError(e, t));
return;
}
createLoading.value = true;
try {
await api.post('/admin/users', payload);
ElMessage.success('玩家已创建');
ElMessage.success(t('msg.player_created'));
createVisible.value = false;
load();
} catch (e: unknown) {
const err = e as { response?: { data?: { error?: string } } };
ElMessage.error(err.response?.data?.error ?? '创建失败');
ElMessage.error(err.response?.data?.error ?? t('msg.create_failed'));
} finally {
createLoading.value = false;
}
@@ -130,12 +134,16 @@ async function submitCreate() {
async function toggleFreeze(row: PlayerRow) {
const freeze = row.status === 'ACTIVE';
const action = freeze ? '冻结' : '解冻';
const action = freeze ? t('common.freeze') : t('common.unfreeze');
try {
await ElMessageBox.confirm(
`确定要${action}玩家「${row.username}」吗？${freeze ? '冻结后该账号将无法登录。' : ''}`,
`${action}账号`,
{ type: 'warning', confirmButtonText: action, cancelButtonText: '取消' },
t('msg.freeze_confirm_body', {
action,
name: row.username,
extra: freeze ? t('msg.freeze_extra') : '',
}),
t('msg.freeze_confirm_title', { action }),
{ type: 'warning', confirmButtonText: action, cancelButtonText: t('common.cancel') },
);
} catch {
return;
@@ -144,11 +152,11 @@ async function toggleFreeze(row: PlayerRow) {
await api.put(`/admin/users/${row.id}`, {
status: freeze ? 'SUSPENDED' : 'ACTIVE',
});
ElMessage.success(`已${action}`);
ElMessage.success(t('msg.freeze_done', { action }));
load();
} catch (e: unknown) {
const err = e as { response?: { data?: { error?: string } } };
ElMessage.error(err.response?.data?.error ?? `${action}失败`);
ElMessage.error(err.response?.data?.error ?? t('msg.freeze_failed', { action }));
}
}
@@ -160,12 +168,12 @@ async function submitEdit() {
phone: editForm.value.phone.trim() || undefined,
email: editForm.value.email.trim() || undefined,
});
ElMessage.success('已保存');
ElMessage.success(t('msg.saved'));
editVisible.value = false;
load();
} catch (e: unknown) {
const err = e as { response?: { data?: { error?: string } } };
ElMessage.error(err.response?.data?.error ?? '保存失败');
ElMessage.error(err.response?.data?.error ?? t('msg.save_failed'));
} finally {
editLoading.value = false;
}
@@ -173,7 +181,7 @@ async function submitEdit() {
async function submitDeposit() {
if (depositForm.value.amount <= 0) {
ElMessage.warning('金额须大于 0');
ElMessage.warning(t('msg.amount_gt_zero'));
return;
}
depositLoading.value = true;
@@ -184,12 +192,12 @@ async function submitDeposit() {
remark: depositForm.value.remark,
requestId: `dep-${depositForm.value.userId}-${Date.now()}`,
});
ElMessage.success('上分成功');
ElMessage.success(t('msg.topup_ok'));
depositVisible.value = false;
load();
} catch (e: unknown) {
const err = e as { response?: { data?: { error?: string } } };
ElMessage.error(err.response?.data?.error ?? '上分失败');
ElMessage.error(err.response?.data?.error ?? t('msg.topup_failed'));
} finally {
depositLoading.value = false;
}
@@ -197,11 +205,11 @@ async function submitDeposit() {
function formatTime(v: string) {
if (!v) return '—';
return new Date(v).toLocaleString('zh-CN');
return new Date(v).toLocaleString(localeTag.value);
}
function formatLastLogin(v: string | null) {
if (!v) return '从未登录';
if (!v) return t('common.never_login');
const d = new Date(v);
const now = new Date();
const sameDay =
@@ -209,9 +217,9 @@ function formatLastLogin(v: string | null) {
d.getMonth() === now.getMonth() &&
d.getDate() === now.getDate();
if (sameDay) {
return d.toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' });
return d.toLocaleTimeString(localeTag.value, { hour: '2-digit', minute: '2-digit' });
}
return d.toLocaleString('zh-CN', {
return d.toLocaleString(localeTag.value, {
month: '2-digit',
day: '2-digit',
hour: '2-digit',
@@ -224,7 +232,9 @@ function statusTagType(s: string) {
}
function statusLabel(s: string) {
return s === 'ACTIVE' ? '正常' : s === 'SUSPENDED' ? '停用' : s;
const key = `user.status.${s}`;
const v = t(key);
return v !== key ? v : s;
}
</script>
@@ -232,27 +242,27 @@ function statusLabel(s: string) {
<div class="admin-list-page users-page">
<div class="page-header">
<div>
<h2 class="page-title">玩家管理</h2>
<span class="page-desc">创建玩家、查看余额与投注概况，支持上分与状态管理</span>
<h2 class="page-title">{{ t('page.users.title') }}</h2>
<span class="page-desc">{{ t('page.users.desc') }}</span>
</div>
<el-button type="primary" @click="openCreate">+ 新建玩家</el-button>
<el-button type="primary" @click="openCreate">{{ t('user.create_btn') }}</el-button>
</div>
<el-card class="filter-card" shadow="never">
<el-form inline>
<el-form-item label="关键词">
<el-form-item :label="t('common.keyword')">
<el-input
v-model="keyword"
placeholder="用户名"
:placeholder="t('user.filter.username_ph')"
clearable
style="width: 160px"
@keyup.enter="load"
/>
</el-form-item>
<el-form-item label="所属代理">
<el-form-item :label="t('user.filter.agent')">
<el-select
v-model="filterParentId"
placeholder="全部"
:placeholder="t('user.filter.agent_ph')"
clearable
style="width: 180px"
>
@@ -264,14 +274,14 @@ function statusLabel(s: string) {
/>
</el-select>
</el-form-item>
<el-form-item label="状态">
<el-select v-model="filterStatus" placeholder="全部" clearable style="width: 120px">
<el-option label="正常" value="ACTIVE" />
<el-option label="停用" value="SUSPENDED" />
<el-form-item :label="t('common.status')">
<el-select v-model="filterStatus" :placeholder="t('common.all')" clearable style="width: 120px">
<el-option :label="t('user.status.ACTIVE')" value="ACTIVE" />
<el-option :label="t('user.status.SUSPENDED')" value="SUSPENDED" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="load">查询</el-button>
<el-button type="primary" @click="load">{{ t('common.search') }}</el-button>
</el-form-item>
</el-form>
</el-card>
@@ -280,18 +290,18 @@ function statusLabel(s: string) {
<div class="table-wrap">
<el-table :data="users" stripe>
<el-table-column prop="id" label="ID" width="72" />
<el-table-column prop="username" label="用户名" min-width="120" />
<el-table-column label="状态" width="88">
<el-table-column prop="username" :label="t('user.col.username')" min-width="120" />
<el-table-column :label="t('common.status')" width="88">
<template #default="{ row }">
<el-tag :type="statusTagType(row.status)" size="small">
{{ statusLabel(row.status) }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="所属代理" min-width="120">
<el-table-column :label="t('user.col.agent')" min-width="120">
<template #default="{ row }">{{ parentLabel(row) }}</template>
</el-table-column>
<el-table-column label="可用 / 冻结" min-width="128" align="right">
<el-table-column :label="t('user.col.balance')" min-width="128" align="right">
<template #default="{ row }">
<el-tooltip
:content="`${formatAmountFull(row.availableBalance)} / ${formatAmountFull(row.frozenBalance)}`"
@@ -303,34 +313,34 @@ function statusLabel(s: string) {
</el-tooltip>
</template>
</el-table-column>
<el-table-column prop="betCount" label="注单" width="64" align="center" />
<el-table-column label="投注 / 派彩" min-width="108" align="right">
<el-table-column prop="betCount" :label="t('user.col.bets')" width="64" align="center" />
<el-table-column :label="t('user.col.stake_payout')" min-width="108" align="right">
<template #default="{ row }">
<span class="amount-compact">
{{ formatAmount(row.totalStake) }} / {{ formatAmount(row.totalReturn) }}
</span>
</template>
</el-table-column>
<el-table-column label="最后登录" width="108">
<el-table-column :label="t('user.col.last_login')" width="108">
<template #default="{ row }">
<el-tooltip v-if="row.lastLoginAt" :content="formatTime(row.lastLoginAt)" placement="top">
<span>{{ formatLastLogin(row.lastLoginAt) }}</span>
</el-tooltip>
<span v-else class="text-muted">从未登录</span>
<span v-else class="text-muted">{{ t('common.never_login') }}</span>
</template>
</el-table-column>
<el-table-column label="注册时间" width="108">
<el-table-column :label="t('user.col.created')" width="108">
<template #default="{ row }">
<el-tooltip :content="formatTime(row.createdAt)" placement="top">
<span>{{ formatLastLogin(row.createdAt) }}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column label="操作" width="300" fixed="right" align="center">
<el-table-column :label="t('common.actions')" width="300" fixed="right" align="center">
<template #default="{ row }">
<el-button size="small" link type="primary" @click="openDetail(row.id)">详情</el-button>
<el-button size="small" link type="primary" @click="openEdit(row.id)">编辑</el-button>
<el-button size="small" link type="primary" @click="openDeposit(row)">上分</el-button>
<el-button size="small" link type="primary" @click="openDetail(row.id)">{{ t('common.detail') }}</el-button>
<el-button size="small" link type="primary" @click="openEdit(row.id)">{{ t('common.edit') }}</el-button>
<el-button size="small" link type="primary" @click="openDeposit(row)">{{ t('common.topup') }}</el-button>
<el-button
v-if="row.status === 'ACTIVE'"
size="small"
@@ -338,7 +348,7 @@ function statusLabel(s: string) {
type="warning"
@click="toggleFreeze(row)"
>
冻结
{{ t('common.freeze') }}
</el-button>
<el-button
v-else
@@ -347,7 +357,7 @@ function statusLabel(s: string) {
type="primary"
@click="toggleFreeze(row)"
>
解冻
{{ t('common.unfreeze') }}
</el-button>
</template>
</el-table-column>
@@ -367,21 +377,21 @@ function statusLabel(s: string) {
</div>
</el-card>
<el-dialog v-model="createVisible" title="新建玩家" width="520px" destroy-on-close>
<el-dialog v-model="createVisible" :title="t('user.dialog.create')" width="520px" destroy-on-close>
<el-form label-width="100px">
<el-form-item label="用户名" required>
<el-input v-model="createForm.username" placeholder="登录用户名，唯一" />
<el-form-item :label="t('user.col.username')" required>
<el-input v-model="createForm.username" :placeholder="t('user.ph.username_unique')" />
</el-form-item>
<el-form-item label="登录密码" required>
<el-form-item :label="t('user.field.password')" required>
<el-input v-model="createForm.password" type="text" autocomplete="off" />
</el-form-item>
<el-form-item label="确认密码" required>
<el-form-item :label="t('user.field.confirm_password')" required>
<el-input v-model="createForm.confirmPassword" type="text" autocomplete="off" />
</el-form-item>
<el-form-item label="所属代理">
<el-form-item :label="t('user.filter.agent')">
<el-select
v-model="createForm.parentId"
placeholder="不设置（平台直属玩家）"
:placeholder="t('user.ph.no_agent')"
clearable
style="width: 100%"
>
@@ -392,46 +402,46 @@ function statusLabel(s: string) {
:value="a.id"
/>
</el-select>
<div class="field-hint">留空表示不挂靠代理，由平台直接管理</div>
<div class="field-hint">{{ t('user.hint.no_agent') }}</div>
</el-form-item>
<el-form-item label="手机号">
<el-input v-model="createForm.phone" placeholder="选填" />
<el-form-item :label="t('user.field.phone')">
<el-input v-model="createForm.phone" :placeholder="t('common.optional')" />
</el-form-item>
<el-form-item label="邮箱">
<el-input v-model="createForm.email" placeholder="选填" />
<el-form-item :label="t('user.field.email')">
<el-input v-model="createForm.email" :placeholder="t('common.optional')" />
</el-form-item>
<el-form-item label="初始余额">
<el-form-item :label="t('user.field.initial_balance')">
<el-input-number v-model="createForm.initialDeposit" :min="0" :step="100" style="width: 100%" />
<div class="field-hint">创建后自动上分，0 表示不开户赠金</div>
<div class="field-hint">{{ t('user.hint.initial_balance') }}</div>
</el-form-item>
<el-form-item label="上分备注">
<el-input v-model="createForm.remark" placeholder="有初始余额时写入流水备注" />
<el-form-item :label="t('user.field.deposit_remark')">
<el-input v-model="createForm.remark" :placeholder="t('user.ph.remark_initial')" />
</el-form-item>
</el-form>
<template #footer>
<el-button @click="createVisible = false">取消</el-button>
<el-button type="primary" :loading="createLoading" @click="submitCreate">创建</el-button>
<el-button @click="createVisible = false">{{ t('common.cancel') }}</el-button>
<el-button type="primary" :loading="createLoading" @click="submitCreate">{{ t('user.btn.create') }}</el-button>
</template>
</el-dialog>
<el-dialog v-model="editVisible" title="编辑玩家" width="560px" destroy-on-close>
<el-dialog v-model="editVisible" :title="t('user.dialog.edit')" width="560px" destroy-on-close>
<el-form label-width="100px">
<el-form-item label="玩家 ID">
<el-form-item :label="t('user.field.player_id')">
<el-input :model-value="editForm.id" disabled />
</el-form-item>
<el-form-item label="用户名">
<el-form-item :label="t('user.col.username')">
<el-input :model-value="editForm.username" disabled />
</el-form-item>
<el-form-item label="账号状态">
<el-form-item :label="t('user.field.account_status')">
<el-tag :type="statusTagType(editForm.status)" size="small">
{{ statusLabel(editForm.status) }}
</el-tag>
<span class="field-hint inline-hint">冻结/解冻请在列表操作列进行</span>
<span class="field-hint inline-hint">{{ t('user.hint.freeze_in_list') }}</span>
</el-form-item>
<el-form-item label="所属代理">
<el-form-item :label="t('user.filter.agent')">
<el-select
v-model="editForm.parentId"
placeholder="不设置（平台直属玩家）"
:placeholder="t('user.ph.no_agent')"
clearable
style="width: 100%"
>
@@ -442,102 +452,102 @@ function statusLabel(s: string) {
:value="a.id"
/>
</el-select>
<div class="field-hint">留空表示平台直属；变更后会重算相关代理已用授信</div>
<div class="field-hint">{{ t('user.hint.agent_change') }}</div>
</el-form-item>
<el-form-item label="可用余额">
<el-form-item :label="t('user.field.available')">
<el-input :model-value="formatAmount(editForm.availableBalance)" disabled />
</el-form-item>
<el-form-item label="冻结余额">
<el-form-item :label="t('user.field.frozen_balance')">
<el-input :model-value="formatAmount(editForm.frozenBalance)" disabled />
</el-form-item>
<el-form-item label="注单 / 投注">
<el-form-item :label="t('user.field.bets_summary')">
<el-input
:model-value="`${editForm.betCount} 笔 / ${formatAmount(editForm.totalStake)}`"
:model-value="t('user.bets_edit_value', { n: editForm.betCount, stake: formatAmount(editForm.totalStake) })"
disabled
/>
</el-form-item>
<el-form-item label="累计派彩">
<el-form-item :label="t('user.field.total_payout')">
<el-input :model-value="formatAmount(editForm.totalReturn)" disabled />
</el-form-item>
<el-form-item label="最后登录">
<el-form-item :label="t('user.col.last_login')">
<el-input
:model-value="editForm.lastLoginAt ? formatTime(editForm.lastLoginAt) : '从未登录'"
:model-value="editForm.lastLoginAt ? formatTime(editForm.lastLoginAt) : t('common.never_login')"
disabled
/>
</el-form-item>
<el-form-item label="登录失败">
<el-input :model-value="`${editForm.loginFailCount} 次`" disabled />
<el-form-item :label="t('user.field.login_fail')">
<el-input :model-value="t('user.login_fail_value', { n: editForm.loginFailCount })" disabled />
</el-form-item>
<el-form-item label="注册时间">
<el-form-item :label="t('user.col.created')">
<el-input :model-value="formatTime(editForm.createdAt)" disabled />
</el-form-item>
<el-divider />
<el-form-item label="手机号">
<el-input v-model="editForm.phone" placeholder="选填" />
<el-form-item :label="t('user.field.phone')">
<el-input v-model="editForm.phone" :placeholder="t('common.optional')" />
</el-form-item>
<el-form-item label="邮箱">
<el-input v-model="editForm.email" placeholder="选填" />
<el-form-item :label="t('user.field.email')">
<el-input v-model="editForm.email" :placeholder="t('common.optional')" />
</el-form-item>
</el-form>
<template #footer>
<el-button @click="editVisible = false">取消</el-button>
<el-button type="primary" :loading="editLoading" @click="submitEdit">保存资料</el-button>
<el-button @click="editVisible = false">{{ t('common.cancel') }}</el-button>
<el-button type="primary" :loading="editLoading" @click="submitEdit">{{ t('user.btn.save_profile') }}</el-button>
</template>
</el-dialog>
<el-dialog v-model="depositVisible" title="玩家上分" width="400px" destroy-on-close>
<el-dialog v-model="depositVisible" :title="t('user.dialog.deposit')" width="400px" destroy-on-close>
<el-form label-width="80px">
<el-form-item label="玩家 ID">
<el-form-item :label="t('user.field.player_id')">
<el-input :model-value="depositForm.userId" disabled />
</el-form-item>
<el-form-item label="金额">
<el-form-item :label="t('user.field.amount')">
<el-input-number v-model="depositForm.amount" :min="0.01" :step="10" style="width: 100%" />
</el-form-item>
<el-form-item label="备注">
<el-form-item :label="t('user.field.remark')">
<el-input v-model="depositForm.remark" />
</el-form-item>
</el-form>
<template #footer>
<el-button @click="depositVisible = false">取消</el-button>
<el-button type="primary" :loading="depositLoading" @click="submitDeposit">确认上分</el-button>
<el-button @click="depositVisible = false">{{ t('common.cancel') }}</el-button>
<el-button type="primary" :loading="depositLoading" @click="submitDeposit">{{ t('user.btn.confirm_deposit') }}</el-button>
</template>
</el-dialog>
<el-dialog v-model="detailVisible" title="玩家详情" width="560px" destroy-on-close>
<el-dialog v-model="detailVisible" :title="t('user.dialog.detail')" width="560px" destroy-on-close>
<template v-if="detail">
<el-descriptions :column="2" border size="small">
<el-descriptions-item label="ID">{{ detail.id }}</el-descriptions-item>
<el-descriptions-item label="用户名">{{ detail.username }}</el-descriptions-item>
<el-descriptions-item label="状态">
<el-descriptions-item :label="t('common.col_id')">{{ detail.id }}</el-descriptions-item>
<el-descriptions-item :label="t('user.col.username')">{{ detail.username }}</el-descriptions-item>
<el-descriptions-item :label="t('common.status')">
<el-tag :type="statusTagType(detail.status)" size="small">
{{ statusLabel(detail.status) }}
</el-tag>
</el-descriptions-item>
<el-descriptions-item label="所属代理">
{{ detail.parentUsername ?? '平台直属' }}
<el-descriptions-item :label="t('user.col.agent')">
{{ detail.parentUsername ?? t('common.platform_direct') }}
</el-descriptions-item>
<el-descriptions-item label="可用余额">
<el-descriptions-item :label="t('user.field.available')">
{{ formatAmount(detail.availableBalance) }}
<span v-if="shouldCompact(detail.availableBalance)" class="amount-full-hint">
（{{ formatAmountFull(detail.availableBalance) }}）
</span>
</el-descriptions-item>
<el-descriptions-item label="冻结余额">
<el-descriptions-item :label="t('user.field.frozen_balance')">
{{ formatAmount(detail.frozenBalance) }}
<span v-if="shouldCompact(detail.frozenBalance)" class="amount-full-hint">
（{{ formatAmountFull(detail.frozenBalance) }}）
</span>
</el-descriptions-item>
<el-descriptions-item label="手机">{{ detail.phone ?? '—' }}</el-descriptions-item>
<el-descriptions-item label="邮箱">{{ detail.email ?? '—' }}</el-descriptions-item>
<el-descriptions-item label="注单数">{{ detail.betCount }}</el-descriptions-item>
<el-descriptions-item label="累计投注">{{ formatAmount(detail.totalStake) }}</el-descriptions-item>
<el-descriptions-item label="累计派彩">{{ formatAmount(detail.totalReturn) }}</el-descriptions-item>
<el-descriptions-item label="最后登录">
{{ detail.lastLoginAt ? formatTime(detail.lastLoginAt) : '从未登录' }}
<el-descriptions-item :label="t('user.field.phone')">{{ detail.phone ?? '—' }}</el-descriptions-item>
<el-descriptions-item :label="t('user.field.email')">{{ detail.email ?? '—' }}</el-descriptions-item>
<el-descriptions-item :label="t('user.field.bet_count')">{{ detail.betCount }}</el-descriptions-item>
<el-descriptions-item :label="t('user.field.total_stake')">{{ formatAmount(detail.totalStake) }}</el-descriptions-item>
<el-descriptions-item :label="t('user.field.total_payout')">{{ formatAmount(detail.totalReturn) }}</el-descriptions-item>
<el-descriptions-item :label="t('user.col.last_login')">
{{ detail.lastLoginAt ? formatTime(detail.lastLoginAt) : t('common.never_login') }}
</el-descriptions-item>
<el-descriptions-item label="登录失败">{{ detail.loginFailCount }} 次</el-descriptions-item>
<el-descriptions-item label="注册时间" :span="2">
<el-descriptions-item :label="t('user.field.login_fail')">{{ t('user.login_fail_value', { n: detail.loginFailCount }) }}</el-descriptions-item>
<el-descriptions-item :label="t('user.field.registered_at')" :span="2">
{{ formatTime(detail.createdAt) }}
</el-descriptions-item>
</el-descriptions>

10
apps/admin/src/views/agent-form.ts
View File

@@ -1,3 +1,5 @@
import { FormValidationError } from '../i18n/form-validation';
export interface AgentCreateForm {
username: string;
password: string;
@@ -81,10 +83,10 @@ export function editFormFromAgentDetail(d: AgentDetail): AgentEditForm {
}
export function buildCreateAgentPayload(form: AgentCreateForm) {
if (!form.username.trim()) throw new Error('请填写用户名');
if (form.password.length < 8) throw new Error('密码至少 8 位');
if (form.password !== form.confirmPassword) throw new Error('两次密码不一致');
if (form.creditLimit < 0) throw new Error('授信额度不能为负');
if (!form.username.trim()) throw new FormValidationError('err.username_required');
if (form.password.length < 8) throw new FormValidationError('err.password_min');
if (form.password !== form.confirmPassword) throw new FormValidationError('err.password_mismatch');
if (form.creditLimit < 0) throw new FormValidationError('err.credit_negative');
return {
username: form.username.trim(),
password: form.password,

19
apps/admin/src/views/agent/Bets.vue
View File

@@ -1,9 +1,12 @@
<script setup lang="ts">
import { ref, onMounted } from 'vue';
import { useAdminLocale } from '../../composables/useAdminLocale';
import api from '../../api';
import { formatAmount } from '../../utils/format-amount';
import { betStatusLabel, betStatusTagType, betTypeLabel } from '../../utils/bet-labels';
const { t } = useAdminLocale();
interface BetRow {
id: string;
betNo: string;
@@ -44,23 +47,23 @@ function onSizeChange(size: number) {
<template>
<div class="admin-list-page">
<div class="page-header">
<h2 class="page-title">注单查询</h2>
<span class="page-desc">下级玩家的全部投注记录</span>
<h2 class="page-title">{{ t('page.agent_bets.title') }}</h2>
<span class="page-desc">{{ t('page.agent_bets.desc') }}</span>
</div>
<el-card class="data-card" shadow="never">
<div class="table-wrap">
<el-table :data="bets" stripe>
<el-table-column prop="id" label="单号" width="56" align="center" />
<el-table-column prop="betNo" label="流水编号" width="168" show-overflow-tooltip>
<el-table-column prop="id" :label="t('bet.col.serial')" width="56" align="center" />
<el-table-column prop="betNo" :label="t('bet.col.bet_no')" width="168" show-overflow-tooltip>
<template #default="{ row }">
<span class="bet-no">{{ row.betNo }}</span>
</template>
</el-table-column>
<el-table-column label="玩家" min-width="100">
<el-table-column :label="t('bet.col.player')" min-width="100">
<template #default="{ row }">{{ row.user?.username ?? '—' }}</template>
</el-table-column>
<el-table-column label="类型" width="88" align="center">
<el-table-column :label="t('common.type')" width="88" align="center">
<template #default="{ row }">
<el-tag v-if="row.betType" type="info" size="small" effect="plain">
{{ betTypeLabel(row.betType) }}
@@ -68,10 +71,10 @@ function onSizeChange(size: number) {
<span v-else>—</span>
</template>
</el-table-column>
<el-table-column label="投注额" width="110" align="right">
<el-table-column :label="t('bet.col.stake')" width="110" align="right">
<template #default="{ row }">{{ formatAmount(row.stake) }}</template>
</el-table-column>
<el-table-column label="状态" width="96" align="center">
<el-table-column :label="t('common.status')" width="96" align="center">
<template #default="{ row }">
<el-tag :type="betStatusTagType(row.status)" size="small">
{{ betStatusLabel(row.status) }}

58
apps/admin/src/views/agent/Dashboard.vue
View File

@@ -2,7 +2,9 @@
import { ref, onMounted } from 'vue';
import api from '../../api';
import { formatAmount } from '../../utils/format-amount';
import { useAdminLocale } from '../../composables/useAdminLocale';
const { t, localeTag } = useAdminLocale();
const summary = ref<Record<string, unknown>>({});
onMounted(async () => {
@@ -11,55 +13,55 @@ onMounted(async () => {
});
function fmtCount(val: unknown) {
return (Number(val) || 0).toLocaleString('zh-CN', { maximumFractionDigits: 0 });
return (Number(val) || 0).toLocaleString(localeTag.value, { maximumFractionDigits: 0 });
}
</script>
<template>
<div class="page-header">
<h2 class="page-title">代理概览</h2>
<span class="page-desc">实时数据总览</span>
<h2 class="page-title">{{ t('page.agent_dash.title') }}</h2>
<span class="page-desc">{{ t('page.agent_dash.desc') }}</span>
</div>
<el-row :gutter="20" class="stat-row">
<el-col :span="6">
<div class="stat-card c-blue">
<div class="stat-top">
<span class="stat-label">授信额度</span>
<span class="stat-label">{{ t('agent.credit_limit') }}</span>
<span class="stat-badge">¥</span>
</div>
<div class="stat-value">{{ formatAmount((summary.profile as { creditLimit?: string })?.creditLimit) }}</div>
<div class="stat-foot">总额度</div>
<div class="stat-foot">{{ t('agent.credit_total') }}</div>
</div>
</el-col>
<el-col :span="6">
<div class="stat-card c-orange">
<div class="stat-top">
<span class="stat-label">已用额度</span>
<span class="stat-label">{{ t('agent.credit_used') }}</span>
<span class="stat-badge">¥</span>
</div>
<div class="stat-value">{{ formatAmount((summary.profile as { usedCredit?: string })?.usedCredit) }}</div>
<div class="stat-foot">已占用</div>
<div class="stat-foot">{{ t('agent.credit_occupied') }}</div>
</div>
</el-col>
<el-col :span="6">
<div class="stat-card c-green">
<div class="stat-top">
<span class="stat-label">直属玩家</span>
<span class="stat-badge">人</span>
<span class="stat-label">{{ t('agent.direct_players') }}</span>
<span class="stat-badge">{{ t('common.people') }}</span>
</div>
<div class="stat-value">{{ fmtCount(summary.directPlayerCount) }}</div>
<div class="stat-foot">玩家数</div>
<div class="stat-foot">{{ t('agent.player_count') }}</div>
</div>
</el-col>
<el-col :span="6">
<div class="stat-card c-purple">
<div class="stat-top">
<span class="stat-label">今日投注</span>
<span class="stat-label">{{ t('agent.today_stake') }}</span>
<span class="stat-badge">¥</span>
</div>
<div class="stat-value">{{ formatAmount(summary.todayStake) }}</div>
<div class="stat-foot">人民币</div>
<div class="stat-foot">{{ t('agent.currency_cny') }}</div>
</div>
</el-col>
</el-row>
@@ -78,27 +80,13 @@ function fmtCount(val: unknown) {
backdrop-filter: blur(10px);
}
.stat-card:hover { transform: translateY(-2px); border-color: #2a2a2a; }
.stat-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.stat-label { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.stat-badge { width: 30px; height: 30px; border-radius: 7px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; }
.stat-value { font-size: 28px; font-weight: 800; line-height: 1; margin-bottom: 8px; letter-spacing: -1px; }
.stat-foot { font-size: 11px; opacity: 0.4; font-weight: 600; letter-spacing: 0.04em; }
.c-blue { background: rgba(22,78,180,0.1); color: #60a5fa; }
.c-blue .stat-badge { background: rgba(96,165,250,0.12); color: #60a5fa; }
.c-orange { background: rgba(180,80,0,0.1); color: #fb923c; }
.c-orange .stat-badge { background: rgba(251,146,60,0.12); color: #fb923c; }
.c-green {
background: linear-gradient(145deg, rgba(36, 143, 84, 0.18), rgba(20, 92, 56, 0.08));
border: 1px solid var(--green-border);
color: var(--green-text);
}
.c-green .stat-badge {
background: var(--primary-grad);
border: 1px solid var(--green-border);
color: #fff;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.c-purple { background: rgba(100,40,200,0.1); color: #a78bfa; }
.c-purple .stat-badge { background: rgba(167,139,250,0.12); color: #a78bfa; }
.stat-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.stat-label { font-size: 12px; color: #666; font-weight: 600; }
.stat-badge { font-size: 11px; color: #444; }
.stat-value { font-size: 26px; font-weight: 800; color: var(--green-text); margin-bottom: 6px; }
.stat-foot { font-size: 11px; color: #444; }
.c-blue { background: linear-gradient(135deg, rgba(96, 165, 250, 0.08), transparent); }
.c-orange { background: linear-gradient(135deg, rgba(251, 146, 60, 0.08), transparent); }
.c-green { background: linear-gradient(135deg, rgba(36, 143, 84, 0.1), transparent); }
.c-purple { background: linear-gradient(135deg, rgba(167, 139, 250, 0.08), transparent); }
</style>

131
apps/admin/src/views/agent/Players.vue
View File

@@ -1,9 +1,12 @@
<script setup lang="ts">
import { ref, onMounted } from 'vue';
import { useAdminLocale } from '../../composables/useAdminLocale';
import api from '../../api';
import { ElMessage } from 'element-plus';
import { formatAmount, formatAmountFull } from '../../utils/format-amount';
const { t } = useAdminLocale();
const players = ref<unknown[]>([]);
const form = ref({ username: '', password: 'Player@123' });
const depositForm = ref({ playerId: '', amount: 100, requestId: '' });
@@ -17,7 +20,7 @@ async function load() {
async function create() {
await api.post('/agent/players', form.value);
ElMessage.success('玩家已创建');
ElMessage.success(t('msg.player_created'));
load();
}
@@ -27,7 +30,7 @@ async function deposit() {
amount: depositForm.value.amount,
requestId: depositForm.value.requestId,
});
ElMessage.success('上分成功');
ElMessage.success(t('msg.topup_ok'));
load();
}
@@ -36,75 +39,77 @@ async function withdraw(playerId: string, amount: number) {
amount,
requestId: `wd-${Date.now()}`,
});
ElMessage.success('下分成功');
ElMessage.success(t('msg.withdraw_ok'));
load();
}
</script>
<template>
<div class="admin-list-page">
<div class="page-header">
<h2 class="page-title">直属玩家</h2>
<span class="page-desc">管理你名下的直属玩家</span>
</div>
<el-card class="tool-card" shadow="never">
<div class="tool-row">
<div class="tool-section">
<div class="tool-section-title">创建玩家</div>
<el-form inline>
<el-form-item label="用户名">
<el-input v-model="form.username" placeholder="输入用户名" style="width: 150px" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="create">+ 创建玩家</el-button>
</el-form-item>
</el-form>
</div>
<div class="tool-divider" />
<div class="tool-section">
<div class="tool-section-title">上分操作</div>
<el-form inline>
<el-form-item label="玩家ID">
<el-input v-model="depositForm.playerId" placeholder="玩家ID" style="width: 110px" />
</el-form-item>
<el-form-item label="金额">
<el-input-number v-model="depositForm.amount" :min="1" style="width: 130px" />
</el-form-item>
<el-form-item>
<el-button type="success" @click="deposit">上分</el-button>
</el-form-item>
</el-form>
</div>
<div class="page-header">
<h2 class="page-title">{{ t('page.agent_players.title') }}</h2>
<span class="page-desc">{{ t('page.agent_players.desc') }}</span>
</div>
</el-card>
<el-card class="data-card" shadow="never">
<div class="table-wrap">
<el-table :data="players" stripe>
<el-table-column prop="id" label="ID" width="80" />
<el-table-column prop="username" label="用户名" min-width="120" />
<el-table-column label="可用余额" min-width="100" align="right">
<template #default="{ row }">
<template v-if="(row as { wallet?: { availableBalance: string } }).wallet?.availableBalance != null">
<el-tooltip
:content="formatAmountFull((row as { wallet: { availableBalance: string } }).wallet.availableBalance)"
placement="top"
>
<span>{{ formatAmount((row as { wallet: { availableBalance: string } }).wallet.availableBalance) }}</span>
</el-tooltip>
</template>
<span v-else>—</span>
</template>
</el-table-column>
<el-table-column label="操作" width="120" align="center">
<template #default="{ row }">
<el-button size="small" type="warning" plain @click="withdraw((row as { id: string }).id, 50)">下分 50</el-button>
</template>
</el-table-column>
</el-table>
</div>
</el-card>
<el-card class="tool-card" shadow="never">
<div class="tool-row">
<div class="tool-section">
<div class="tool-section-title">{{ t('agent_portal.create_player_section') }}</div>
<el-form inline>
<el-form-item :label="t('user.col.username')">
<el-input v-model="form.username" :placeholder="t('agent_portal.username_ph')" style="width: 150px" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="create">{{ t('agent_portal.create_player_btn') }}</el-button>
</el-form-item>
</el-form>
</div>
<div class="tool-divider" />
<div class="tool-section">
<div class="tool-section-title">{{ t('agent_portal.deposit_section') }}</div>
<el-form inline>
<el-form-item :label="t('user.field.player_id')">
<el-input v-model="depositForm.playerId" :placeholder="t('agent_portal.player_id_ph')" style="width: 110px" />
</el-form-item>
<el-form-item :label="t('user.field.amount')">
<el-input-number v-model="depositForm.amount" :min="1" style="width: 130px" />
</el-form-item>
<el-form-item>
<el-button type="success" @click="deposit">{{ t('common.topup') }}</el-button>
</el-form-item>
</el-form>
</div>
</div>
</el-card>
<el-card class="data-card" shadow="never">
<div class="table-wrap">
<el-table :data="players" stripe>
<el-table-column prop="id" :label="t('common.col_id')" width="80" />
<el-table-column prop="username" :label="t('user.col.username')" min-width="120" />
<el-table-column :label="t('user.field.available')" min-width="100" align="right">
<template #default="{ row }">
<template v-if="(row as { wallet?: { availableBalance: string } }).wallet?.availableBalance != null">
<el-tooltip
:content="formatAmountFull((row as { wallet: { availableBalance: string } }).wallet.availableBalance)"
placement="top"
>
<span>{{ formatAmount((row as { wallet: { availableBalance: string } }).wallet.availableBalance) }}</span>
</el-tooltip>
</template>
<span v-else>—</span>
</template>
</el-table-column>
<el-table-column :label="t('common.actions')" width="120" align="center">
<template #default="{ row }">
<el-button size="small" type="warning" plain @click="withdraw((row as { id: string }).id, 50)">
{{ t('agent_portal.withdraw_btn', { amount: 50 }) }}
</el-button>
</template>
</el-table-column>
</el-table>
</div>
</el-card>
</div>
</template>

91
apps/admin/src/views/agent/SubAgents.vue
View File

@@ -1,9 +1,12 @@
<script setup lang="ts">
import { ref, onMounted } from 'vue';
import { useAdminLocale } from '../../composables/useAdminLocale';
import api from '../../api';
import { ElMessage } from 'element-plus';
import { formatAmount, formatAmountFull } from '../../utils/format-amount';
const { t } = useAdminLocale();
const agents = ref<unknown[]>([]);
const form = ref({ username: '', password: 'Agent@123', creditLimit: 10000 });
@@ -16,57 +19,57 @@ async function load() {
async function create() {
await api.post('/agent/agents', form.value);
ElMessage.success('下级代理已创建');
ElMessage.success(t('msg.agent_sub_created'));
load();
}
</script>
<template>
<div class="admin-list-page">
<div class="page-header">
<h2 class="page-title">下级代理</h2>
<span class="page-desc">仅一级代理可见</span>
</div>
<el-card class="tool-card" shadow="never">
<el-form inline>
<el-form-item label="用户名">
<el-input v-model="form.username" placeholder="代理用户名" style="width: 150px" />
</el-form-item>
<el-form-item label="授信额度">
<el-input-number v-model="form.creditLimit" :min="0" :step="1000" style="width: 150px" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="create">+ 创建二级代理</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="data-card" shadow="never">
<div class="table-wrap">
<el-table :data="agents" stripe>
<el-table-column label="用户名" min-width="140">
<template #default="{ row }">
{{ (row as { user?: { username: string } }).user?.username }}
</template>
</el-table-column>
<el-table-column label="授信额度" min-width="100" align="right">
<template #default="{ row }">
<el-tooltip :content="formatAmountFull((row as { creditLimit: string }).creditLimit)" placement="top">
<span>{{ formatAmount((row as { creditLimit: string }).creditLimit) }}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column label="已用额度" min-width="100" align="right">
<template #default="{ row }">
<el-tooltip :content="formatAmountFull((row as { usedCredit: string }).usedCredit)" placement="top">
<span>{{ formatAmount((row as { usedCredit: string }).usedCredit) }}</span>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<div class="page-header">
<h2 class="page-title">{{ t('page.agent_sub.title') }}</h2>
<span class="page-desc">{{ t('page.agent_sub.desc') }}</span>
</div>
</el-card>
<el-card class="tool-card" shadow="never">
<el-form inline>
<el-form-item :label="t('user.col.username')">
<el-input v-model="form.username" :placeholder="t('agent_portal.agent_username_ph')" style="width: 150px" />
</el-form-item>
<el-form-item :label="t('agent.field.credit_limit')">
<el-input-number v-model="form.creditLimit" :min="0" :step="1000" style="width: 150px" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="create">{{ t('agent_portal.create_tier2_btn') }}</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="data-card" shadow="never">
<div class="table-wrap">
<el-table :data="agents" stripe>
<el-table-column :label="t('user.col.username')" min-width="140">
<template #default="{ row }">
{{ (row as { user?: { username: string } }).user?.username }}
</template>
</el-table-column>
<el-table-column :label="t('agent.field.credit_limit')" min-width="100" align="right">
<template #default="{ row }">
<el-tooltip :content="formatAmountFull((row as { creditLimit: string }).creditLimit)" placement="top">
<span>{{ formatAmount((row as { creditLimit: string }).creditLimit) }}</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column :label="t('agent.field.used_credit')" min-width="100" align="right">
<template #default="{ row }">
<el-tooltip :content="formatAmountFull((row as { usedCredit: string }).usedCredit)" placement="top">
<span>{{ formatAmount((row as { usedCredit: string }).usedCredit) }}</span>
</el-tooltip>
</template>
</el-table-column>
</el-table>
</div>
</el-card>
</div>
</template>

8
apps/admin/src/views/match-form.ts
View File

@@ -1,5 +1,7 @@
/** 后台手动新增赛事（投注平台最小字段） */
import { FormValidationError } from '../i18n/form-validation';
export interface MatchCreateForm {
leagueEn: string;
leagueZh: string;
@@ -54,15 +56,15 @@ export function formFromDetail(d: AdminMatchDetail): MatchCreateForm {
export function buildPlatformPayload(form: MatchCreateForm) {
if (!form.startTime.trim()) {
throw new Error('请填写开赛时间');
throw new FormValidationError('err.kickoff_required');
}
const homeOk = form.homeTeamZh.trim() || form.homeTeamEn.trim();
const awayOk = form.awayTeamZh.trim() || form.awayTeamEn.trim();
if (!homeOk || !awayOk) {
throw new Error('请填写主客队名称（中文或英文至少一项）');
throw new FormValidationError('err.teams_required');
}
if (!form.leagueZh.trim() && !form.leagueEn.trim()) {
throw new Error('请填写联赛名称');
throw new FormValidationError('err.league_required');
}
return {

8
apps/admin/src/views/user-form.ts
View File

@@ -1,3 +1,5 @@
import { FormValidationError } from '../i18n/form-validation';
export interface PlayerCreateForm {
username: string;
password: string;
@@ -105,9 +107,9 @@ export function editFormFromDetail(d: PlayerDetail): PlayerEditForm {
}
export function buildCreatePlayerPayload(form: PlayerCreateForm) {
if (!form.username.trim()) throw new Error('请填写用户名');
if (form.password.length < 8) throw new Error('密码至少 8 位');
if (form.password !== form.confirmPassword) throw new Error('两次密码不一致');
if (!form.username.trim()) throw new FormValidationError('err.username_required');
if (form.password.length < 8) throw new FormValidationError('err.password_min');
if (form.password !== form.confirmPassword) throw new FormValidationError('err.password_mismatch');
return {
username: form.username.trim(),
password: form.password,