feat(admin): 公共管理列表添加分页

后端 listForAdmin 支持 page/pageSize 分页查询,控制器接收分页参数并校验边界,前端 Contents 页面添加 el-pagination 组件并同步分页状态。

🤖 Generated with [Qoder][https://qoder.com]
This commit is contained in:
2026-06-12 09:31:38 +08:00
parent 5a15159ff3
commit 168aecfd5c
3 changed files with 68 additions and 15 deletions

View File

@@ -2249,9 +2249,13 @@ export class AdminController {
async listContents(
@Query('type') type?: string,
@Query('status') status?: string,
@Query('page') page?: string,
@Query('pageSize') pageSize?: string,
) {
const items = await this.content.listForAdmin(type, status);
return jsonResponse(items);
const p = Math.max(1, page ? parseInt(page, 10) || 1 : 1);
const size = Math.min(Math.max(1, pageSize ? parseInt(pageSize, 10) : 20), 100);
const result = await this.content.listForAdmin(type, status, p, size);
return jsonResponse(result);
}
@Get('contents/:id')

View File

@@ -255,7 +255,12 @@ export class ContentService {
});
}
async listForAdmin(contentType?: string, status?: string) {
async listForAdmin(
contentType?: string,
status?: string,
page = 1,
pageSize = 20,
) {
const typeWhere =
contentType === ANNOUNCEMENT_ADMIN_TYPE
? { contentType: { in: [...ANNOUNCEMENT_TYPES] } }
@@ -263,15 +268,28 @@ export class ContentService {
? { contentType }
: {};
const items = await this.prisma.content.findMany({
where: {
...typeWhere,
...(status ? { status } : {}),
},
include: { translations: true },
orderBy: [{ sortOrder: 'asc' }, { id: 'asc' }],
});
return items.map((item) => this.mapAdminItem(item));
const where = {
...typeWhere,
...(status ? { status } : {}),
};
const [items, total] = await Promise.all([
this.prisma.content.findMany({
where,
include: { translations: true },
orderBy: [{ sortOrder: 'asc' }, { id: 'asc' }],
skip: (page - 1) * pageSize,
take: pageSize,
}),
this.prisma.content.count({ where }),
]);
return {
items: items.map((item) => this.mapAdminItem(item)),
total,
page,
pageSize,
};
}
async getForAdmin(id: bigint) {
@@ -442,6 +460,7 @@ export class ContentService {
/** @deprecated use listForAdmin */
async listAll(contentType?: string) {
return this.listForAdmin(contentType);
const result = await this.listForAdmin(contentType);
return result.items;
}
}