修复每页数量选择功能

- 前端搜索时传递limit参数
- 后端搜索API支持limit参数

routes/articles.py

@@ -31,12 +31,17 @@ def search_articles():
     """搜索文章"""
     keyword = request.args.get('q', '')
     category = request.args.get('category')
+    limit = request.args.get('limit', type=int)  # 支持limit参数
     
     if not keyword:
         return jsonify({'error': '请提供搜索关键词'}), 400
     
     articles = db.search_articles(keyword, category)
     
+    # 如果有limit参数，截取
+    if limit:
+        articles = articles[:limit]
+    
     # 解析JSON字段
     for article in articles:
         article['product_names'] = __import__('json').loads(article.get('product_names', '[]'))

static/css/library.css

@@ -102,6 +102,15 @@
     cursor: pointer;
 }
 
+.page-size-select {
+    padding: 10px 15px;
+    border: 1px solid #ddd;
+    border-radius: 6px;
+    font-size: 14px;
+    background: white;
+    cursor: pointer;
+}
+
 .toolbar-right {
     display: flex;
     gap: 10px;

static/js/library.js

@@ -4,7 +4,7 @@ const API_BASE = '';
 // 状态
 let articles = [];
 let currentPage = 1;
-let pageSize = 100;  // 增加每页数量
+let pageSize = 100;
 let totalCount = 0;
 let selectedIds = new Set();
 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() {
     const keyword = document.getElementById('search-input').value.trim();
@@ -42,7 +49,12 @@ async function loadArticles() {
     });
     
     if (keyword) {
-        const response = await fetch(`${API_BASE}/api/articles/search?q=${encodeURIComponent(keyword)}${category ? '&category=' + encodeURIComponent(category) : ''}`);
+        // 搜索时也传递 limit 参数
+        let searchUrl = `${API_BASE}/api/articles/search?q=${encodeURIComponent(keyword)}`;
+        if (category) searchUrl += `&category=${encodeURIComponent(category)}`;
+        searchUrl += `&limit=${pageSize}`;
+        
+        const response = await fetch(searchUrl);
         const data = await response.json();
         
         if (data.success) {

templates/library.html

@@ -35,6 +35,13 @@
                 <select id="category-filter" class="category-select">
                     <option value="">全部分类</option>
                 </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 class="toolbar-right">
                 <button onclick="showAddModal()" class="btn btn-primary">