feat(admin+api): 列表页子路由重构、结算历史与充值截图清理

赛事/代理管理从表格展开改为子路由详情页;结算页增加预览弹窗与历史记录;媒体库支持截图存储统计与自动/手动清理;Player 端充值截图压缩为 WebP 300KB。
This commit is contained in:
2026-06-22 12:28:25 +08:00
parent 499522f3fb
commit 648c314e23
38 changed files with 3298 additions and 1147 deletions

View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import { computed, ref, watch } from 'vue';
import { useRouter } from 'vue-router';
import { useRouter, useRoute } from 'vue-router';
import { ElMessage, ElMessageBox } from 'element-plus';
import { useAdminLocale } from '../../composables/useAdminLocale';
import api from '../../api';
@@ -50,6 +50,7 @@ const emit = defineEmits<{
const { t, locale } = useAdminLocale();
const router = useRouter();
const route = useRoute();
const matchStatus = ref('');
@@ -226,7 +227,14 @@ function goSettle() {
);
return;
}
void router.push(`/settlement/${matchId.value}`);
const title = String(route.query.title ?? '').trim();
void router.push({
path: `/settlement/${matchId.value}`,
query: {
returnTo: `/matches/outrights/leagues/${props.leagueId}`,
...(title ? { title } : {}),
},
});
}
async function load() {
@@ -900,18 +908,20 @@ watch(
.outright-odds-panel {
display: flex;
flex-direction: column;
padding: 12px 16px 16px;
border-bottom: 1px solid var(--border-soft);
flex: 1;
min-height: 0;
height: 100%;
padding: 10px 12px 12px;
background: #fbfaf7;
}
.outright-odds-panel__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
gap: 10px;
flex-wrap: wrap;
flex-shrink: 0;
margin-bottom: 12px;
margin-bottom: 8px;
}
.outright-odds-panel__head-text {
flex: 1;
@@ -986,7 +996,8 @@ watch(
}
.team-list-scroll {
max-height: min(440px, calc(100vh - 300px));
flex: 1;
min-height: 0;
overflow-y: auto;
padding-right: 4px;
scrollbar-width: thin;
@@ -1005,7 +1016,13 @@ watch(
.team-list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 8px;
gap: 6px;
}
@media (min-width: 1440px) {
.team-list {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
.team-row-wrap {
@@ -1027,7 +1044,7 @@ watch(
gap: 8px;
min-width: 0;
flex: 1;
padding: 8px 10px 8px 8px;
padding: 6px 8px 6px 6px;
background: #ffffff;
border: 1px solid var(--border);
border-radius: 8px;