src/composables/useArrayData.js

@@ -120,21 +120,11 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
         const { limit } = filter;
         store.hasMoreData = limit && response.data.length >= limit;
 
-        if (append) {
+        processData(response.data, { map: !!store.mapKey, append });
-            if (!store.data) {
+        if (!append && !isDialogOpened()) updateRouter && updateStateParams();
-                store.data = [];
-                store.map = new Map();
-            }
-            mapData(response.data);
-        } else {
-            store.data = [];
-            mapData(response.data);
-            if (!isDialogOpened()) updateRouter && updateStateParams();
-        }
-
         store.isLoading = false;
-
         canceller = null;
+
         return response;
     }
 
@@ -293,11 +283,18 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
         router.replace(newUrl);
     }
 
-    function mapData(data) {
+    function processData(data, { map = true, append = true }) {
+        if (!store.data) {
+            store.data = [];
+            store.map = new Map();
+        }
+
+        if (!map && !append) store.data = data;
+        else if (!map && append) store.data.push(...data);
+        else
             data.forEach((row) => {
                 const key = row[store.mapKey];
                 const val = { ...row, key };
-
                 if (store.map.has(key)) {
                     const { position } = store.map.get(key);
                     val.position = position;

src/pages/Ticket/TicketAdvance.vue

@@ -441,6 +441,7 @@ watch(
     <QPage class="column items-center q-pa-md">
         <VnTable
             data-key="advanceTickets"
+            :map-key="false"
             ref="vnTableRef"
             url="Tickets/getTicketsAdvance"
             search-url="advanceTickets"