ayanova/src/components/data-table.vue

@@ -1,6 +1,8 @@
 <template>
   <div>
     <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
+    <gz-data-table-filter :dataListKey="dataListKey" ref="dataTableFilter">
+    </gz-data-table-filter>
     <v-card>
       <!-- {{ dataTablePagingOptions }}
       {{ headers }} -->
@@ -511,8 +513,12 @@ export default {
       }
       return "";
     },
-    filter(item) {
-      console.log("filter:", item);
+    async filter(item) {
+      // console.log("filter:", item);
+      let res = await this.$refs.dataTableFilter.open(item);
+      if (res && res.refresh == true) {
+        this.getDataFromApi();
+      }
     },
     filterColor(item) {
       let clr = "disabled";