src/pages/Monitor/Ticket/MonitorTicketFilter.vue

@@ -43,7 +43,6 @@ const getLocale = (label) => {
                 (groupedStates = data.map((x) => Object.assign(x, { code: t(x.code) })))
         "
     />
-    <FetchData url="departments" auto-load />
     <VnFilterPanel
         :data-key="dataKey"
         :search-button="true"
@@ -211,6 +210,18 @@ const getLocale = (label) => {
                     />
                 </QItemSection>
             </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnSelect
+                        outlined
+                        dense
+                        rounded
+                        :label="t('globals.params.departmentFk')"
+                        v-model="params.department"
+                        url="Departments"
+                    />
+                </QItemSection>
+            </QItem>
             <QItem>
                 <QItemSection>
                     <QCheckbox

src/pages/Monitor/Ticket/MonitorTickets.vue

@@ -48,6 +48,7 @@ function exprBuilder(param, value) {
         case 'nickname':
             return { [`t.nickname`]: { like: `%${value}%` } };
         case 'zoneFk':
+        case 'departmentId':
         case 'totalWithVat':
             return { [`t.${param}`]: value };
     }
@@ -222,6 +223,26 @@ const columns = computed(() => [
             },
         },
     },
+    {
+        label: t('salesTicketsTable.department'),
+        name: 'department',
+        align: 'left',
+        component: 'select',
+        attrs: {
+            url: 'Departments',
+            optionValue: 'name',
+            optionLabel: 'name',
+        },
+        columnFilter: {
+            component: 'select',
+            url: 'Departments',
+            attrs: {
+                optionValue: 'name',
+                optionLabel: 'name',
+                dense: true,
+            },
+        },
+    },
     {
         align: 'right',
         name: 'tableActions',

src/pages/Monitor/locale/en.yml

@@ -43,6 +43,7 @@ salesTicketsTable:
     total: Total
     preparation: Preparation
     payMethod: Pay method
+    department: Department
 searchBar:
     label: Search tickets
     info: Search tickets by id or alias

src/pages/Monitor/locale/es.yml

@@ -43,6 +43,7 @@ salesTicketsTable:
     total: Total
     preparation: Preparación
     payMethod: Método de pago
+    department: Departamento
 searchBar:
     label: Buscar tickets
     info: Buscar tickets por identificador o alias