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

feat(admin,api,player): 优胜赛配置、赛事管理重构与玩家端投注体验优化

Browse Source 
管理端拆分赛事/优胜赛 Tab，新增联赛优胜赔率面板（批量、排序、外侧删除）；统一 list-chrome 工具栏对齐与列表页布局；Dashboard 失败重试、Users 操作下拉、小屏侧栏等体验修复。

API 扩展优胜赛与赛事目录接口，完善投注与钱包查询；玩家端重构赛事卡片、串关面板、注单/钱包页，新增注单详情、下注成功动画与下拉刷新。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Mars
2026-06-08 09:55:56 +08:00
parent efff7c27e6
commit 24fa1b275c
66 changed files with 6289 additions and 1426 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
apps/player/src/components/match-detail/CorrectScoreConfirmModal.vue
View File

@@ -52,38 +52,42 @@ function formatOdds(odds: string) {
</button>
</div>
<div class="slip-item">
<div class="item-name">{{ homeTeamName }} vs {{ awayTeamName }}</div>
<div class="item-sel">{{ marketLabel }}</div>
</div>
<div class="drawer-body">
<div class="slip-item">
<div class="item-name">{{ homeTeamName }} vs {{ awayTeamName }}</div>
<div class="item-sel">{{ marketLabel }}</div>
</div>
<div v-for="(line, idx) in lines" :key="idx" class="slip-item">
<div class="item-name">{{ line.scoreDisplay }}</div>
<div class="item-sel">
@ <span class="odds">{{ formatOdds(line.odds) }}</span>
· {{ formatMoney(line.stake, locale) }}
<div v-for="(line, idx) in lines" :key="idx" class="slip-item">
<div class="item-name">{{ line.scoreDisplay }}</div>
<div class="item-sel">
@ <span class="odds">{{ formatOdds(line.odds) }}</span>
· {{ formatMoney(line.stake, locale) }}
</div>
</div>
</div>
<div class="stake-area">
<div class="summary-row">
<span>{{ t('bet.cs_confirm_total_stake') }}</span>
<strong>{{ formatMoney(totalStake, locale) }}</strong>
<div class="drawer-foot">
<div class="stake-area">
<div class="summary-row">
<span>{{ t('bet.cs_confirm_total_stake') }}</span>
<strong>{{ formatMoney(totalStake, locale) }}</strong>
</div>
<div class="return">
{{ t('bet.slip_est_return') }}:
<strong>{{ formatMoney(totalReturn, locale) }}</strong>
</div>
</div>
<div class="return">
{{ t('bet.slip_est_return') }}:
<strong>{{ formatMoney(totalReturn, locale) }}</strong>
</div>
</div>
<button
type="button"
class="btn-primary"
:disabled="loading"
@click="emit('confirm')"
>
{{ loading ? t('bet.placing') : t('bet.place_bet') }}
</button>
<button
type="button"
class="btn-primary"
:disabled="loading"
@click="emit('confirm')"
>
{{ loading ? t('bet.placing') : t('bet.place_bet') }}
</button>
</div>
</div>
</div>
</template>
@@ -103,16 +107,36 @@ function formatOdds(odds: string) {
width: 100%;
max-height: 80vh;
border-radius: 16px 16px 0 0;
padding: 14px 14px calc(14px + env(safe-area-inset-bottom, 0));
overflow-y: auto;
border-top: 1px solid var(--border);
display: flex;
flex-direction: column;
overflow: hidden;
}
.drawer-body {
flex: 1;
overflow-y: auto;
padding: 10px 14px 0;
-webkit-overflow-scrolling: touch;
}
.drawer-foot {
flex-shrink: 0;
padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
background: rgba(14, 14, 14, 0.98);
border-top: 1px solid var(--border-gold-soft);
box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.45);
}
.drawer-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
padding: 14px 14px 12px;
flex-shrink: 0;
background: rgba(14, 14, 14, 0.98);
border-bottom: 1px solid #2a2a2a;
z-index: 2;
}
.drawer-header h3 {

32
apps/player/src/components/match-detail/MarketTypeTile.vue
View File

@@ -21,9 +21,9 @@ const { t } = useI18n();
@click="emit('toggle')"
>
<span class="row-label">{{ label }}</span>
<span v-if="promoLabel" class="row-promo">{{ promoLabel }}</span>
<span v-if="promoLabel" class="row-promo">{{ promoLabel }}</span>
<span v-if="!hasMarket" class="row-muted">{{ t('bet.market_closed') }}</span>
<span v-else class="row-chevron" aria-hidden="true">{{ expanded ? '▾' : '▸' }}</span>
<span v-else class="row-chevron" :class="{ open: expanded }" aria-hidden="true">▸</span>
</button>
</template>
@@ -33,16 +33,35 @@ const { t } = useI18n();
align-items: center;
gap: 8px;
width: 100%;
padding: 10px 12px;
padding: 13px 12px;
background: transparent;
border: none;
text-align: left;
transition: background 0.15s ease;
border-radius: 0;
position: relative;
overflow: hidden;
}
.row:not(.disabled):active {
background: rgba(255, 255, 255, 0.025);
}
.row.expanded {
background: rgba(255, 255, 255, 0.03);
}
.row.expanded::before {
content: '';
position: absolute;
top: 0;
left: 12px;
right: 12px;
height: 2px;
background: linear-gradient(90deg, transparent 0%, var(--primary) 30%, var(--primary-light) 50%, var(--primary) 70%, transparent 100%);
opacity: 0.6;
}
.row.disabled {
opacity: 0.4;
}
@@ -53,6 +72,7 @@ const { t } = useI18n();
font-size: 13px;
font-weight: 700;
color: var(--text);
letter-spacing: 0.02em;
}
.row-promo {
@@ -73,14 +93,18 @@ const { t } = useI18n();
.row-muted {
font-size: 10px;
color: var(--text-muted);
font-weight: 600;
}
.row-chevron {
font-size: 11px;
color: var(--text-muted);
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s;
flex-shrink: 0;
}
.row.expanded .row-chevron {
.row-chevron.open {
transform: rotate(90deg);
color: var(--primary-light);
}
</style>