fix: refs #6900 improve logic

src/pages/InvoiceIn/Serial/InvoiceInSerial.vue

@@ -1,11 +1,11 @@
 <script setup>
 import { ref, computed, onBeforeMount } from 'vue';
+import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import axios from 'axios';
 import VnTable from 'src/components/VnTable/VnTable.vue';
 import RightMenu from 'src/components/common/RightMenu.vue';
 import InvoiceInSerialFilter from './InvoiceInSerialFilter.vue';
-import { useArrayData } from 'src/composables/useArrayData';
 
 const { t } = useI18n();
 
@@ -30,15 +30,18 @@ const cols = computed(() => [
     },
 ]);
 
-const arrayData = useArrayData('InvoiceInSerial');
-const table = ref();
-onBeforeMount(async () => {
-    const { data } = await axios.get('InvoiceInConfigs/findOne', {
-        params: { filter: { fields: ['daysAgo'] } },
-    });
+const daysAgo = ref(0);
 
-    arrayData.store.userParams.daysAgo = data.daysAgo;
-    await table.value.reload();
+onBeforeMount(async () => {
+    const tableParam = useRoute().query.table;
+
+    if (tableParam) daysAgo.value = JSON.parse(tableParam).daysAgo;
+    else
+        daysAgo.value = (
+            await axios.get('InvoiceInConfigs/findOne', {
+                params: { filter: { fields: ['daysAgo'] } },
+            })
+        ).data?.daysAgo;
 });
 </script>
 <template>
@@ -48,12 +51,14 @@ onBeforeMount(async () => {
         </template>
     </RightMenu>
     <VnTable
-        ref="table"
+        v-if="daysAgo"
         data-key="InvoiceInSerial"
         url="InvoiceIns/getSerial"
         :columns="cols"
         :right-search="false"
+        :user-params="{ daysAgo }"
         :disable-option="{ card: true }"
+        auto-load
     />
 </template>
 <i18n>