app/components/lazy-load/data-entry/MainList.vue

@@ -24,20 +24,24 @@ const props = defineProps({
     type: Array,
     default: () => [],
   },
-  pagination: {
-    type: Object,
-    default: () => {},
-  },
 });
 const emit = defineEmits(["conflict-details"]);
-
+const pagination = ref({
+  total: 0,
+  page: 1,
+  limit: 10,
+});
 const myContentSchema = computed(() => {
   const baseSchema = JSON.parse(JSON.stringify(myContentJson));
 
   return {
     ...baseSchema,
     items: props.listConflicts?.hits ?? [],
-    pagination: props.pagination,
+    pagination: {
+      total: props.listConflicts?.total?.value ?? 0,
+      page: pagination.value.page,
+      limit: pagination.value.limit,
+    },
   };
 });
 const headerTools = computed(() => [
@@ -77,8 +81,6 @@ function headerToolsAction({ action, data }) {
 function myContentAction({ action, payload }) {
   if (action === "conflict_Details") {
     emit("conflict-details", payload);
-  } else {
-    emit("my-content-action", { action, payload });
   }
 }
 </script>

app/pages/index.vue

@@ -15,9 +15,7 @@
       :activeTabKey="activeTabKey"
       :listConflicts="listConflicts"
       :conflictSelected="conflictSelected"
-      :pagination="pagination"
       @conflict-details="conflictDetails"
-      @my-content-action="myContentAction"
     />
   </div>
 </template>
@@ -133,12 +131,6 @@ const getListConflict = async (textSearch = "", filterExtended = "") => {
     console.log("res", res);
 
     listConflicts.value = res.hits;
-    pagination.value.total = res.hits.total.value;
-    // reactiveSampleData.value.pagination = {
-    //   total: res.hits.total.value,
-    //   page: pagination.value.page,
-    //   limit: pagination.value.limit,
-    // };
   } catch (err) {
     console.error("خطا در دریافت داده:", err);
   }
@@ -152,18 +144,4 @@ onMounted(() => {
   getListConflict();
   activeTabKey.value = headerTabs.value[0]?.id || "";
 });
-
-function myContentAction({ action, payload }) {
-  console.log("payload ==> ", payload);
-  console.log("action ==> ", action);
-  if (action === "pagination") {
-    const { page, limit } = payload;
-    pagination.value.page = page;
-    pagination.value.limit = limit;
-    console.log("pagination.value ==> ", pagination.value);
-
-    getListConflict();
-    return;
-  }
-}
 </script>