src/components/ui/VnSearchbar.vue

@@ -81,14 +81,14 @@ async function search() {
     const staticParams = Object.entries(store.userParams).filter(
         ([key, value]) => value && (props.staticParams || []).includes(key)
     );
-    // const filter =props?.where? { where: JSON.parse(props.where) }: {}
+    store.skip = 0;
     await arrayData.applyFilter({
         params: {
-            // filter ,
             ...Object.fromEntries(staticParams),
             search: searchText.value,
         },
     });
+
     if (!props.redirect) return;
 
     if (props.customRouteRedirectName)

src/pages/Monitor/MonitorList.vue

@@ -6,6 +6,7 @@ import { useStateStore } from 'stores/useStateStore';
 import SalesClientTable from './SalesClientsTable.vue';
 import SalesOrdersTable from './SalesOrdersTable.vue';
 import SalesTicketsTable from './SalesTicketsTable.vue';
+import VnSearchbar from 'components/ui/VnSearchbar.vue';
 
 const { t } = useI18n();
 const stateStore = useStateStore();
@@ -20,6 +21,17 @@ onUnmounted(() => (stateStore.rightDrawer = false));
 </script>
 
 <template>
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#searchbar">
+            <VnSearchbar
+                data-key="SalesMonitorTickets"
+                url="SalesMonitors/salesFilter"
+                :redirect="false"
+                :label="t('searchBar.label')"
+                :info="t('searchBar.info')"
+            />
+        </Teleport>
+    </template>
     <QPage class="column items-center q-pa-md">
         <QCard class="full-width q-mb-lg">
             <QExpansionItem v-model="expanded" dense :duration="150">

src/pages/Monitor/SalesClientsTable.vue

@@ -32,7 +32,7 @@ const dateRange = computed(() => {
 const filter = reactive({
     where: {
         'v.stamp': {
-            between: [from.value, to.value],
+            between: dateRange.value,
         },
     },
 });
@@ -148,7 +148,7 @@ const columns = computed(() => [
             ref="paginateRef"
             data-key="SalesMonitorClients"
             url="SalesMonitors/clientsFilter"
-            order="dated DESC, hour DESC"
+            :order="['dated DESC', 'hour DESC']"
             :limit="6"
             :expr-builder="exprBuilder"
             :user-params="params"

src/pages/Monitor/locale/en.yml

@@ -40,3 +40,6 @@ salesTicketsTable:
     preview: Preview
     total: Total
     preparation: Preparation
+searchBar:
+    label: Search tickets
+    info: Search tickets by id or alias

src/pages/Monitor/locale/es.yml

@@ -40,3 +40,6 @@ salesTicketsTable:
     preview: Vista previa
     total: Total
     preparation: Preparación
+searchBar:
+    label: Buscar tickets
+    info: Buscar tickets por identificador o alias