diff --git a/assets/image_20260713143207366.png b/assets/image_20260713143207366.png
new file mode 100644
index 0000000..b486a3d
Binary files /dev/null and b/assets/image_20260713143207366.png differ
diff --git a/templates/index.html b/templates/index.html
index 9856f86..daf321a 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -2251,6 +2251,42 @@
             }).join('');
         }
 
+        // 渲染分页控件
+        function renderPagination(page, pageSize, total) {
+            const container = document.getElementById('history-pagination');
+            if (!container) return;
+            
+            const totalPages = Math.ceil(total / pageSize);
+            if (totalPages <= 1) {
+                container.innerHTML = '';
+                return;
+            }
+            
+            let html = '<div class="pagination">';
+            
+            // 上一页
+            if (page > 1) {
+                html += `<button onclick="loadHistoryWithDate(${page - 1})">上一页</button>`;
+            }
+            
+            // 页码
+            for (let i = 1; i <= totalPages; i++) {
+                if (i === page) {
+                    html += `<button class="active">${i}</button>`;
+                } else {
+                    html += `<button onclick="loadHistoryWithDate(${i})">${i}</button>`;
+                }
+            }
+            
+            // 下一页
+            if (page < totalPages) {
+                html += `<button onclick="loadHistoryWithDate(${page + 1})">下一页</button>`;
+            }
+            
+            html += '</div>';
+            container.innerHTML = html;
+        }
+
         // 加载历史记录（无日期筛选）
         async function loadHistory(page = 1) {
             loadHistoryWithDate(page);