perf: DEFECT-1205 优化 任务中心列表分页

 <script setup lang="ts">
 <script setup lang="ts">
-  import { Button, List, Tooltip } from 'ant-design-vue';
+  import { Button, List, Space, Tooltip } from 'ant-design-vue';
   import { PageWrapper } from '/@/components/Page';
   import { PageWrapper } from '/@/components/Page';
   import { BasicForm, useForm } from '/@/components/Form';
   import { BasicForm, useForm } from '/@/components/Form';
   import { PermissionEnum, formSchemas } from './config';
   import { PermissionEnum, formSchemas } from './config';
@@ -19,6 +19,7 @@
   import { RunTaskModal } from './components/RunTaskModal';
   import { RunTaskModal } from './components/RunTaskModal';
   import { DetailDrawer } from './components/DetailDrawer';
   import { DetailDrawer } from './components/DetailDrawer';
   import { useDrawer } from '/@/components/Drawer';
   import { useDrawer } from '/@/components/Drawer';
+  import { CardLayoutButton } from '/@/components/Widget';
 
 
   const [registerModal, { openModal }] = useModal();
   const [registerModal, { openModal }] = useModal();
   const [registerDrawer, { openDrawer }] = useDrawer();
   const [registerDrawer, { openDrawer }] = useDrawer();
@@ -41,12 +42,14 @@
     getDataSource();
     getDataSource();
   };
   };
 
 
+  const colNumber = ref(5);
   const pagination = reactive({
   const pagination = reactive({
     current: 1,
     current: 1,
-    pageSize: 10,
     total: 0,
     total: 0,
+    pageSize: unref(colNumber) * 2,
     showQuickJumper: true,
     showQuickJumper: true,
     size: 'small',
     size: 'small',
+    showSizeChanger: false,
     showTotal: (total: number) => `共 ${total} 条数据`,
     showTotal: (total: number) => `共 ${total} 条数据`,
     onChange: paginationChange,
     onChange: paginationChange,
     onShowSizeChange: paginationChange,
     onShowSizeChange: paginationChange,
@@ -58,13 +61,15 @@
     try {
     try {
       loading.value = true;
       loading.value = true;
       const params = getFieldsValue();
       const params = getFieldsValue();
+      const pageSize = unref(colNumber) * 2;
       const { items, total } = await getTaskCenterList({
       const { items, total } = await getTaskCenterList({
         page: pagination.current,
         page: pagination.current,
-        pageSize: pagination.pageSize,
+        pageSize,
         ...params,
         ...params,
       });
       });
       dataSource.value = items;
       dataSource.value = items;
       pagination.total = total;
       pagination.total = total;
+      pagination.pageSize = pageSize;
     } catch (error) {
     } catch (error) {
       throw error;
       throw error;
     } finally {
     } finally {
@@ -148,11 +153,14 @@
             <div>
             <div>
               <span class="text-lg font-medium">任务列表</span>
               <span class="text-lg font-medium">任务列表</span>
             </div>
             </div>
-            <Tooltip v-if="dataSource.length" title="刷新">
-              <Button type="primary" @click="getDataSource">
-                <ReloadOutlined :spin="loading" />
-              </Button>
-            </Tooltip>
+            <Space>
+              <CardLayoutButton v-model:value="colNumber" @change="reload" />
+              <Tooltip v-if="dataSource.length" title="刷新">
+                <Button type="primary" @click="getDataSource">
+                  <ReloadOutlined :spin="loading" />
+                </Button>
+              </Tooltip>
+            </Space>
           </section>
           </section>
         </template>
         </template>
         <template #renderItem="{ item }">
         <template #renderItem="{ item }">