From 66b7a004c0fdd8e595875862f45c4c68e0189f1f Mon Sep 17 00:00:00 2001
From: kur0nek-o <maulana21mh@gmail.com>
Date: Wed, 8 Nov 2023 14:20:51 +0700
Subject: [PATCH] applied all filters to the page

---
 src/components/Form/FiltersType/Type17.vue      |  2 +-
 src/components/Pages/Anomali/Table_61.vue       |  9 +++++++++
 src/components/Pages/Anomali/Table_63.vue       |  9 +++++++++
 src/components/Pages/Anomali/Table_65.vue       |  9 +++++++++
 src/components/Pages/Cico/Table_60.vue          | 10 ++++++++++
 src/components/Pages/Ctt/Table_67.vue           | 10 ++++++++++
 src/components/Pages/Keluhan/Table_21.vue       |  9 +++++++++
 src/components/Pages/Keluhan/Table_22.vue       |  9 +++++++++
 src/components/Pages/Keluhan/Table_23.vue       |  9 +++++++++
 src/components/Pages/Keluhan/Table_24.vue       |  9 +++++++++
 src/components/Pages/Keluhan/Table_25.vue       |  9 +++++++++
 src/components/Pages/Keluhan/Table_26.vue       |  9 +++++++++
 src/components/Pages/Keluhan/Table_27.vue       |  9 +++++++++
 src/components/Pages/Keluhan/Table_28.vue       | 10 ++++++++++
 src/components/Pages/Keluhan/Table_29.vue       | 10 ++++++++++
 src/components/Pages/Keluhan/Table_30.vue       |  9 +++++++++
 src/components/Pages/Keluhan/Table_31.vue       | 10 ++++++++++
 src/components/Pages/Keluhan/Table_32.vue       | 10 ++++++++++
 src/components/Pages/Keluhan/Table_33.vue       | 10 ++++++++++
 src/components/Pages/Keluhan/Table_34.vue       |  9 +++++++++
 src/components/Pages/Keluhan/Table_35.vue       | 10 ++++++++++
 src/components/Pages/Material/Table_68.vue      |  9 +++++++++
 src/components/Pages/Material/Table_69.vue      |  9 +++++++++
 src/components/Pages/Monalisa/Table_36.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_37.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_38.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_39.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_40.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_41.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_42.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_43.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_44.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_45.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_46.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_47.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_48.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_49.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_50.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_51.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_52.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_53.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_54.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_55.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_56.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_57.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_58.vue      | 10 ++++++++++
 src/components/Pages/Monalisa/Table_59.vue      | 10 ++++++++++
 src/components/Pages/PencarianData/Table_71.vue |  9 +++++++++
 src/components/Pages/Transaksi/Table_70.vue     |  9 +++++++++
 49 files changed, 465 insertions(+), 1 deletion(-)

diff --git a/src/components/Form/FiltersType/Type17.vue b/src/components/Form/FiltersType/Type17.vue
index 7bf412d..90b56cb 100644
--- a/src/components/Form/FiltersType/Type17.vue
+++ b/src/components/Form/FiltersType/Type17.vue
@@ -39,7 +39,7 @@
   </div>
 
   <div class="sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:items-center">
-    <label class="text-gray-800 font-semibold mb-2 sm:mb-0 block">Cari Report Number:</label>
+    <label class="text-gray-800 font-semibold mb-2 sm:mb-0 block">Pencarian:</label>
 
     <InputWithFilter placeholder="cari report" :filters="[{id: 1, title: 'Pilih Jenis'}]" />
   </div>
diff --git a/src/components/Pages/Anomali/Table_61.vue b/src/components/Pages/Anomali/Table_61.vue
index f31fadc..bddb20c 100644
--- a/src/components/Pages/Anomali/Table_61.vue
+++ b/src/components/Pages/Anomali/Table_61.vue
@@ -100,6 +100,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -143,4 +145,11 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-4'
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Anomali/Table_63.vue b/src/components/Pages/Anomali/Table_63.vue
index eb7f1e9..c2bb30d 100644
--- a/src/components/Pages/Anomali/Table_63.vue
+++ b/src/components/Pages/Anomali/Table_63.vue
@@ -68,6 +68,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -111,4 +113,11 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-4'
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Anomali/Table_65.vue b/src/components/Pages/Anomali/Table_65.vue
index 053bcb4..08bb921 100644
--- a/src/components/Pages/Anomali/Table_65.vue
+++ b/src/components/Pages/Anomali/Table_65.vue
@@ -76,6 +76,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -119,4 +121,11 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-4'
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Cico/Table_60.vue b/src/components/Pages/Cico/Table_60.vue
index 2518b19..3bd57d1 100644
--- a/src/components/Pages/Cico/Table_60.vue
+++ b/src/components/Pages/Cico/Table_60.vue
@@ -33,6 +33,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -75,4 +77,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-1',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Ctt/Table_67.vue b/src/components/Pages/Ctt/Table_67.vue
index 13942dd..b3ff284 100644
--- a/src/components/Pages/Ctt/Table_67.vue
+++ b/src/components/Pages/Ctt/Table_67.vue
@@ -55,6 +55,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -97,4 +99,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-3',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Keluhan/Table_21.vue b/src/components/Pages/Keluhan/Table_21.vue
index fa2d2ff..7a24da1 100644
--- a/src/components/Pages/Keluhan/Table_21.vue
+++ b/src/components/Pages/Keluhan/Table_21.vue
@@ -47,6 +47,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPager, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -89,4 +91,11 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-3'
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Keluhan/Table_22.vue b/src/components/Pages/Keluhan/Table_22.vue
index 45fdd42..fff7549 100644
--- a/src/components/Pages/Keluhan/Table_22.vue
+++ b/src/components/Pages/Keluhan/Table_22.vue
@@ -50,6 +50,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPager, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -92,4 +94,11 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-10'
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Keluhan/Table_23.vue b/src/components/Pages/Keluhan/Table_23.vue
index 545f0a6..9ab55fe 100644
--- a/src/components/Pages/Keluhan/Table_23.vue
+++ b/src/components/Pages/Keluhan/Table_23.vue
@@ -47,6 +47,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPager, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -89,4 +91,11 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-11'
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Keluhan/Table_24.vue b/src/components/Pages/Keluhan/Table_24.vue
index 4bb914e..3f9c53a 100644
--- a/src/components/Pages/Keluhan/Table_24.vue
+++ b/src/components/Pages/Keluhan/Table_24.vue
@@ -48,6 +48,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPager, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -90,4 +92,11 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-11'
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Keluhan/Table_25.vue b/src/components/Pages/Keluhan/Table_25.vue
index 45fdd42..9a73c42 100644
--- a/src/components/Pages/Keluhan/Table_25.vue
+++ b/src/components/Pages/Keluhan/Table_25.vue
@@ -50,6 +50,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPager, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -92,4 +94,11 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-3'
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Keluhan/Table_26.vue b/src/components/Pages/Keluhan/Table_26.vue
index 9ddd6cd..7574554 100644
--- a/src/components/Pages/Keluhan/Table_26.vue
+++ b/src/components/Pages/Keluhan/Table_26.vue
@@ -45,6 +45,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPager, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -87,4 +89,11 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-3'
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Keluhan/Table_27.vue b/src/components/Pages/Keluhan/Table_27.vue
index 61b4c79..71cc8ec 100644
--- a/src/components/Pages/Keluhan/Table_27.vue
+++ b/src/components/Pages/Keluhan/Table_27.vue
@@ -46,6 +46,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPager, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -88,4 +90,11 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-3'
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Keluhan/Table_28.vue b/src/components/Pages/Keluhan/Table_28.vue
index d189bac..e46260c 100644
--- a/src/components/Pages/Keluhan/Table_28.vue
+++ b/src/components/Pages/Keluhan/Table_28.vue
@@ -53,6 +53,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -95,4 +97,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-3',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Keluhan/Table_29.vue b/src/components/Pages/Keluhan/Table_29.vue
index 107b53b..24ae135 100644
--- a/src/components/Pages/Keluhan/Table_29.vue
+++ b/src/components/Pages/Keluhan/Table_29.vue
@@ -73,6 +73,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -115,4 +117,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-13',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Keluhan/Table_30.vue b/src/components/Pages/Keluhan/Table_30.vue
index 998e030..4816c2d 100644
--- a/src/components/Pages/Keluhan/Table_30.vue
+++ b/src/components/Pages/Keluhan/Table_30.vue
@@ -73,6 +73,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -115,4 +117,11 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-3'
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Keluhan/Table_31.vue b/src/components/Pages/Keluhan/Table_31.vue
index e8e2ef3..48a1708 100644
--- a/src/components/Pages/Keluhan/Table_31.vue
+++ b/src/components/Pages/Keluhan/Table_31.vue
@@ -73,6 +73,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -115,4 +117,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-13',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Keluhan/Table_32.vue b/src/components/Pages/Keluhan/Table_32.vue
index c7c180b..d3eaa66 100644
--- a/src/components/Pages/Keluhan/Table_32.vue
+++ b/src/components/Pages/Keluhan/Table_32.vue
@@ -73,6 +73,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -115,4 +117,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-13',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Keluhan/Table_33.vue b/src/components/Pages/Keluhan/Table_33.vue
index 518247b..b879473 100644
--- a/src/components/Pages/Keluhan/Table_33.vue
+++ b/src/components/Pages/Keluhan/Table_33.vue
@@ -72,6 +72,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -114,4 +116,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-8',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Keluhan/Table_34.vue b/src/components/Pages/Keluhan/Table_34.vue
index 276851d..fb032a8 100644
--- a/src/components/Pages/Keluhan/Table_34.vue
+++ b/src/components/Pages/Keluhan/Table_34.vue
@@ -32,6 +32,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -74,4 +76,11 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-3'
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Keluhan/Table_35.vue b/src/components/Pages/Keluhan/Table_35.vue
index d794954..695ad2d 100644
--- a/src/components/Pages/Keluhan/Table_35.vue
+++ b/src/components/Pages/Keluhan/Table_35.vue
@@ -63,6 +63,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -105,4 +107,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-8',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Material/Table_68.vue b/src/components/Pages/Material/Table_68.vue
index 678815e..028ca60 100644
--- a/src/components/Pages/Material/Table_68.vue
+++ b/src/components/Pages/Material/Table_68.vue
@@ -35,7 +35,16 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxExport, DxLoadPanel, DxPager, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-14'
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Material/Table_69.vue b/src/components/Pages/Material/Table_69.vue
index b96b3c4..0286cf2 100644
--- a/src/components/Pages/Material/Table_69.vue
+++ b/src/components/Pages/Material/Table_69.vue
@@ -30,7 +30,16 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxExport, DxLoadPanel, DxPager, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-14'
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_36.vue b/src/components/Pages/Monalisa/Table_36.vue
index a8a01ee..7ba947c 100644
--- a/src/components/Pages/Monalisa/Table_36.vue
+++ b/src/components/Pages/Monalisa/Table_36.vue
@@ -36,6 +36,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -78,4 +80,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_37.vue b/src/components/Pages/Monalisa/Table_37.vue
index 22be567..9689a17 100644
--- a/src/components/Pages/Monalisa/Table_37.vue
+++ b/src/components/Pages/Monalisa/Table_37.vue
@@ -36,6 +36,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -78,4 +80,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_38.vue b/src/components/Pages/Monalisa/Table_38.vue
index 6018b06..3bf4ae5 100644
--- a/src/components/Pages/Monalisa/Table_38.vue
+++ b/src/components/Pages/Monalisa/Table_38.vue
@@ -36,6 +36,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -78,4 +80,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_39.vue b/src/components/Pages/Monalisa/Table_39.vue
index 75195e8..a46cd82 100644
--- a/src/components/Pages/Monalisa/Table_39.vue
+++ b/src/components/Pages/Monalisa/Table_39.vue
@@ -36,6 +36,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -78,4 +80,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_40.vue b/src/components/Pages/Monalisa/Table_40.vue
index 0cf2303..93ec2d8 100644
--- a/src/components/Pages/Monalisa/Table_40.vue
+++ b/src/components/Pages/Monalisa/Table_40.vue
@@ -72,6 +72,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -114,4 +116,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_41.vue b/src/components/Pages/Monalisa/Table_41.vue
index 902134f..39c06a9 100644
--- a/src/components/Pages/Monalisa/Table_41.vue
+++ b/src/components/Pages/Monalisa/Table_41.vue
@@ -22,6 +22,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -64,4 +66,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_42.vue b/src/components/Pages/Monalisa/Table_42.vue
index a0c6d78..39a3ee3 100644
--- a/src/components/Pages/Monalisa/Table_42.vue
+++ b/src/components/Pages/Monalisa/Table_42.vue
@@ -36,6 +36,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -78,4 +80,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_43.vue b/src/components/Pages/Monalisa/Table_43.vue
index d7bd85e..35f0495 100644
--- a/src/components/Pages/Monalisa/Table_43.vue
+++ b/src/components/Pages/Monalisa/Table_43.vue
@@ -36,6 +36,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -78,4 +80,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_44.vue b/src/components/Pages/Monalisa/Table_44.vue
index 286a07a..4347892 100644
--- a/src/components/Pages/Monalisa/Table_44.vue
+++ b/src/components/Pages/Monalisa/Table_44.vue
@@ -25,6 +25,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -67,4 +69,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_45.vue b/src/components/Pages/Monalisa/Table_45.vue
index a8a01ee..7ba947c 100644
--- a/src/components/Pages/Monalisa/Table_45.vue
+++ b/src/components/Pages/Monalisa/Table_45.vue
@@ -36,6 +36,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -78,4 +80,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_46.vue b/src/components/Pages/Monalisa/Table_46.vue
index d18cb02..a2fd52a 100644
--- a/src/components/Pages/Monalisa/Table_46.vue
+++ b/src/components/Pages/Monalisa/Table_46.vue
@@ -36,6 +36,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -78,4 +80,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_47.vue b/src/components/Pages/Monalisa/Table_47.vue
index 7725a2a..9393684 100644
--- a/src/components/Pages/Monalisa/Table_47.vue
+++ b/src/components/Pages/Monalisa/Table_47.vue
@@ -36,6 +36,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -78,4 +80,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_48.vue b/src/components/Pages/Monalisa/Table_48.vue
index b2fee1a..3156041 100644
--- a/src/components/Pages/Monalisa/Table_48.vue
+++ b/src/components/Pages/Monalisa/Table_48.vue
@@ -72,6 +72,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -114,4 +116,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_49.vue b/src/components/Pages/Monalisa/Table_49.vue
index 57ff6cd..d8a4635 100644
--- a/src/components/Pages/Monalisa/Table_49.vue
+++ b/src/components/Pages/Monalisa/Table_49.vue
@@ -22,6 +22,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -64,4 +66,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_50.vue b/src/components/Pages/Monalisa/Table_50.vue
index 5d8a932..80f6978 100644
--- a/src/components/Pages/Monalisa/Table_50.vue
+++ b/src/components/Pages/Monalisa/Table_50.vue
@@ -36,6 +36,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -78,4 +80,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_51.vue b/src/components/Pages/Monalisa/Table_51.vue
index a6c8a81..4d7dbff 100644
--- a/src/components/Pages/Monalisa/Table_51.vue
+++ b/src/components/Pages/Monalisa/Table_51.vue
@@ -25,6 +25,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -67,4 +69,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_52.vue b/src/components/Pages/Monalisa/Table_52.vue
index 3910573..022c57b 100644
--- a/src/components/Pages/Monalisa/Table_52.vue
+++ b/src/components/Pages/Monalisa/Table_52.vue
@@ -82,6 +82,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -124,4 +126,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_53.vue b/src/components/Pages/Monalisa/Table_53.vue
index de50a70..1b8cee5 100644
--- a/src/components/Pages/Monalisa/Table_53.vue
+++ b/src/components/Pages/Monalisa/Table_53.vue
@@ -44,6 +44,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -86,4 +88,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_54.vue b/src/components/Pages/Monalisa/Table_54.vue
index 79296e0..fe355bd 100644
--- a/src/components/Pages/Monalisa/Table_54.vue
+++ b/src/components/Pages/Monalisa/Table_54.vue
@@ -34,6 +34,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -76,4 +78,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_55.vue b/src/components/Pages/Monalisa/Table_55.vue
index 942242f..e1bec20 100644
--- a/src/components/Pages/Monalisa/Table_55.vue
+++ b/src/components/Pages/Monalisa/Table_55.vue
@@ -36,6 +36,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -78,4 +80,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_56.vue b/src/components/Pages/Monalisa/Table_56.vue
index db105d6..1370814 100644
--- a/src/components/Pages/Monalisa/Table_56.vue
+++ b/src/components/Pages/Monalisa/Table_56.vue
@@ -69,6 +69,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -111,4 +113,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_57.vue b/src/components/Pages/Monalisa/Table_57.vue
index 409c190..55a1fbc 100644
--- a/src/components/Pages/Monalisa/Table_57.vue
+++ b/src/components/Pages/Monalisa/Table_57.vue
@@ -44,6 +44,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -86,4 +88,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_58.vue b/src/components/Pages/Monalisa/Table_58.vue
index 3be2336..254e7d7 100644
--- a/src/components/Pages/Monalisa/Table_58.vue
+++ b/src/components/Pages/Monalisa/Table_58.vue
@@ -34,6 +34,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -76,4 +78,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_59.vue b/src/components/Pages/Monalisa/Table_59.vue
index 7ed615d..954b5e1 100644
--- a/src/components/Pages/Monalisa/Table_59.vue
+++ b/src/components/Pages/Monalisa/Table_59.vue
@@ -37,6 +37,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -79,4 +81,12 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-2',
+        reportButton: true
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/PencarianData/Table_71.vue b/src/components/Pages/PencarianData/Table_71.vue
index 320a9cc..cf587b8 100644
--- a/src/components/Pages/PencarianData/Table_71.vue
+++ b/src/components/Pages/PencarianData/Table_71.vue
@@ -36,7 +36,16 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxExport, DxLoadPanel, DxPager, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-15'
+    })
+})
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Transaksi/Table_70.vue b/src/components/Pages/Transaksi/Table_70.vue
index 2ee8bc9..579f7b1 100644
--- a/src/components/Pages/Transaksi/Table_70.vue
+++ b/src/components/Pages/Transaksi/Table_70.vue
@@ -31,6 +31,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue'
+import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
@@ -73,4 +75,11 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
+onMounted(() => {
+    const filters = useFiltersStore()
+
+    filters.setConfig({
+        type: 'type-17'
+    })
+})
 </script>
\ No newline at end of file