feat: 更换Pagination组件

src/views/material-center/components/raw-material/index.vue

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