phongdt:paging

components/dynamic-page/page-component/templates/sections/articles/Default.vue

@@ -83,8 +83,8 @@ const loadPage = async (page: number) => {
   } else {
     newDataQuery = _props.component?.settings?.dataQuery + ` Page[${page}]`;
   }
-  const res = await store.component.getOverviewPageComponentById(Number(_props.component?.id), newDataQuery);
-  const data = getInputValue(res?.settings?.dataResult, "OBJECT");
+  const {item} = await store.component.getOverviewPageComponentById(Number(_props.component?.id), newDataQuery);
+  const data = getInputValue(item?.settings?.dataResult, "OBJECT");
 
   if (Object.keys(data).length > 0) {
     totals.value = data.Total;
@@ -161,7 +161,6 @@ const mapActivesToItems = (index: number) => {
     display: flex;
     flex-direction: column;
     /* gap: 10px; */
-    overflow-x: scroll;
     &.border-custom {
       border-color: #e5e5e5 !important;
     }

stores/dynamic-page.ts

@@ -68,9 +68,8 @@ export const useDynamicPageStore = defineStore("dynamicPageStore", () => {
           headers: {
             "Content-Type": "application/json",
           },
-          body: dataQuery,
+          body: JSON.stringify(dataQuery),
         });
-        console.log("res",res)
         return res
       } catch (err) {
         throw err;