renxiaodong/lingji-work-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 更换Pagination组件

Browse Source
This commit is contained in:
renxiaodong
2025-09-04 23:30:41 +08:00
parent 3f5249c731
commit 8b42a67e9f
21 changed files with 183 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/hooks/useTableSelectionWithPagination.ts
View File

@ -63,14 +63,17 @@ export function useTableSelectionWithPagination(options: UseTableSelectionWithPa
options.onSelectChange?.(); options.onSelectChange?.();
}; };
const onPageChange = (page: number) => { const onPageChange = (page: number, pageSize:number) => {
// console.log('onPageChange', page, pageSize);
pageInfo.value.page = page; pageInfo.value.page = page;
pageInfo.value.page_size = pageSize;
options.onPageChange?.(page); options.onPageChange?.(page);
}; };
const onPageSizeChange = (size: number) => { const onPageSizeChange = (current: number, size: number) => {
pageInfo.value.page_size = size; // console.log('onPageSizeChange', current, size);
pageInfo.value.page = 1; // pageInfo.value.page_size = size;
options.onPageSizeChange?.(size); // pageInfo.value.page = 1;
// options.onPageSizeChange?.(size);
}; };
const resetPageInfo = () => { const resetPageInfo = () => {
pageInfo.value = cloneDeep(DEFAULT_PAGE_INFO) pageInfo.value = cloneDeep(DEFAULT_PAGE_INFO)

2
src/views/material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/index.vue
View File

@ -151,7 +151,7 @@ const props = defineProps({
default: () => [], default: () => [],
}, },
rowSelection: { rowSelection: {
type: Array, type: Object,
default: () => {}, default: () => {},
}, },
selectedRowKeys: { selectedRowKeys: {

19
src/views/material-center/components/finished-products/manuscript/check-list/index.vue
View File

@ -46,16 +46,15 @@
@selectAll="handleSelectAll" @selectAll="handleSelectAll"
/> />
<div v-if="pageInfo.total > 0" class="pagination-row"> <div v-if="pageInfo.total > 0" class="pagination-row">
<a-pagination <Pagination
:total="pageInfo.total" :total="pageInfo.total"
size="mini" size="small"
show-total :showTotal="(total, range) => `共 ${total} 条`"
show-jumper showSizeChanger
show-page-size showQuickJumper
:current="pageInfo.page" :current="pageInfo.page"
:page-size="pageInfo.page_size" :pageSize="pageInfo.page_size"
@change="onPageChange" @change="onPageChange"
@page-size-change="onPageSizeChange"
/> />
</div> </div>
</div> </div>
@ -64,7 +63,7 @@
</div> </div>
</template> </template>
<script lang="jsx" setup> <script lang="jsx" setup>
import { Button } from 'ant-design-vue'; import { Button, Pagination } from 'ant-design-vue';
import { Message as AMessage } from '@arco-design/web-vue'; import { Message as AMessage } from '@arco-design/web-vue';
import FilterBlock from './components/filter-block'; import FilterBlock from './components/filter-block';
import ManuscriptCheckTable from './components/manuscript-check-table'; import ManuscriptCheckTable from './components/manuscript-check-table';
@ -88,7 +87,6 @@ const {
pageInfo, pageInfo,
rowSelection, rowSelection,
onPageChange, onPageChange,
onPageSizeChange,
resetPageInfo, resetPageInfo,
selectedRowKeys, selectedRowKeys,
selectedRows, selectedRows,
@ -99,9 +97,6 @@ const {
onPageChange: () => { onPageChange: () => {
getData(); getData();
}, },
onPageSizeChange: () => {
getData();
},
}); });
const router = useRouter(); const router = useRouter();
const tableColumns = ref([]); const tableColumns = ref([]);

20
src/views/material-center/components/finished-products/manuscript/list/index.vue
View File

@ -8,16 +8,15 @@
> >
<ManuscriptTable :dataSource="dataSource" @sorterChange="handleSorterChange" @delete="handleDelete" /> <ManuscriptTable :dataSource="dataSource" @sorterChange="handleSorterChange" @delete="handleDelete" />
<div v-if="pageInfo.total > 0" class="pagination-row"> <div v-if="pageInfo.total > 0" class="pagination-row">
<a-pagination <Pagination
:total="pageInfo.total" :total="pageInfo.total"
size="mini" size="small"
show-total :showTotal="(total, range) => `共 ${total} 条`"
show-jumper showSizeChanger
show-page-size showQuickJumper
:current="pageInfo.page" :current="pageInfo.page"
:page-size="pageInfo.page_size" :pageSize="pageInfo.page_size"
@change="onPageChange" @change="onPageChange"
@page-size-change="onPageSizeChange"
/> />
</div> </div>
</div> </div>
@ -27,7 +26,7 @@
</template> </template>
<script lang="jsx" setup> <script lang="jsx" setup>
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import { Button, Pagination } from '@arco-design/web-vue'; import { Button, Pagination } from 'ant-design-vue';
import FilterBlock from './components/filter-block'; import FilterBlock from './components/filter-block';
import ManuscriptTable from './components/manuscript-table'; import ManuscriptTable from './components/manuscript-table';
import DeleteManuscriptModal from './components/manuscript-table/delete-manuscript-modal.vue'; import DeleteManuscriptModal from './components/manuscript-table/delete-manuscript-modal.vue';
@ -36,13 +35,10 @@ import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPa
import { getWorksPage } from '@/api/all/generationWorkshop.ts'; import { getWorksPage } from '@/api/all/generationWorkshop.ts';
import { INITIAL_QUERY, EnumCheckStatus } from '@/views/material-center/components/finished-products/manuscript/list/constants.ts'; import { INITIAL_QUERY, EnumCheckStatus } from '@/views/material-center/components/finished-products/manuscript/list/constants.ts';
const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } = useTableSelectionWithPagination({ const { dataSource, pageInfo, onPageChange, resetPageInfo } = useTableSelectionWithPagination({
onPageChange: () => { onPageChange: () => {
getData(); getData();
}, },
onPageSizeChange: () => {
getData();
},
}); });
const query = ref(cloneDeep(INITIAL_QUERY)); const query = ref(cloneDeep(INITIAL_QUERY));
const addManuscriptModalRef = ref(null); const addManuscriptModalRef = ref(null);

17
src/views/material-center/components/raw-material/index.vue
View File

@ -1,6 +1,6 @@
<script lang="tsx"> <script lang="tsx">
import { provide } from 'vue'; import { provide } from 'vue';
import { Tabs, TabPane, Button } from 'ant-design-vue'; import { Tabs, TabPane, Button, Pagination } from 'ant-design-vue';
import { TABS_LIST, RawMaterialType, INITIAL_QUERY, TABLE_COLUMNS } from './constants'; import { TABS_LIST, RawMaterialType, INITIAL_QUERY, TABLE_COLUMNS } from './constants';
import FilterBlock from './components/filter-block/index.vue'; import FilterBlock from './components/filter-block/index.vue';
import RawMaterialTable from './components/table/index.vue'; import RawMaterialTable from './components/table/index.vue';
@ -16,7 +16,6 @@ export default defineComponent({
pageInfo, pageInfo,
rowSelection, rowSelection,
onPageChange, onPageChange,
onPageSizeChange,
selectedRowKeys, selectedRowKeys,
selectedRows, selectedRows,
handleSelect, handleSelect,
@ -26,9 +25,6 @@ export default defineComponent({
onPageChange: () => { onPageChange: () => {
getData(); getData();
}, },
onPageSizeChange: () => {
getData();
},
}); });
const deleteRawMaterialModalRef = ref(null); const deleteRawMaterialModalRef = ref(null);
@ -130,16 +126,15 @@ export default defineComponent({
/> />
{pageInfo.value.total > 0 && ( {pageInfo.value.total > 0 && (
<div class="pagination-row"> <div class="pagination-row">
<a-pagination <Pagination
total={pageInfo.value.total} total={pageInfo.value.total}
size="mini" size="small"
show-total showTotal={(total: number) => `共 ${total} 条记录`}
show-jumper showSizeChanger
show-page-size showQuickJumper
current={pageInfo.value.page} current={pageInfo.value.page}
pageSize={pageInfo.value.page_size} pageSize={pageInfo.value.page_size}
onChange={onPageChange} onChange={onPageChange}
onPageSizeChange={onPageSizeChange}
/> />
</div> </div>
)} )}

23
src/views/property-marketing/brands/brand-materials/index.vue
View File

@ -108,16 +108,16 @@
</Table> </Table>
<div class="pagination-row"> <div class="pagination-row">
<a-pagination <Pagination
:total="pageInfo.total" :total="pageInfo.total"
size="mini" size="small"
show-total :showTotal="(total, range) => `共 ${total} 条`"
show-jumper showSizeChanger
show-page-size showQuickJumper
:current="pageInfo.page" :current="pageInfo.page"
:page-size="pageInfo.pageSize" :pageSize="pageInfo.pageSize"
@change="onPageChange" @change="onPageChange"
@page-size-change="onPageSizeChange" :hideOnSinglePage="false"
/> />
</div> </div>
</div> </div>
@ -128,7 +128,7 @@
import { ref, computed, reactive, onMounted } from 'vue'; import { ref, computed, reactive, onMounted } from 'vue';
import { Message } from '@arco-design/web-vue'; import { Message } from '@arco-design/web-vue';
import { IconDelete } from '@arco-design/web-vue/es/icon'; import { IconDelete } from '@arco-design/web-vue/es/icon';
import { Button, Modal, Space, Form, FormItem, Input, Table } from 'ant-design-vue'; import { Button, Modal, Space, Form, FormItem, Pagination, Input, Table } from 'ant-design-vue';
const { TextArea } = Input; const { TextArea } = Input;
import { import {
@ -199,15 +199,12 @@ const handleReset = () => {
reload(); reload();
}; };
const onPageChange = (current) => { const onPageChange = (current, pageSize) => {
pageInfo.page = current; pageInfo.page = current;
pageInfo.pageSize = pageSize;
handleSearch(); handleSearch();
}; };
const onPageSizeChange = (pageSize) => {
pageInfo.pageSize = pageSize;
reload();
};
const deleteBrand = (id) => { const deleteBrand = (id) => {
console.log(id, 'id'); console.log(id, 'id');
deleteMaterials(id).then(() => { deleteMaterials(id).then(() => {

21
src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
View File

@ -53,16 +53,15 @@
/> />
</Table> </Table>
<div class="pagination-row"> <div class="pagination-row">
<a-pagination <Pagination
:total="pageInfo.total" :total="pageInfo.total"
size="mini" size="small"
show-total :showTotal="(total, range) => `共 ${total} 条`"
show-jumper showSizeChanger
show-page-size showQuickJumper
:current="pageInfo.page" :current="pageInfo.page"
:page-size="pageInfo.pageSize" :pageSize="pageInfo.pageSize"
@change="onPageChange" @change="onPageChange"
@page-size-change="onPageSizeChange"
/> />
</div> </div>
</div> </div>
@ -71,7 +70,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { reactive, ref } from 'vue'; import { reactive, ref } from 'vue';
import { Button, Input, Space, Table } from 'ant-design-vue'; import { Button, Input, Space, Table, Pagination } from 'ant-design-vue';
const pageInfo = reactive({ const pageInfo = reactive({
page: 1, page: 1,
@ -86,10 +85,12 @@ const listResult = reactive({
data: [], data: [],
total: 0, total: 0,
}); });
const onPageSizeChange = () => {};
const tableData = ref([]); const tableData = ref([]);
const handleChange = () => {}; const handleChange = () => {};
const onPageChange = () => {}; const onPageChange = (page: number, pageSize:number) => {
pageInfo.page = page;
pageInfo.pageSize = pageSize;
};
const columns = [ const columns = [
{ {
title: '服务/产品', title: '服务/产品',

20
src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
View File

@ -83,16 +83,15 @@
/> />
</Table> </Table>
<div class="pagination-row"> <div class="pagination-row">
<a-pagination <Pagination
:total="pageInfo.total" :total="pageInfo.total"
size="mini" size="small"
show-total :showTotal="(total, range) => `共 ${total} 条`"
show-jumper showSizeChanger
show-page-size showQuickJumper
:current="pageInfo.page" :current="pageInfo.page"
:page-size="pageInfo.pageSize" :pageSize="pageInfo.pageSize"
@change="onPageChange" @change="onPageChange"
@page-size-change="onPageSizeChange"
/> />
</div> </div>
</div> </div>
@ -100,7 +99,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { Button, Input, Space, Table } from 'ant-design-vue'; import { Button, Input, Space, Pagination, Table } from 'ant-design-vue';
import { reactive, ref } from 'vue'; import { reactive, ref } from 'vue';
const pageInfo = reactive({ const pageInfo = reactive({
@ -113,7 +112,10 @@ const query = reactive({
}); });
const handleChange = () => {}; const handleChange = () => {};
const onPageChange = () => {}; const onPageChange = (page: number, pageSize:number) => {
pageInfo.page = page;
pageInfo.pageSize = pageSize;
};
const onPageSizeChange = () => {}; const onPageSizeChange = () => {};
const tableData = ref([]); const tableData = ref([]);

18
src/views/property-marketing/media-account/account-dashboard/index.vue
View File

@ -40,16 +40,15 @@
@sorterChange="handleSorterChange" @sorterChange="handleSorterChange"
/> />
<div v-if="pageInfo.total > 0" class="pagination-row"> <div v-if="pageInfo.total > 0" class="pagination-row">
<a-pagination <Pagination
:total="pageInfo.total" :total="pageInfo.total"
size="mini" size="small"
show-total :showTotal="(total, range) => `共 ${total} 条`"
show-jumper showSizeChanger
show-page-size showQuickJumper
:current="pageInfo.page" :current="pageInfo.page"
:page-size="pageInfo.page_size" :pageSize="pageInfo.page_size"
@change="onPageChange" @change="onPageChange"
@page-size-change="onPageSizeChange"
/> />
</div> </div>
</div> </div>
@ -60,7 +59,7 @@
import FilterBlock from './components/filter-block'; import FilterBlock from './components/filter-block';
import AccountTable from './components/account-table'; import AccountTable from './components/account-table';
import { Tooltip } from 'ant-design-vue'; import { Tooltip, Pagination } from 'ant-design-vue';
import { getAccountBoardOverview, getAccountBoardList, postAccountBoardExport } from '@/api/all/propertyMarketing'; import { getAccountBoardOverview, getAccountBoardList, postAccountBoardExport } from '@/api/all/propertyMarketing';
import { formatNumberShow } from '@/utils/tools'; import { formatNumberShow } from '@/utils/tools';
import { INITIAL_QUERY, CARD_FIELDS } from './constants'; import { INITIAL_QUERY, CARD_FIELDS } from './constants';
@ -100,8 +99,9 @@ const getData = async () => {
} }
}; };
const onPageChange = (current) => { const onPageChange = (current, pageSize) => {
pageInfo.value.page = current; pageInfo.value.page = current;
pageInfo.value.page_size = pageSize;
getData(); getData();
}; };

18
src/views/property-marketing/media-account/account-detail/components/note-table/index.vue
View File

@ -90,23 +90,22 @@
</template> </template>
</Table> </Table>
<div v-if="pageInfo.total > 0" class="pagination-row mb-24px"> <div v-if="pageInfo.total > 0" class="pagination-row mb-24px">
<a-pagination <Pagination
:total="pageInfo.total" :total="pageInfo.total"
size="mini" size="small"
show-total :showTotal="(total, range) => `共 ${total} 条`"
show-jumper showSizeChanger
show-page-size showQuickJumper
:current="pageInfo.page" :current="pageInfo.page"
:page-size="pageInfo.page_size" :pageSize="pageInfo.page_size"
@change="onPageChange" @change="onPageChange"
@page-size-change="onPageSizeChange"
/> />
</div> </div>
</div> </div>
</template> </template>
<script setup> <script setup>
import { Button, Input, Tooltip, Table } from 'ant-design-vue'; import { Button, Input, Tooltip, Table, Pagination } from 'ant-design-vue';
import { TABLE_COLUMNS, INITIAL_QUERY, INITIAL_PAGE_INFO } from './constants'; import { TABLE_COLUMNS, INITIAL_QUERY, INITIAL_PAGE_INFO } from './constants';
import { useRoute } from 'vue-router'; import { useRoute } from 'vue-router';
import { formatTableField, exactFormatTime, formatNumberShow } from '@/utils/tools'; import { formatTableField, exactFormatTime, formatNumberShow } from '@/utils/tools';
@ -141,8 +140,9 @@ const onDateChange = (value) => {
handleSearch(); handleSearch();
}; };
const onPageChange = (current) => { const onPageChange = (current, pageSize) => {
pageInfo.value.page = current; pageInfo.value.page = current;
pageInfo.value.page_size = pageSize;
getData(); getData();
}; };

34
src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
View File

@ -40,11 +40,13 @@
class="h-500px" class="h-500px"
:pagination="false" :pagination="false"
:showSorterTooltip="false" :showSorterTooltip="false"
@change="(pagination, filters, sorter) => { @change="
(pagination, filters, sorter) => {
if (sorter && sorter.columnKey) { if (sorter && sorter.columnKey) {
handleSorterChange(sorter.columnKey, sorter.order); handleSorterChange(sorter.columnKey, sorter.order);
} }
}" }
"
> >
<Table.Column title="分组名称" dataIndex="name" /> <Table.Column title="分组名称" dataIndex="name" />
<Table.Column title="创建人" dataIndex="creator"> <Table.Column title="创建人" dataIndex="creator">
@ -52,13 +54,7 @@
{{ record.creator?.name || '-' }} {{ record.creator?.name || '-' }}
</template> </template>
</Table.Column> </Table.Column>
<Table.Column <Table.Column title="创建日期" dataIndex="created_at" :width="160" key="created_at" :sorter="true">
title="创建日期"
dataIndex="created_at"
:width="160"
key="created_at"
:sorter="true"
>
<template #customRender="{ record }"> <template #customRender="{ record }">
{{ exactFormatTime(record.created_at) }} {{ exactFormatTime(record.created_at) }}
</template> </template>
@ -84,16 +80,15 @@
</template> </template>
</Table> </Table>
<div v-if="pageInfo.total > 0" class="pagination-row flex justify-end"> <div v-if="pageInfo.total > 0" class="pagination-row flex justify-end">
<a-pagination <Pagination
:total="pageInfo.total" :total="pageInfo.total"
size="mini" size="small"
show-total :showTotal="(total, range) => `共 ${total} 条`"
show-jumper showSizeChanger
show-page-size showQuickJumper
:current="pageInfo.page" :current="pageInfo.page"
:page-size="pageInfo.pageSize" :pageSize="pageInfo.pageSize"
@change="onPageChange" @change="onPageChange"
@page-size-change="onPageSizeChange"
/> />
</div> </div>
@ -104,7 +99,7 @@
<script setup> <script setup>
import { ref, reactive, onMounted } from 'vue'; import { ref, reactive, onMounted } from 'vue';
import { Button, Input, Modal, Space, Table } from 'ant-design-vue'; import { Button, Input, Modal, Space, Table, Pagination } from 'ant-design-vue';
import { getAccountGroup } from '@/api/all/propertyMarketing'; import { getAccountGroup } from '@/api/all/propertyMarketing';
import { exactFormatTime } from '@/utils/tools'; import { exactFormatTime } from '@/utils/tools';
@ -139,8 +134,6 @@ const loading = ref(false);
const query = ref(cloneDeep(INITIAL_QUERY)); const query = ref(cloneDeep(INITIAL_QUERY));
const pageInfo = ref(cloneDeep(INITIAL_PAGE_INFO)); const pageInfo = ref(cloneDeep(INITIAL_PAGE_INFO));
function open() { function open() {
visible.value = true; visible.value = true;
getData(); getData();
@ -195,8 +188,9 @@ const reload = () => {
getData(); getData();
}; };
const onPageChange = (current) => { const onPageChange = (current, pageSize) => {
pageInfo.value.page = current; pageInfo.value.page = current;
pageInfo.value.pageSize = pageSize;
getData(); getData();
}; };
const onPageSizeChange = (pageSize) => { const onPageSizeChange = (pageSize) => {

21
src/views/property-marketing/media-account/account-manage/index.vue
View File

@ -92,17 +92,16 @@
<NoData v-else /> <NoData v-else />
<div v-if="pageInfo.total > 0" class="pagination-row"> <div v-if="pageInfo.total > 0" class="pagination-row">
<a-pagination <Pagination
:total="pageInfo.total" :total="pageInfo.total"
size="mini" size="small"
show-total :showTotal="(total, range) => `共 ${total} 条`"
show-jumper showSizeChanger
show-page-size showQuickJumper
:page-size-options="[8, 16, 20, 32, 64]"
:current="pageInfo.page" :current="pageInfo.page"
:page-size="pageInfo.pageSize" :pageSize="pageInfo.pageSize"
:pageSizeOptions="['8', '16', '20', '32', '64']"
@change="onPageChange" @change="onPageChange"
@page-size-change="onPageSizeChange"
/> />
</div> </div>
</div> </div>
@ -120,7 +119,7 @@
<script setup> <script setup>
import { ref, provide } from 'vue'; import { ref, provide } from 'vue';
import { Notification } from '@arco-design/web-vue'; import { Notification } from '@arco-design/web-vue';
import { Checkbox, Button, Space } from 'ant-design-vue'; import { Checkbox, Button, Space, Pagination } from 'ant-design-vue';
import FilterBlock from './components/filter-block'; import FilterBlock from './components/filter-block';
import AccountTable from './components/account-table'; import AccountTable from './components/account-table';
@ -241,8 +240,10 @@ const handleReset = () => {
reload(); reload();
}; };
const onPageChange = (current) => { const onPageChange = (current, pageSize) => {
pageInfo.value.page = current; pageInfo.value.page = current;
pageInfo.value.pageSize = pageSize;
getData(); getData();
}; };
const onPageSizeChange = (pageSize) => { const onPageSizeChange = (pageSize) => {

2
src/views/property-marketing/project-manage/project-list/components/project-table/constants.ts
View File

@ -41,7 +41,7 @@ export const TABLE_COLUMNS = [
{ {
title: '操作', title: '操作',
dataIndex: 'operation', dataIndex: 'operation',
width: 100, width: 120,
fixed: 'right', fixed: 'right',
}, },
]; ];

18
src/views/property-marketing/project-manage/project-list/index.vue
View File

@ -22,16 +22,15 @@
@edit="handleEdit" @edit="handleEdit"
/> />
<div v-if="pageInfo.total > 0" class="pagination-row"> <div v-if="pageInfo.total > 0" class="pagination-row">
<a-pagination <Pagination
:total="pageInfo.total" :total="pageInfo.total"
size="mini" size="small"
show-total :showTotal="(total, range) => `共 ${total} 条`"
show-jumper showSizeChanger
show-page-size showQuickJumper
:current="pageInfo.page" :current="pageInfo.page"
:page-size="pageInfo.page_size" :pageSize="pageInfo.page_size"
@change="onPageChange" @change="onPageChange"
@page-size-change="onPageSizeChange"
/> />
</div> </div>
</div> </div>
@ -43,7 +42,7 @@
<script setup> <script setup>
import { INITIAL_QUERY } from './constants'; import { INITIAL_QUERY } from './constants';
import { Button } from 'ant-design-vue'; import { Button, Pagination } from 'ant-design-vue';
import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination'; import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
import { getProjects } from '@/api/all/propertyMarketing'; import { getProjects } from '@/api/all/propertyMarketing';
@ -56,9 +55,6 @@ const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } =
onPageChange: () => { onPageChange: () => {
getData(); getData();
}, },
onPageSizeChange: () => {
getData();
},
}); });
const addProjectModalRef = ref(null); const addProjectModalRef = ref(null);

19
src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
View File

@ -76,16 +76,15 @@
</template> </template>
</Table> </Table>
<div v-if="pageInfo.total > 0" class="pagination-row flex justify-end"> <div v-if="pageInfo.total > 0" class="pagination-row flex justify-end">
<a-pagination <Pagination
:total="pageInfo.total" :total="pageInfo.total"
size="mini" size="small"
show-total :showTotal="(total, range) => `共 ${total} 条`"
show-jumper showSizeChanger
show-page-size showQuickJumper
:current="pageInfo.page" :current="pageInfo.page"
:page-size="pageInfo.pageSize" :pageSize="pageInfo.pageSize"
@change="onPageChange" @change="onPageChange"
@page-size-change="onPageSizeChange"
/> />
</div> </div>
@ -96,7 +95,7 @@
<script setup> <script setup>
import { ref, reactive, onMounted } from 'vue'; import { ref, reactive, onMounted } from 'vue';
import { Button, Modal, Input, Space, Table } from 'ant-design-vue'; import { Button, Modal, Pagination, Input, Space, Table } from 'ant-design-vue';
import { getPlacementAccountProjectGroups } from '@/api/all/propertyMarketing'; import { getPlacementAccountProjectGroups } from '@/api/all/propertyMarketing';
import { exactFormatTime } from '@/utils/tools'; import { exactFormatTime } from '@/utils/tools';
const { Column } = Table; const { Column } = Table;
@ -208,8 +207,10 @@ const handleSearch = () => {
reload(); reload();
}; };
const onPageChange = (current) => { const onPageChange = (current, pageSize) => {
pageInfo.value.page = current; pageInfo.value.page = current;
pageInfo.value.pageSize = pageSize;
getData(); getData();
}; };
const onPageSizeChange = (pageSize) => { const onPageSizeChange = (pageSize) => {

18
src/views/property-marketing/put-account/account-data/index.vue
View File

@ -35,16 +35,15 @@
@selectionChange="handleSelectionChange" @selectionChange="handleSelectionChange"
/> />
<div v-if="pageInfo.total > 0" class="pagination-row"> <div v-if="pageInfo.total > 0" class="pagination-row">
<a-pagination <Pagination
:total="pageInfo.total" :total="pageInfo.total"
size="mini" size="small"
show-total :showTotal="(total, range) => `共 ${total} 条`"
show-jumper showSizeChanger
show-page-size showQuickJumper
:current="pageInfo.page" :current="pageInfo.page"
:page-size="pageInfo.page_size" :pageSize="pageInfo.page_size"
@change="onPageChange" @change="onPageChange"
@page-size-change="onPageSizeChange"
/> />
</div> </div>
</div> </div>
@ -54,7 +53,7 @@
</template> </template>
<script setup> <script setup>
import { Button, Tabs } from 'ant-design-vue'; import { Button, Tabs, Pagination } from 'ant-design-vue';
const { TabPane } = Tabs; const { TabPane } = Tabs;
import FilterBlock from './components/filter-block'; import FilterBlock from './components/filter-block';
import BoardTable from './components/board-table'; import BoardTable from './components/board-table';
@ -113,8 +112,9 @@ const getData = async () => {
} }
}; };
const onPageChange = (current) => { const onPageChange = (current, pageSize) => {
pageInfo.value.page = current; pageInfo.value.page = current;
pageInfo.value.page_size = pageSize;
getData(); getData();
}; };

19
src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
View File

@ -83,16 +83,15 @@
</template> </template>
</Table> </Table>
<div v-if="pageInfo.total > 0" class="flex justify-end mt-16px"> <div v-if="pageInfo.total > 0" class="flex justify-end mt-16px">
<a-pagination <Pagination
:total="pageInfo.total" :total="pageInfo.total"
size="mini" size="small"
show-total :showTotal="(total, range) => `共 ${total} 条`"
show-jumper showSizeChanger
show-page-size showQuickJumper
:current="pageInfo.page" :current="pageInfo.page"
:page-size="pageInfo.page_size" :pageSize="pageInfo.page_size"
@change="onPageChange" @change="onPageChange"
@page-size-change="onPageSizeChange"
/> />
</div> </div>
<template #footer> <template #footer>
@ -110,7 +109,7 @@
</template> </template>
<script setup> <script setup>
import { Button, Input, Modal, Table, Tooltip } from 'ant-design-vue'; import { Button, Pagination, Input, Modal, Table, Tooltip } from 'ant-design-vue';
import { INITIAL_FORM, INITIAL_PAGE_INFO, TABLE_COLUMNS } from './constants'; import { INITIAL_FORM, INITIAL_PAGE_INFO, TABLE_COLUMNS } from './constants';
import { formatTableField } from '@/utils/tools'; import { formatTableField } from '@/utils/tools';
import { postSubAccount, postAddSubAccount } from '@/api/all/propertyMarketing'; import { postSubAccount, postAddSubAccount } from '@/api/all/propertyMarketing';
@ -132,7 +131,6 @@ const {
dataSource, dataSource,
pageInfo, pageInfo,
onPageChange, onPageChange,
onPageSizeChange,
rowSelection, rowSelection,
handleSelect, handleSelect,
handleSelectAll, handleSelectAll,
@ -141,9 +139,6 @@ const {
onPageChange: () => { onPageChange: () => {
getData(); getData();
}, },
onPageSizeChange: () => {
getData();
},
}); });
const open = (formData) => { const open = (formData) => {

20
src/views/property-marketing/put-account/account-manage/index.vue
View File

@ -71,17 +71,16 @@
<NoData v-else /> <NoData v-else />
<div v-if="pageInfo.total > 0" class="pagination-row"> <div v-if="pageInfo.total > 0" class="pagination-row">
<a-pagination <Pagination
:total="pageInfo.total" :total="pageInfo.total"
size="mini" size="small"
show-total :showTotal="(total, range) => `共 ${total} 条`"
show-jumper showSizeChanger
show-page-size showQuickJumper
:page-size-options="[8, 16, 20, 32, 64]"
:current="pageInfo.page" :current="pageInfo.page"
:page-size="pageInfo.page_size" :pageSizeOptions="['8', '16', '20', '32', '64']"
:pageSize="pageInfo.page_size"
@change="onPageChange" @change="onPageChange"
@page-size-change="onPageSizeChange"
/> />
</div> </div>
</div> </div>
@ -93,7 +92,7 @@
<script setup> <script setup>
import { ref } from 'vue'; import { ref } from 'vue';
import { Checkbox, Button, Space } from 'ant-design-vue'; import { Checkbox, Button, Space, Pagination } from 'ant-design-vue';
import FilterBlock from './components/filter-block'; import FilterBlock from './components/filter-block';
import AccountTable from './components/account-table'; import AccountTable from './components/account-table';
@ -200,8 +199,9 @@ const handleReset = () => {
reload(); reload();
}; };
const onPageChange = (current) => { const onPageChange = (current, pageSize) => {
pageInfo.value.page = current; pageInfo.value.page = current;
pageInfo.value.page_size = pageSize;
getData(); getData();
}; };
const onPageSizeChange = (pageSize) => { const onPageSizeChange = (pageSize) => {

18
src/views/property-marketing/put-account/investment-guidelines/index.vue
View File

@ -31,16 +31,15 @@
<a-spin v-if="loading" tip="AI分析中" /> <a-spin v-if="loading" tip="AI分析中" />
<div v-if="listData.total > 0" class="pagination-box flex justify-end ignore-export"> <div v-if="listData.total > 0" class="pagination-box flex justify-end ignore-export">
<a-pagination <Pagination
:total="listData.total" :total="listData.total"
size="mini" size="small"
show-total :showTotal="(total: number) => `共 ${total} 条`"
show-jumper showSizeChanger
show-page-size showQuickJumper
:current="query.page" :current="query.page"
:page-size="query.pageSize" :pageSize="query.page_size"
@change="onPageChange" @change="onPageChange"
@page-size-change="onPageSizeChange"
/> />
</div> </div>
</div> </div>
@ -73,7 +72,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { reactive, ref } from 'vue'; import { reactive, ref } from 'vue';
import { Button, Tabs, Space } from 'ant-design-vue'; import { Button, Tabs, Space, Pagination } from 'ant-design-vue';
const { TabPane } = Tabs; const { TabPane } = Tabs;
import PlacementGuideList from './components/table-data/placementGuideList.vue'; import PlacementGuideList from './components/table-data/placementGuideList.vue';
import listSearchForm from './components/table-data/listSearchForm.vue'; import listSearchForm from './components/table-data/listSearchForm.vue';
@ -106,8 +105,9 @@ const query = reactive({
const currentComponent = computed(() => { const currentComponent = computed(() => {
return tabData.value === 'placement_guide' ? PlacementGuideList : GuideListHistory; return tabData.value === 'placement_guide' ? PlacementGuideList : GuideListHistory;
}); });
const onPageChange = (current) => { const onPageChange = (current: number, pageSize: number) => {
query.page = current; query.page = current;
query.page_size = pageSize;
onSearch(); onSearch();
}; };
const onPageSizeChange = (pageSize) => { const onPageSizeChange = (pageSize) => {

19
src/views/writer-material-center/components/finished-products/manuscript/check-list/index.vue
View File

@ -44,16 +44,15 @@
@selectAll="handleSelectAll" @selectAll="handleSelectAll"
/> />
<div v-if="pageInfo.total > 0" class="pagination-row"> <div v-if="pageInfo.total > 0" class="pagination-row">
<a-pagination <Pagination
:total="pageInfo.total" :total="pageInfo.total"
size="mini" size="small"
show-total :showTotal="(total, range) => `共 ${total} 条`"
show-jumper showSizeChanger
show-page-size showQuickJumper
:current="pageInfo.page" :current="pageInfo.page"
:page-size="pageInfo.page_size" :pageSize="pageInfo.page_size"
@change="onPageChange" @change="onPageChange"
@page-size-change="onPageSizeChange"
/> />
</div> </div>
</div> </div>
@ -63,7 +62,7 @@
</template> </template>
<script lang="jsx" setup> <script lang="jsx" setup>
import { provide } from 'vue'; import { provide } from 'vue';
import { Button } from 'ant-design-vue'; import { Button, Pagination } from 'ant-design-vue';
import { Message as AMessage } from '@arco-design/web-vue'; import { Message as AMessage } from '@arco-design/web-vue';
import FilterBlock from './components/filter-block'; import FilterBlock from './components/filter-block';
import ManuscriptCheckTable from './components/manuscript-check-table'; import ManuscriptCheckTable from './components/manuscript-check-table';
@ -88,7 +87,6 @@ const {
pageInfo, pageInfo,
rowSelection, rowSelection,
onPageChange, onPageChange,
onPageSizeChange,
resetPageInfo, resetPageInfo,
selectedRowKeys, selectedRowKeys,
selectedRows, selectedRows,
@ -99,9 +97,6 @@ const {
onPageChange: () => { onPageChange: () => {
getData(); getData();
}, },
onPageSizeChange: () => {
getData();
},
}); });
const router = useRouter(); const router = useRouter();
const route = useRoute(); const route = useRoute();

19
src/views/writer-material-center/components/finished-products/manuscript/list/index.vue
View File

@ -6,16 +6,15 @@
<div class="table-wrap bg-#fff rounded-8px px-24px py-24px flex flex-col"> <div class="table-wrap bg-#fff rounded-8px px-24px py-24px flex flex-col">
<ManuscriptTable :dataSource="dataSource" @sorterChange="handleSorterChange" @delete="handleDelete" /> <ManuscriptTable :dataSource="dataSource" @sorterChange="handleSorterChange" @delete="handleDelete" />
<div v-if="pageInfo.total > 0" class="pagination-row"> <div v-if="pageInfo.total > 0" class="pagination-row">
<a-pagination <Pagination
:total="pageInfo.total" :total="pageInfo.total"
size="mini" size="small"
show-total :showTotal="(total, range) => `共 ${total} 条`"
show-jumper showSizeChanger
show-page-size showQuickJumper
:current="pageInfo.page" :current="pageInfo.page"
:page-size="pageInfo.page_size" :pageSize="pageInfo.page_size"
@change="onPageChange" @change="onPageChange"
@page-size-change="onPageSizeChange"
/> />
</div> </div>
</div> </div>
@ -24,6 +23,7 @@
</div> </div>
</template> </template>
<script lang="jsx" setup> <script lang="jsx" setup>
import { Pagination } from 'ant-design-vue';
import FilterBlock from './components/filter-block'; import FilterBlock from './components/filter-block';
import ManuscriptTable from './components/manuscript-table'; import ManuscriptTable from './components/manuscript-table';
import DeleteManuscriptModal from './components/manuscript-table/delete-manuscript-modal.vue'; import DeleteManuscriptModal from './components/manuscript-table/delete-manuscript-modal.vue';
@ -32,13 +32,10 @@ import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPa
import { getWorksPageWriter } from '@/api/all/generationWorkshop-writer.ts'; import { getWorksPageWriter } from '@/api/all/generationWorkshop-writer.ts';
import { INITIAL_QUERY } from '@/views/writer-material-center/components/finished-products/manuscript/list/constants.ts'; import { INITIAL_QUERY } from '@/views/writer-material-center/components/finished-products/manuscript/list/constants.ts';
const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } = useTableSelectionWithPagination({ const { dataSource, pageInfo, onPageChange, resetPageInfo } = useTableSelectionWithPagination({
onPageChange: () => { onPageChange: () => {
getData(); getData();
}, },
onPageSizeChange: () => {
getData();
},
}); });
const route = useRoute(); const route = useRoute();
const query = ref(cloneDeep(INITIAL_QUERY)); const query = ref(cloneDeep(INITIAL_QUERY));