feat(机柜管理): 添加卡片视图分页并优化后端查询性能

2026-02-10 15:39:29 +08:00
parent 2c8d5c814c
commit e55031f8cc
2 changed files with 41 additions and 5 deletions
@@ -25,6 +25,7 @@ import {
  Statistic,
  Upload,
  Spin,
+  Pagination,
 } from 'antd';
 import {
  PlusOutlined,
@@ -947,6 +948,23 @@ function RackManagement() {
            )}
          </Row>
        )}
+
+        {/* 卡片视图分页 - 始终显示当总数据大于0时 */}
+        {viewMode === 'card' && (
+          <div style={{ display: 'flex', justifyContent: 'center', marginTop: '24px' }}>
+            <Pagination
+              current={pagination.current}
+              pageSize={pagination.pageSize}
+              total={pagination.total}
+              pageSizeOptions={pagination.pageSizeOptions}
+              showSizeChanger={pagination.showSizeChanger}
+              showTotal={pagination.showTotal}
+              onChange={(page, pageSize) => {
+                handleTableChange({ current: page, pageSize });
+              }}
+            />
+          </div>
+        )}
      </Card>

      <Modal