Showing
1 changed file
with
16 additions
and
8 deletions
| 1 | 1 | <script setup lang="ts"> |
| 2 | - import { Button, List, Tooltip } from 'ant-design-vue'; | |
| 2 | + import { Button, List, Space, Tooltip } from 'ant-design-vue'; | |
| 3 | 3 | import { PageWrapper } from '/@/components/Page'; |
| 4 | 4 | import { BasicForm, useForm } from '/@/components/Form'; |
| 5 | 5 | import { PermissionEnum, formSchemas } from './config'; |
| ... | ... | @@ -19,6 +19,7 @@ |
| 19 | 19 | import { RunTaskModal } from './components/RunTaskModal'; |
| 20 | 20 | import { DetailDrawer } from './components/DetailDrawer'; |
| 21 | 21 | import { useDrawer } from '/@/components/Drawer'; |
| 22 | + import { CardLayoutButton } from '/@/components/Widget'; | |
| 22 | 23 | |
| 23 | 24 | const [registerModal, { openModal }] = useModal(); |
| 24 | 25 | const [registerDrawer, { openDrawer }] = useDrawer(); |
| ... | ... | @@ -41,12 +42,14 @@ |
| 41 | 42 | getDataSource(); |
| 42 | 43 | }; |
| 43 | 44 | |
| 45 | + const colNumber = ref(5); | |
| 44 | 46 | const pagination = reactive({ |
| 45 | 47 | current: 1, |
| 46 | - pageSize: 10, | |
| 47 | 48 | total: 0, |
| 49 | + pageSize: unref(colNumber) * 2, | |
| 48 | 50 | showQuickJumper: true, |
| 49 | 51 | size: 'small', |
| 52 | + showSizeChanger: false, | |
| 50 | 53 | showTotal: (total: number) => `共 ${total} 条数据`, |
| 51 | 54 | onChange: paginationChange, |
| 52 | 55 | onShowSizeChange: paginationChange, |
| ... | ... | @@ -58,13 +61,15 @@ |
| 58 | 61 | try { |
| 59 | 62 | loading.value = true; |
| 60 | 63 | const params = getFieldsValue(); |
| 64 | + const pageSize = unref(colNumber) * 2; | |
| 61 | 65 | const { items, total } = await getTaskCenterList({ |
| 62 | 66 | page: pagination.current, |
| 63 | - pageSize: pagination.pageSize, | |
| 67 | + pageSize, | |
| 64 | 68 | ...params, |
| 65 | 69 | }); |
| 66 | 70 | dataSource.value = items; |
| 67 | 71 | pagination.total = total; |
| 72 | + pagination.pageSize = pageSize; | |
| 68 | 73 | } catch (error) { |
| 69 | 74 | throw error; |
| 70 | 75 | } finally { |
| ... | ... | @@ -148,11 +153,14 @@ |
| 148 | 153 | <div> |
| 149 | 154 | <span class="text-lg font-medium">任务列表</span> |
| 150 | 155 | </div> |
| 151 | - <Tooltip v-if="dataSource.length" title="刷新"> | |
| 152 | - <Button type="primary" @click="getDataSource"> | |
| 153 | - <ReloadOutlined :spin="loading" /> | |
| 154 | - </Button> | |
| 155 | - </Tooltip> | |
| 156 | + <Space> | |
| 157 | + <CardLayoutButton v-model:value="colNumber" @change="reload" /> | |
| 158 | + <Tooltip v-if="dataSource.length" title="刷新"> | |
| 159 | + <Button type="primary" @click="getDataSource"> | |
| 160 | + <ReloadOutlined :spin="loading" /> | |
| 161 | + </Button> | |
| 162 | + </Tooltip> | |
| 163 | + </Space> | |
| 156 | 164 | </section> |
| 157 | 165 | </template> |
| 158 | 166 | <template #renderItem="{ item }"> | ... | ... |