feat: 更换Pagination组件

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

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

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

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

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

@@ -8,16 +8,15 @@
     >
       <ManuscriptTable :dataSource="dataSource" @sorterChange="handleSorterChange" @delete="handleDelete" />
       <div v-if="pageInfo.total > 0" class="pagination-row">
-        <a-pagination
+        <Pagination
           :total="pageInfo.total"
-          size="mini"
-          show-total
-          show-jumper
-          show-page-size
+          size="small"
+          :showTotal="(total, range) => `共 ${total} 条`"
+          showSizeChanger
+          showQuickJumper
           :current="pageInfo.page"
-          :page-size="pageInfo.page_size"
+          :pageSize="pageInfo.page_size"
           @change="onPageChange"
-          @page-size-change="onPageSizeChange"
         />
       </div>
     </div>
@@ -27,7 +26,7 @@
 </template>
 <script lang="jsx" setup>
 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 ManuscriptTable from './components/manuscript-table';
 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 { 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: () => {
     getData();
   },
-  onPageSizeChange: () => {
-    getData();
-  },
 });
 const query = ref(cloneDeep(INITIAL_QUERY));
 const addManuscriptModalRef = ref(null);

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>
           )}