feat(VnLog): refs #8449 use VnTableFilter

@@ -72,39 +71,8 @@ const filter = {
 };
 
 const paginate = ref();
-const actions = ref();

@@ -291,3 +244,1 @@
-            return { between: [from, to] };
-        case 'to': {
-            if (dateFrom.value) {
+function exprBuilder(param, value) {

@@ -371,3 +278,4 @@
     await applyFilter();
 }
 
+onMounted(() => {

@@ -109,4 +109,2 @@
         expect(vm.logTree[0].logs[0].user.name).toEqual('salesPerson');
     });
-
-    it('should correctly set the selectedFilters when filtering', () => {

@@ -61,6 +61,10 @@ const $props = defineProps({
         type: Object,
         default: null,
     },
+    showTagChips: {

@@ -15,3 +9,1 @@
-        cy.get('.q-page').click();
-        cy.validateContent(chips[0], 'Document');
-        cy.validateContent(chips[1], 'Beginning');
+        cy.get('[data-cy="vnLog-checkbox"]').eq(0).click();

@@ -381,3 +380,1 @@
-            originId: route.params.id,
-            changedModel: 'Sale',
-            changedModelId: saleId,
+        query: {

@@ -71,3 +71,3 @@
     >
         <span :title="label">{{ label }}</span>
-        <div v-if="name && model?.index">
+        <div v-if="name">

@@ -84,3 +84,3 @@
                 :class="[
                     model?.index ? 'color-vn-text' : 'bg-transparent',
-                    vertical ? 'q-px-none' : '',
+                    vertical ? 'q-mx-none q-py-lg' : '',

@@ -91,3 +91,3 @@
             >
                 <div
-                    class="column flex-center"
+                    class="column justify-center text-center"

@@ -190,3 +190,3 @@
         store.order = order;
         resetPagination();
-        fetch({});
+        await fetch({});

@@ -48,3 +60,3 @@
                         v-model="orders[col.orderBy ?? col.name]"
                         :name="col.orderBy ?? col.name"
-                        :data-key="$attrs['data-key']"
+                        :data-key="$attrs['dataKey']"