feat(admin): 管理端列表分页、控制台图表与赛事导入

- 玩家/代理/赛事/注单/审计列表分页,默认每页 10 条,无页面滚动条布局

- ECharts 控制台概览、注单管理中文化与列宽优化

- zhibo 赛事字段迁移与导入,玩家编辑可改所属代理

- 管理端 API 分页与 dashboard 统计接口

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-06-03 13:49:31 +08:00
parent 2c356b2048
commit 80adc0e928
45 changed files with 6564 additions and 499 deletions

View File

@@ -3,21 +3,94 @@ import { ref, onMounted } from 'vue';
import api from '../api';
const logs = ref<unknown[]>([]);
const total = ref(0);
const page = ref(1);
const pageSize = ref(10);
const filterModule = ref('');
onMounted(async () => {
const { data } = await api.get('/admin/audit-logs');
onMounted(load);
async function load() {
const { data } = await api.get('/admin/audit-logs', {
params: {
page: page.value,
pageSize: pageSize.value,
module: filterModule.value || undefined,
},
});
logs.value = data.data.items;
});
total.value = data.data.total;
}
function onPageChange(p: number) {
page.value = p;
load();
}
function onSizeChange(size: number) {
pageSize.value = size;
page.value = 1;
load();
}
</script>
<template>
<h2>操作日志</h2>
<el-table :data="logs">
<el-table-column prop="action" label="操作" />
<el-table-column prop="module" label="模块" />
<el-table-column prop="targetId" label="目标" />
<el-table-column label="时间">
<template #default="{ row }">{{ new Date((row as { createdAt: string }).createdAt).toLocaleString() }}</template>
</el-table-column>
</el-table>
<div class="admin-list-page">
<div class="page-header">
<h2 class="page-title">操作日志</h2>
<span class="page-desc">记录所有管理员操作行为</span>
</div>
<el-card class="filter-card" shadow="never">
<el-form inline>
<el-form-item label="模块">
<el-input
v-model="filterModule"
placeholder="如 USERS、AGENTS"
clearable
style="width: 160px"
@keyup.enter="load"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="load">查询</el-button>
</el-form-item>
</el-form>
</el-card>
<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">
<template #default="{ row }">
{{ new Date((row as { createdAt: string }).createdAt).toLocaleString() }}
</template>
</el-table-column>
</el-table>
</div>
<div class="pager">
<el-pagination
v-model:current-page="page"
v-model:page-size="pageSize"
:total="total"
:page-sizes="[10, 20, 50, 100]"
layout="total, sizes, prev, pager, next"
background
@current-change="onPageChange"
@size-change="onSizeChange"
/>
</div>
</el-card>
</div>
</template>
<style scoped>
.page-header { display: flex; align-items: baseline; gap: 12px; }
.page-title { font-size: 20px; font-weight: 700; color: #e0e0e0; }
.page-desc { font-size: 13px; color: #3a3a3a; }
.filter-card { border-radius: 12px; }
.data-card { border-radius: 12px; }
</style>