ayanova/src/components/data-table-filter-control.vue

@@ -4,7 +4,7 @@
     @keydown.esc="close()"
     data-cy="dataTableFilterControl"
   >
-    {{ headerItem }}
+    {{ columnKey }}
   </v-dialog>
 </template>
 <script>
@@ -17,11 +17,11 @@ export default {
     isVisible: false,
     resolve: null,
     reject: null,
-    headerItem: {}
+    columnKey: null
   }),
   methods: {
-    open(headerItem) {
+    open(columnKey) {
-      this.headerItem = headerItem;
+      this.columnKey = columnKey;
       this.isVisible = true;
       return new Promise((resolve, reject) => {
         this.resolve = resolve;

ayanova/src/components/data-table.vue

@@ -515,7 +515,7 @@ export default {
     },
     async filter(item) {
       // console.log("filter:", item);
-      let res = await this.$refs.dataTableFilter.open(item);
+      let res = await this.$refs.dataTableFilter.open(item.fk);
       if (res && res.refresh == true) {
         this.getDataFromApi();
       }