fix: #347390 ticketWeekly

src/pages/Ticket/TicketWeekly.vue

@@ -13,12 +13,14 @@ import { useArrayData } from 'composables/useArrayData';
 import useNotify from 'src/composables/useNotify.js';
 import axios from 'axios';
 import VnTable from 'src/components/VnTable/VnTable.vue';
+import FetchData from 'src/components/FetchData.vue';
 
 const stateStore = useStateStore();
 const { t } = useI18n();
 const { notify } = useNotify();
 const { openConfirmationModal } = useVnConfirm();
 const allColumnNames = ref([]);
+const agencies = ref([]);
 
 const arrayData = useArrayData('WeeklyTickets');
 const { store } = arrayData;
@@ -51,11 +53,16 @@ const columns = computed(() => [
         isTitle: true,
         cardVisible: true,
         component: 'select',
-        attrs: {
-            url: 'Clients',
-            optionLabel: 'name',
-            optionValue: 'id',
-            isWhere: true,
+        columnFilter: {
+            name: 'id',
+            component: 'select',
+            alias: 'c',
+            attrs: {
+                url: 'Clients',
+                optionLabel: 'name',
+                optionValue: 'id',
+                inWhere: true,
+            },
         },
         columnField: {
             component: null,
@@ -167,6 +174,11 @@ onMounted(async () => {
 </script>
 
 <template>
+    <FetchData
+        url="AgencyModes/isActive"
+        @on-fetch="(data) => (agencies = data)"
+        auto-load
+    />
     <VnSearchbar
         data-key="WeeklyTickets"
         :label="t('weeklyTickets.search')"
@@ -200,7 +212,7 @@ onMounted(async () => {
         </template>
         <template #column-agencyModeFk="{ row }">
             <VnSelectCache
-                url="AgencyModes/isActive"
+                :options="agencies"
                 :row="row"
                 :find="['agencyModeFk', 'agencyModeName']"
                 v-model="row.agencyModeFk"