feat: 调整分页器

package.json

@@ -11,7 +11,8 @@
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "cleanup": "rimraf node_modules && rimraf pnpm-lock.yaml",
-    "prepare": "husky install"
+    "prepare": "husky install",
+    "postinstall": "patch-package"
   },
   "dependencies": {
     "@vueup/vue-quill": "^1.2.0",
@@ -26,6 +27,7 @@
     "mitt": "^3.0.1",
     "mockjs": "^1.1.0",
     "naive-ui": "^2.38.1",
+    "patch-package": "^8.0.0",
     "pinia": "^2.0.33",
     "qs": "^6.11.2",
     "sortablejs": "^1.15.1",

patches/naive-ui+2.38.1.patch

@@ -0,0 +1,13 @@
+diff --git a/node_modules/naive-ui/es/pagination/src/Pagination.mjs b/node_modules/naive-ui/es/pagination/src/Pagination.mjs
+index 5bd975b..e1c6ebc 100644
+--- a/node_modules/naive-ui/es/pagination/src/Pagination.mjs
++++ b/node_modules/naive-ui/es/pagination/src/Pagination.mjs
+@@ -702,7 +702,7 @@ export default defineComponent({
+             theme: mergedTheme.peers.Input,
+             themeOverrides: mergedTheme.peerOverrides.Input,
+             onChange: handleQuickJumperChange
+-          })) : null;
++          }),h('span',{},'页')) : null;
+         default:
+           return null;
+       }

src/views/final/comp/FilterModal.vue

@@ -107,6 +107,7 @@ const pagination = reactive({
       value: 50,
     },
   ],
+  showQuickJumper: true,
 });
 const tableData = ref<Array<RowData>>([]);
 const keyword = ref("");

src/views/final/comp/RepeatTaskTableModal.vue

@@ -121,6 +121,7 @@ const pagination = reactive({
       value: 50,
     },
   ],
+  showQuickJumper: true,
 })
 const tableData = ref<Array<RowData>>([])
 const selectionIds = ref<DataTableRowKey[]>([])

src/views/final/content/Content.vue

@@ -397,6 +397,7 @@ const pagination = reactive({
       value: 50,
     },
   ],
+  showQuickJumper: true,
 })
 const tableData = ref<Array<RowData>>([])
 const selectionIds = ref<DataTableRowKey[]>([])

src/views/home/aside/comp/AdvanceFilter.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { favorite, getConditionList, unfavorite } from "@/api/home/filter";
+import { favorite, getConditionList, unfavorite,sort } from "@/api/home/filter";
 import { asideMap } from "@/config/aside";
 import { useInfiniteScroll } from "@vueuse/core";
 import { debounce } from "lodash-es";

src/views/home/aside/comp/modals/FilterModal.vue

@@ -79,8 +79,9 @@ const pagination = reactive({
   page: 1,
   pageCount: 1,
   pageSize: 10,
-  showSizePicker:true,
+  showSizePicker: true,
   pageSizes: [
+
     {
       label: "10 每页",
       value: 10,
@@ -98,6 +99,7 @@ const pagination = reactive({
       value: 50,
     },
   ],
+  showQuickJumper: true,
 });
 const tableData = ref<Array<RowData>>([]);
 const keyword = ref("");
@@ -302,7 +304,7 @@ const inputHandler = debounce((word) => {
                 <SvgIcon size="14px" name="magnifying-1" color="#fff" />
               </template>
             </n-input>
-            <n-button type="info" style="background:#507AFD" @click="handleClick">
+            <n-button type="info" style="background: #507afd" @click="handleClick">
               创建
               <template #icon>
                 <img
@@ -323,7 +325,7 @@ const inputHandler = debounce((word) => {
               :pagination="pagination"
               :row-key="rowKey"
               @update:page="handlePageChange"
-@update-page-size="handlePageSizeChange"
+              @update-page-size="handlePageSizeChange"
               @update:checked-row-keys="handleCheck"
             />
           </div>