feat(设备字段管理): 添加分页状态管理及表格分页变更处理

实现分页状态管理，支持当前页码和每页条数的动态变更

frontend/src/pages/DeviceFieldManagement.jsx

@@ -218,6 +218,14 @@ function DeviceFieldManagement() {
   const [modalVisible, setModalVisible] = useState(false);
   const [editingField, setEditingField] = useState(null);
   const [form] = Form.useForm();
+  const [pagination, setPagination] = useState({
+    current: 1,
+    pageSize: 10,
+    pageSizeOptions: ['10', '20', '50', '100'],
+    showSizeChanger: true,
+    showQuickJumper: true,
+    showTotal: (total, range) => `第 ${range[0]}-${range[1]} 条 / 共 ${total} 条`
+  });
 
   const fetchFields = async () => {
     try {
@@ -434,11 +442,13 @@ function DeviceFieldManagement() {
           dataSource={fields}
           rowKey="fieldId"
           loading={loading}
-          pagination={{
+          pagination={pagination}
-            pageSize: 10,
+          onChange={(newPagination) => {
-            showSizeChanger: true,
+            setPagination({
-            showQuickJumper: true,
+              ...pagination,
-            showTotal: (total, range) => `第 ${range[0]}-${range[1]} 条 / 共 ${total} 条`
+              current: newPagination.current,
+              pageSize: newPagination.pageSize
+            });
           }}
           scroll={{ x: 900 }}
           style={tableStyle}