feat: 访问记录后台分页，支持时间范围/操作/键过滤

public/index.html

@@ -311,7 +311,22 @@
         <button class="modal-close" onclick="closeModal('modal-audit')">✕</button>
       </div>
       <div class="modal-body">
-        <div style="overflow:auto;max-height:480px">
+        <div class="audit-filters">
+          <input type="text" id="audit-filter-key" placeholder="键名（模糊匹配）">
+          <select id="audit-filter-action">
+            <option value="">全部操作</option>
+            <option value="read">读取</option>
+            <option value="create">新增</option>
+            <option value="update">更新</option>
+            <option value="delete">删除</option>
+          </select>
+          <input type="datetime-local" id="audit-filter-start">
+          <span style="color:#999">至</span>
+          <input type="datetime-local" id="audit-filter-end">
+          <button class="btn btn-primary" id="btn-audit-query">查询</button>
+          <button class="btn btn-secondary" id="btn-audit-reset">重置</button>
+        </div>
+        <div style="overflow:auto;max-height:52vh">
           <table class="config-table" id="audit-table">
             <thead>
               <tr>
@@ -321,6 +336,16 @@
             <tbody id="audit-tbody"></tbody>
           </table>
         </div>
+        <div class="audit-pagination">
+          <button class="btn btn-secondary" id="btn-audit-prev">上一页</button>
+          <span id="audit-page-info"></span>
+          <button class="btn btn-secondary" id="btn-audit-next">下一页</button>
+          <select id="audit-page-size" style="width:auto">
+            <option value="20">20 条/页</option>
+            <option value="50">50 条/页</option>
+            <option value="100">100 条/页</option>
+          </select>
+        </div>
       </div>
       <div class="modal-footer">
         <button class="btn btn-secondary" onclick="closeModal('modal-audit')">关闭</button>