新增内容库每页数量选择功能
- 添加每页数量选择下拉框(20/50/100/200/500条) - 默认100条,用户可自由选择
This commit is contained in:
@@ -102,6 +102,15 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.page-size-select {
|
||||||
|
padding: 10px 15px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 6px;
|
||||||
|
font-size: 14px;
|
||||||
|
background: white;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
.toolbar-right {
|
.toolbar-right {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
|
|||||||
@@ -4,7 +4,7 @@ const API_BASE = '';
|
|||||||
// 状态
|
// 状态
|
||||||
let articles = [];
|
let articles = [];
|
||||||
let currentPage = 1;
|
let currentPage = 1;
|
||||||
let pageSize = 100; // 增加每页数量
|
let pageSize = 100;
|
||||||
let totalCount = 0;
|
let totalCount = 0;
|
||||||
let selectedIds = new Set();
|
let selectedIds = new Set();
|
||||||
let currentArticleId = null;
|
let currentArticleId = null;
|
||||||
@@ -31,6 +31,13 @@ document.addEventListener('DOMContentLoaded', () => {
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// 改变每页数量
|
||||||
|
function changePageSize() {
|
||||||
|
pageSize = parseInt(document.getElementById('page-size').value);
|
||||||
|
currentPage = 1;
|
||||||
|
loadArticles();
|
||||||
|
}
|
||||||
|
|
||||||
// 加载文章列表
|
// 加载文章列表
|
||||||
async function loadArticles() {
|
async function loadArticles() {
|
||||||
const keyword = document.getElementById('search-input').value.trim();
|
const keyword = document.getElementById('search-input').value.trim();
|
||||||
|
|||||||
@@ -35,6 +35,13 @@
|
|||||||
<select id="category-filter" class="category-select">
|
<select id="category-filter" class="category-select">
|
||||||
<option value="">全部分类</option>
|
<option value="">全部分类</option>
|
||||||
</select>
|
</select>
|
||||||
|
<select id="page-size" class="page-size-select" onchange="changePageSize()">
|
||||||
|
<option value="20">每页 20 条</option>
|
||||||
|
<option value="50">每页 50 条</option>
|
||||||
|
<option value="100" selected>每页 100 条</option>
|
||||||
|
<option value="200">每页 200 条</option>
|
||||||
|
<option value="500">每页 500 条</option>
|
||||||
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div class="toolbar-right">
|
<div class="toolbar-right">
|
||||||
<button onclick="showAddModal()" class="btn btn-primary">
|
<button onclick="showAddModal()" class="btn btn-primary">
|
||||||
|
|||||||
Reference in New Issue
Block a user