feat: 分页逻辑处理

This commit is contained in:
rd
2025-09-05 10:39:01 +08:00
parent 8b42a67e9f
commit 72dabf9a9e
18 changed files with 76 additions and 127 deletions

View File

@ -150,10 +150,6 @@ const props = defineProps({
type: Array,
default: () => [],
},
rowSelection: {
type: Object,
default: () => {},
},
selectedRowKeys: {
type: Array,
default: () => [],
@ -174,16 +170,10 @@ const handleTableChange = (pagination, filters, sorter) => {
const rowSelection = {
selectedRowKeys: computed(() => props.selectedRowKeys),
onSelect: (record, selected, selectedRows, nativeEvent) => {
console.log(selectedRows, record);
emits(
'select',
selectedRows.map((row) => row.id),
record.id,
record,
);
onSelect: (record, selected) => {
emits('select', record, selected);
},
onSelectAll: (selected, selectedRows, changeRows) => {
onSelectAll: (selected) => {
emits('selectAll', selected);
},
};

View File

@ -36,7 +36,6 @@
<ManuscriptCheckTable
:key="query.audit_status"
:tableColumns="tableColumns"
:rowSelection="rowSelection"
:selectedRowKeys="selectedRowKeys"
:dataSource="dataSource"
:audit_status="query.audit_status"
@ -85,14 +84,12 @@ const props = defineProps({
const {
dataSource,
pageInfo,
rowSelection,
onPageChange,
resetPageInfo,
selectedRowKeys,
selectedRows,
handleSelect,
handleSelectAll,
DEFAULT_PAGE_INFO,
} = useTableSelectionWithPagination({
onPageChange: () => {
getData();

View File

@ -24,8 +24,6 @@ export default {
dataSource,
pageInfo,
onPageChange,
onPageSizeChange,
rowSelection,
handleSelect,
handleSelectAll,
DEFAULT_PAGE_INFO,
@ -33,9 +31,6 @@ export default {
onPageChange: () => {
getData();
},
onPageSizeChange: () => {
getData();
},
});
const visible = ref(false);
const query = ref(cloneDeep(INITIAL_FORM));
@ -168,8 +163,8 @@ export default {
rowKey="id"
rowSelection={{
selectedRowKeys: selectedRowKeys.value,
onChange: (keys, rows) => handleSelect(keys, rows),
onSelectAll: (selected, rows, changeRows) => handleSelectAll(selected, rows, changeRows),
onSelect: handleSelect,
onSelectAll: handleSelectAll,
}}
pagination={false}
scroll={{ x: '100%', y: '100%' }}
@ -251,13 +246,12 @@ export default {
<Pagination
total={pageInfo.value.total}
size="small"
showTotal={(total, range) => `${total}记录`}
showTotal={(total, range) => `${total}`}
showQuickJumper
showSizeChanger
current={pageInfo.value.page}
pageSize={pageInfo.value.page_size}
onChange={onPageChange}
onShowSizeChange={onPageSizeChange}
/>
</div>
)}

View File

@ -34,7 +34,7 @@
}
.ant-table-body {
.ant-table-cell {
padding: 6px 16px;
padding: 6px 16px !important;
.ant-table-cell-content {
font-size: 12px;
line-height: 20px;

View File

@ -105,10 +105,6 @@ const props = defineProps({
type: Array,
default: () => [],
},
rowSelection: {
type: Object,
default: () => {},
},
selectedRowKeys: {
type: Array,
default: () => [],
@ -125,10 +121,10 @@ const handleTableChange = (pagination, filters, sorter) => {
const rowSelection = {
selectedRowKeys: computed(() => props.selectedRowKeys),
onSelect: (record, selected, selectedRows, nativeEvent) => {
emits('select', selectedRows.map(row => row.id), record.id, record);
onSelect: (record, selected) => {
emits('select', record, selected);
},
onSelectAll: (selected, selectedRows, changeRows) => {
onSelectAll: (selected) => {
emits('selectAll', selected);
},
};

View File

@ -14,7 +14,6 @@ export default defineComponent({
const {
dataSource,
pageInfo,
rowSelection,
onPageChange,
selectedRowKeys,
selectedRows,
@ -116,7 +115,6 @@ export default defineComponent({
<RawMaterialTable
tableColumns={TABLE_COLUMNS}
rowSelection={rowSelection}
selectedRowKeys={selectedRowKeys.value}
dataSource={dataSource.value}
onSorterChange={handleSorterChange}