优化分页器切换

src/components/from/index.vue

@@ -54,7 +54,7 @@
 </template>
 
 <script>
-import { reactive } from "vue";
+import { reactive, onBeforeMount,watchEffect } from "vue";
 
 export default {
   props: {
@@ -83,14 +83,17 @@ export default {
       // 表单项的初始值
     });
     
-    props.formItems.forEach(item => {
-      console.log('item', item)
-      if (item.defaultVal) {
-        Object.assign(form, {
-          [item.prop]: item.defaultVal
-        })
-      }
-    })
+    function initFormDefaults() {
+      props.formItems.forEach(item => {
+        console.log('item', item)
+        if (item.defaultVal) {
+          Object.assign(form, {
+            [item.prop]: item.defaultVal
+          })
+        }
+      })
+    }
+    
     function submitForm() {
       // 执行搜索逻辑
       // 可以通过 form 获取表单数据进行搜索操作
@@ -118,6 +121,14 @@ export default {
       emit('addForm')
     }
 
+    onBeforeMount(() => {
+      initFormDefaults()
+    })
+
+    watchEffect(() => {
+      initFormDefaults()
+    })
+
     return {
       form,
       submitForm,

src/views/main/formworkErection/adPlatformAdmin.vue

@@ -188,12 +188,12 @@
     page.total = res.pageMeta.total;
   };
 
-  const changeTableData = () => {
-    formSearch.value.page = page.pageNum;
+  const changeTableData = (type) => {
+    formSearch.value.page = type ? 1 : page.pageNum;
     formSearch.value.limit = page.pageSize;
     // 分页切换
     getList();
-  };
+};
 
   // 搜索
   const handleFormSubmitted = (formData) => {

src/views/main/formworkErection/adSourceAdmin.vue

@@ -191,8 +191,8 @@ const getList = async () => {
     page.total = res.pageMeta.total;
 };
 
-const changeTableData = () => {
-    formSearch.value.page = page.pageNum;
+const changeTableData = (type) => {
+    formSearch.value.page = type ? 1 : page.pageNum;
     formSearch.value.limit = page.pageSize;
     // 分页切换
     getList();

src/views/main/formworkErection/placementAdmin.vue

@@ -206,11 +206,11 @@ const getList = async () => {
   page.total = res.pageMeta.total;
 };
 
-const changeTableData = () => {
-  formSearch.value.page = page.pageNum;
-  formSearch.value.limit = page.pageSize;
-  // 分页切换
-  getList();
+const changeTableData = (type) => {
+    formSearch.value.page = type ? 1 : page.pageNum;
+    formSearch.value.limit = page.pageSize;
+    // 分页切换
+    getList();
 };
 
 // 搜索

src/views/main/outBagModule/appAdmin.vue

@@ -212,11 +212,11 @@ const getList = async () => {
   page.total = res.pageMeta.total;
 };
 
-const changeTableData = () => {
-  formSearch.value.page = page.pageNum;
-  formSearch.value.limit = page.pageSize;
-  // 分页切换
-  getList();
+const changeTableData = (type) => {
+    formSearch.value.page = type ? 1 : page.pageNum;
+    formSearch.value.limit = page.pageSize;
+    // 分页切换
+    getList();
 };
 
 

src/views/main/outBagModule/channelTypeAdmin.vue

@@ -101,11 +101,11 @@ const getList = async () => {
   page.total = res.pageMeta.total;
 };
 
-const changeTableData = () => {
-  formSearch.value.page = page.pageNum;
-  formSearch.value.limit = page.pageSize;
-  // 分页切换
-  getList();
+const changeTableData = (type) => {
+    formSearch.value.page = type ? 1 : page.pageNum;
+    formSearch.value.limit = page.pageSize;
+    // 分页切换
+    getList();
 };
 
 // 搜索

src/views/main/riskModule/riskControlConfig.vue

@@ -216,13 +216,12 @@
     page.total = res.pageMeta.total;
   };
 
-  const changeTableData = () => {
-    formSearch.value.page = page.pageNum;
-    formSearch.value.pageSizes = page.pageSize;
+  const changeTableData = (type) => {
+    formSearch.value.page = type ? 1 : page.pageNum;
     formSearch.value.limit = page.pageSize;
     // 分页切换
     getList();
-  };
+};
 
   // 搜索
   const handleFormSubmitted = (formData) => {

src/views/main/userModule/onlineList.vue

@@ -315,12 +315,12 @@
     // page.total = res.pageMeta.total;
   }
 
-  const changeTableData = () => {
-    formSearch.value.pageNum = page.pageNum;
-    formSearch.value.pageSize = page.pageSize;
+  const changeTableData = (type) => {
+    formSearch.value.page = type ? 1 : page.pageNum;
+    formSearch.value.limit = page.pageSize;
     // 分页切换
     getList();
-  };
+};
 
   // 搜索
   const handleFormSubmitted = (formData) => {

src/views/main/userModule/relieveLogsList.vue

@@ -156,12 +156,12 @@
     page.total = res.pageMeta.total;
   };
 
-  const changeTableData = () => {
-    formSearch.value.page = page.pageNum;
+  const changeTableData = (type) => {
+    formSearch.value.page = type ? 1 : page.pageNum;
     formSearch.value.limit = page.pageSize;
     // 分页切换
     getList();
-  };
+};
 
   // 搜索
   const handleFormSubmitted = (formData) => {

src/views/main/userModule/riskLogsList.vue

@@ -149,13 +149,12 @@
     page.total = res.pageMeta.total;
   };
 
-  const changeTableData = () => {
-    formSearch.value.page = page.pageNum;
+  const changeTableData = (type) => {
+    formSearch.value.page = type ? 1 : page.pageNum;
     formSearch.value.limit = page.pageSize;
-
     // 分页切换
     getList();
-  };
+};
 
   // 搜索
   const handleFormSubmitted = (formData) => {