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

@@ -15,7 +15,7 @@
 </template>
 
 <script setup>
-import myContentJson from "@/json/data-entry/myContentJson.json";
+import sampelDataDb from "@/json/data-entry/sampelDataDb.json";
 import refineCodes from "@/json/refineCodes.json";
 import MyContent from "@/components/lazy-load/global/MyContent.vue";
 const { $http: httpService } = useNuxtApp();
@@ -25,25 +25,19 @@ const props = defineProps({
     default: () => [],
   },
 });
-const emit = defineEmits(["conflict-details"]);
 const pagination = ref({
   total: 0,
   page: 1,
   limit: 10,
 });
-const myContentSchema = computed(() => {
+let myContentSchema = {};
-  const baseSchema = JSON.parse(JSON.stringify(myContentJson));
+myContentSchema = ref(JSON.parse(JSON.stringify(sampelDataDb)));
-
+myContentSchema.value.items = props.listConflicts.hits.hits;
-  return {
+myContentSchema.value.pagination = {
-    ...baseSchema,
+  total: props.listConflicts.hits.total.value,
-    items: props.listConflicts?.hits ?? [],
+  page: pagination.value.page,
-    pagination: {
+  limit: pagination.value.limit,
-      total: props.listConflicts?.total?.value ?? 0,
+};
-      page: pagination.value.page,
-      limit: pagination.value.limit,
-    },
-  };
-});
 const headerTools = computed(() => [
   {
     items: [
@@ -78,10 +72,8 @@ function headerToolsAction({ action, data }) {
   if (action === "next-click") {
   }
 }
-function myContentAction({ action, payload }) {
+function myContentAction({ action, data }) {
-  if (action === "conflict_Details") {
+  console.log(action, data);
-    emit("conflict-details", payload);
-  }
 }
 </script>
 

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

@@ -11,10 +11,6 @@ const props = defineProps({
     type: Array,
     default: () => [],
   },
-  conflictSelected: {
-    type: Object,
-    default: () => {},
-  },
 });
 const accordionItems = [
   {

app/json/data-entry/sampelDataDb.json

@@ -2,9 +2,20 @@
   "items": [],
   "tableActions": [
     {
-      "key": "conflict_Details",
+      "key": "meta_infos",
       "icon": "i-lucide-info",
       "title": "ورود اطلاعات"
+    },
+
+    {
+      "key": "manageFiles",
+      "icon": "i-lucide-upload",
+      "title": "بارگذاری فایل"
+    },
+    {
+      "key": "hasMedia",
+      "icon": "lucide:list-checks",
+      "title": ""
     }
   ],
   "tableColumns": [

app/pages/index.vue

@@ -14,8 +14,6 @@
       v-if="currentComponent"
       :activeTabKey="activeTabKey"
       :listConflicts="listConflicts"
-      :conflictSelected="conflictSelected"
-      @conflict-details="conflictDetails"
     />
   </div>
 </template>
@@ -80,7 +78,6 @@ const handleTabChange = (tab) => {
   }
 };
 const headerSchema = ref({});
-const conflictSelected = ref({});
 headerSchema.value = {
   breadcrumb: true,
   logo: false,
@@ -130,16 +127,11 @@ const getListConflict = async (textSearch = "", filterExtended = "") => {
     );
     console.log("res", res);
 
-    listConflicts.value = res.hits;
+    listConflicts.value = res;
   } catch (err) {
     console.error("خطا در دریافت داده:", err);
   }
 };
-function conflictDetails(event) {
-  conflictSelected.value = event;
-  activeTabKey.value = "RelationEdit";
-  console.log("event", event);
-}
 onMounted(() => {
   getListConflict();
   activeTabKey.value = headerTabs.value[0]?.id || "";