Mars
cbfa18d1d3
- 管理后台 adminT 文案库、结算与代理端页面、表单校验 - 玩家端 vue-i18n 补全首页/公告/串关与 ms 文案 - Element Plus ms 语言包与共享 locale 工具
100 lines
2.8 KiB
Vue
100 lines
2.8 KiB
Vue
<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);
|
|
const pageSize = ref(10);
|
|
const filterModule = ref('');
|
|
|
|
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>
|
|
<div class="admin-list-page">
|
|
<div class="page-header">
|
|
<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="t('common.module')">
|
|
<el-input
|
|
v-model="filterModule"
|
|
:placeholder="t('audit.module_ph')"
|
|
clearable
|
|
style="width: 160px"
|
|
@keyup.enter="load"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" @click="load">{{ t('common.search') }}</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="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>
|
|
</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>
|