From 590e3a2576ec74c0c3d8910a1c75d41bd1c99b7f Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Thu, 2 Nov 2023 16:43:07 +0700
Subject: [PATCH] Update table components and font sizes

---
 src/assets/css/style.css                      |   5 +
 src/components/Pages/Anomali/Table_61.vue     | 158 +++++++++++-------
 src/components/Pages/Anomali/Table_62.vue     |  91 ++++------
 src/components/Pages/Anomali/Table_63.vue     | 126 +++++++-------
 src/components/Pages/Anomali/Table_64.vue     | 103 ++++++++++++
 src/components/Pages/Anomali/Table_65.vue     | 122 ++++++++++++++
 src/components/Pages/Anomali/Table_66.vue     |  79 +++++++++
 src/components/Pages/Anomali/index.ts         |   5 +-
 .../Pages/{Transaksi => Ctt}/Table_67.vue     |  54 +++---
 src/components/Pages/Ctt/index.ts             |   2 +-
 .../{PencarianData => Material}/Table_68.vue  |   0
 .../Table_64.vue => Material/Table_69.vue}    |   0
 src/components/Pages/Material/index.ts        |   4 +-
 .../Table_71.vue}                             |   0
 src/components/Pages/PencarianData/index.ts   |   2 +-
 .../Table_66.vue => Transaksi/Table_70.vue}   |   0
 src/components/Pages/Transaksi/index.ts       |   2 +-
 src/router/index.ts                           |   6 +-
 18 files changed, 539 insertions(+), 220 deletions(-)
 create mode 100644 src/components/Pages/Anomali/Table_64.vue
 create mode 100644 src/components/Pages/Anomali/Table_65.vue
 create mode 100644 src/components/Pages/Anomali/Table_66.vue
 rename src/components/Pages/{Transaksi => Ctt}/Table_67.vue (60%)
 rename src/components/Pages/{PencarianData => Material}/Table_68.vue (100%)
 rename src/components/Pages/{Ctt/Table_64.vue => Material/Table_69.vue} (100%)
 rename src/components/Pages/{Material/Table_65.vue => PencarianData/Table_71.vue} (100%)
 rename src/components/Pages/{Material/Table_66.vue => Transaksi/Table_70.vue} (100%)

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index f0089da..91d5b14 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -3202,6 +3202,11 @@ select {
     font-size: 1.875rem;
     line-height: 2.25rem;
   }
+
+  .md\:text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
 }
 
 @media (min-width: 1024px) {
diff --git a/src/components/Pages/Anomali/Table_61.vue b/src/components/Pages/Anomali/Table_61.vue
index d794954..f31fadc 100644
--- a/src/components/Pages/Anomali/Table_61.vue
+++ b/src/components/Pages/Anomali/Table_61.vue
@@ -1,65 +1,102 @@
 <template>
-    <div>
-        <DxDataGrid class="max-h-[calc(100vh-140px)]" :show-column-lines="true" :show-row-lines="false" :show-borders="true"
-            :row-alternation-enabled="true" :hover-state-enabled="true" @selection-changed="onSelectionChanged"
-            :column-width="100" @exporting="onExporting" :allow-column-resizing="true" column-resizing-mode="widget"
-            :word-wrap-enabled="true">
-            <DxSelection mode="single" />
-            <DxPaging :enabled="false" />
-            <DxScrolling column-rendering-mode="virtual" mode="virtual" />
-            <DxLoadPanel :enabled="true" />
-            <DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
-            <DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
-            <DxColumnFixing :enabled="true" />
-
-            <DxColumn :width="50" alignment="center" data-field="" caption="NO" css-class="custom-table-column" />
-            <DxColumn :width="150" alignment="center" data-field="" caption="Kode Unit" css-class="custom-table-column" />
-            <DxColumn :width="170" alignment="center" data-field="" caption="Nama Unit" css-class="custom-table-column" />
-            <DxColumn alignment="center" caption="Laporan" css-class="custom-table-column">
-                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Total"
-                    css-class="custom-table-column" />
-                <DxColumn alignment="center" caption="Belum Selesai" css-class="custom-table-column">
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
-                        css-class="custom-table-column" />
-                </DxColumn>
-                <DxColumn alignment="center" caption="Sudah Selesai" css-class="custom-table-column">
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
-                        css-class="custom-table-column" />
-                </DxColumn>
-            </DxColumn>
-            <DxColumn alignment="center" caption="Rating" css-class="custom-table-column">
-                <DxColumn alignment="center" caption="Bintang" css-class="custom-table-column">
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="1"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="2"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="3"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="4"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="5"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Indeks"
-                        css-class="custom-table-column" />
-                </DxColumn>
-            </DxColumn>
-            <DxColumn alignment="center" caption="Non Rating" css-class="custom-table-column">
-                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
-                    css-class="custom-table-column" />
-                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
-                    css-class="custom-table-column" />
-            </DxColumn>
-
-        </DxDataGrid>
+    <div class="mt-4 lg:mt-6 max-w-7xl">
+        <h1 class="text-xl font-medium md:text-2xl text-dark">
+            Laporan Pengaduan Total
+        </h1>
     </div>
+    <DxDataGrid class="max-h-[calc(100vh-140px)]" :show-column-lines="true" :show-row-lines="false" :show-borders="true"
+        :row-alternation-enabled="true" :hover-state-enabled="true" @selection-changed="onSelectionChanged"
+        :column-width="100" @exporting="onExporting" :allow-column-resizing="true" column-resizing-mode="widget"
+        :word-wrap-enabled="true">
+        <DxSelection mode="single" />
+        <DxPaging :enabled="false" />
+        <DxScrolling column-rendering-mode="virtual" mode="virtual" />
+        <DxLoadPanel :enabled="true" />
+        <DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
+        <DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
+        <DxColumnFixing :enabled="true" />
+
+        <DxColumn :width="170" alignment="center" data-field="" caption="Nama Unit" css-class="custom-table-column" />
+        <DxColumn alignment="center" caption="Total WO" css-class="custom-table-column">
+            <DxColumn alignment="center" caption="CC 123" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="a"
+                    css-class="custom-table-column" />
+            </DxColumn>
+            <DxColumn alignment="center" caption="PLN Mobile" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="b"
+                    css-class="custom-table-column" />
+            </DxColumn>
+            <DxColumn alignment="center" caption="Loket" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="c"
+                    css-class="custom-table-column" />
+            </DxColumn>
+            <DxColumn alignment="center" caption="Lainnya" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="d"
+                    css-class="custom-table-column" />
+            </DxColumn>
+            <DxColumn alignment="center" caption="Total" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="e=a+b+c+d"
+                    css-class="custom-table-column" />
+            </DxColumn>
+        </DxColumn>
+        <DxColumn alignment="center" caption="Total Pengaduan Yang Diselesaikan Secara Anomali"
+            css-class="custom-table-column">
+            <DxColumn alignment="center" caption="PLN Mobile" css-class="custom-table-column">
+                <DxColumn alignment="center" caption="f" css-class="custom-table-column">
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Marking"
+                        css-class="custom-table-column" />
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Non Marking"
+                        css-class="custom-table-column" />
+                </DxColumn>
+            </DxColumn>
+            <DxColumn alignment="center" caption="CC 123" css-class="custom-table-column">
+                <DxColumn alignment="center" caption="g" css-class="custom-table-column">
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Marking"
+                        css-class="custom-table-column" />
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Non Marking"
+                        css-class="custom-table-column" />
+                </DxColumn>
+            </DxColumn>
+            <DxColumn alignment="center" caption="Total" css-class="custom-table-column">
+                <DxColumn alignment="center" caption="h=f+g" css-class="custom-table-column">
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Marking"
+                        css-class="custom-table-column" />
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Non Marking"
+                        css-class="custom-table-column" />
+                </DxColumn>
+            </DxColumn>
+        </DxColumn>
+
+        <DxColumn alignment="center" caption="% Pengaduan Yang Diselesaikan Secara Anomali" css-class="custom-table-column">
+            <DxColumn alignment="center" caption="PLN Mobile" css-class="custom-table-column">
+                <DxColumn alignment="center" caption="i=f/e" css-class="custom-table-column">
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Marking"
+                        css-class="custom-table-column" />
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Non Marking"
+                        css-class="custom-table-column" />
+                </DxColumn>
+            </DxColumn>
+            <DxColumn alignment="center" caption="CC 123" css-class="custom-table-column">
+                <DxColumn alignment="center" caption="j=g/e" css-class="custom-table-column">
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Marking"
+                        css-class="custom-table-column" />
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Non Marking"
+                        css-class="custom-table-column" />
+                </DxColumn>
+            </DxColumn>
+            <DxColumn alignment="center" caption="Total" css-class="custom-table-column">
+                <DxColumn alignment="center" caption="k=i+j" css-class="custom-table-column">
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Marking"
+                        css-class="custom-table-column" />
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Non Marking"
+                        css-class="custom-table-column" />
+                </DxColumn>
+            </DxColumn>
+        </DxColumn>
+
+    </DxDataGrid>
+
+    <AnomaliTable2 />
 </template>
 
 <script setup lang="ts">
@@ -70,6 +107,7 @@ import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
 import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
+import { AnomaliTable2 } from '.'
 
 const onExporting = (e: any) => {
     if (e.format === 'pdf') {
diff --git a/src/components/Pages/Anomali/Table_62.vue b/src/components/Pages/Anomali/Table_62.vue
index d794954..39bd6e9 100644
--- a/src/components/Pages/Anomali/Table_62.vue
+++ b/src/components/Pages/Anomali/Table_62.vue
@@ -1,65 +1,36 @@
 <template>
-    <div>
-        <DxDataGrid class="max-h-[calc(100vh-140px)]" :show-column-lines="true" :show-row-lines="false" :show-borders="true"
-            :row-alternation-enabled="true" :hover-state-enabled="true" @selection-changed="onSelectionChanged"
-            :column-width="100" @exporting="onExporting" :allow-column-resizing="true" column-resizing-mode="widget"
-            :word-wrap-enabled="true">
-            <DxSelection mode="single" />
-            <DxPaging :enabled="false" />
-            <DxScrolling column-rendering-mode="virtual" mode="virtual" />
-            <DxLoadPanel :enabled="true" />
-            <DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
-            <DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
-            <DxColumnFixing :enabled="true" />
-
-            <DxColumn :width="50" alignment="center" data-field="" caption="NO" css-class="custom-table-column" />
-            <DxColumn :width="150" alignment="center" data-field="" caption="Kode Unit" css-class="custom-table-column" />
-            <DxColumn :width="170" alignment="center" data-field="" caption="Nama Unit" css-class="custom-table-column" />
-            <DxColumn alignment="center" caption="Laporan" css-class="custom-table-column">
-                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Total"
-                    css-class="custom-table-column" />
-                <DxColumn alignment="center" caption="Belum Selesai" css-class="custom-table-column">
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
-                        css-class="custom-table-column" />
-                </DxColumn>
-                <DxColumn alignment="center" caption="Sudah Selesai" css-class="custom-table-column">
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
-                        css-class="custom-table-column" />
-                </DxColumn>
-            </DxColumn>
-            <DxColumn alignment="center" caption="Rating" css-class="custom-table-column">
-                <DxColumn alignment="center" caption="Bintang" css-class="custom-table-column">
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="1"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="2"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="3"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="4"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="5"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Indeks"
-                        css-class="custom-table-column" />
-                </DxColumn>
-            </DxColumn>
-            <DxColumn alignment="center" caption="Non Rating" css-class="custom-table-column">
-                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
-                    css-class="custom-table-column" />
-                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
-                    css-class="custom-table-column" />
-            </DxColumn>
-
-        </DxDataGrid>
+    <div class="mt-4 lg:mt-6 max-w-7xl">
+        <h1 class="text-xl font-medium md:text-2xl text-dark">
+            Laporan Pengaduan PLN Mobile
+        </h1>
     </div>
+    <DxDataGrid class="max-h-[calc(100vh-140px)]" :show-column-lines="true" :show-row-lines="false" :show-borders="true"
+        :row-alternation-enabled="true" :hover-state-enabled="true" @selection-changed="onSelectionChanged"
+        @exporting="onExporting" :allow-column-resizing="true" column-resizing-mode="widget" :word-wrap-enabled="true">
+        <DxSelection mode="single" />
+        <DxPaging :enabled="false" />
+        <DxScrolling column-rendering-mode="virtual" mode="virtual" />
+        <DxLoadPanel :enabled="true" />
+        <DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
+        <DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
+        <DxColumnFixing :enabled="true" />
+
+        <DxColumn alignment="center" data-field="" caption="Nama Unit" css-class="custom-table-column" />
+        <DxColumn alignment="center" caption="Total WO PLN Mobile" css-class="custom-table-column">
+            <DxColumn :width="170" alignment="center" data-field="" data-type="number" caption="a"
+                css-class="custom-table-column" />
+        </DxColumn>
+        <DxColumn alignment="center" caption="Total Pengaduan Yang Diselesaikan Secara Anomali"
+            css-class="custom-table-column">
+            <DxColumn :width="170" alignment="center" data-field="" data-type="number" caption="b"
+                css-class="custom-table-column" />
+        </DxColumn>
+        <DxColumn alignment="center" caption="% Pengaduan Yang Diselesaikan Secara Anomali" css-class="custom-table-column">
+            <DxColumn :width="170" alignment="center" data-field="" data-type="number" caption="c=b/a"
+                css-class="custom-table-column" />
+        </DxColumn>
+
+    </DxDataGrid>
 </template>
 
 <script setup lang="ts">
diff --git a/src/components/Pages/Anomali/Table_63.vue b/src/components/Pages/Anomali/Table_63.vue
index d794954..eb7f1e9 100644
--- a/src/components/Pages/Anomali/Table_63.vue
+++ b/src/components/Pages/Anomali/Table_63.vue
@@ -1,65 +1,70 @@
 <template>
-    <div>
-        <DxDataGrid class="max-h-[calc(100vh-140px)]" :show-column-lines="true" :show-row-lines="false" :show-borders="true"
-            :row-alternation-enabled="true" :hover-state-enabled="true" @selection-changed="onSelectionChanged"
-            :column-width="100" @exporting="onExporting" :allow-column-resizing="true" column-resizing-mode="widget"
-            :word-wrap-enabled="true">
-            <DxSelection mode="single" />
-            <DxPaging :enabled="false" />
-            <DxScrolling column-rendering-mode="virtual" mode="virtual" />
-            <DxLoadPanel :enabled="true" />
-            <DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
-            <DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
-            <DxColumnFixing :enabled="true" />
-
-            <DxColumn :width="50" alignment="center" data-field="" caption="NO" css-class="custom-table-column" />
-            <DxColumn :width="150" alignment="center" data-field="" caption="Kode Unit" css-class="custom-table-column" />
-            <DxColumn :width="170" alignment="center" data-field="" caption="Nama Unit" css-class="custom-table-column" />
-            <DxColumn alignment="center" caption="Laporan" css-class="custom-table-column">
-                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Total"
-                    css-class="custom-table-column" />
-                <DxColumn alignment="center" caption="Belum Selesai" css-class="custom-table-column">
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
-                        css-class="custom-table-column" />
-                </DxColumn>
-                <DxColumn alignment="center" caption="Sudah Selesai" css-class="custom-table-column">
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
-                        css-class="custom-table-column" />
-                </DxColumn>
-            </DxColumn>
-            <DxColumn alignment="center" caption="Rating" css-class="custom-table-column">
-                <DxColumn alignment="center" caption="Bintang" css-class="custom-table-column">
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="1"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="2"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="3"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="4"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="5"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Indeks"
-                        css-class="custom-table-column" />
-                </DxColumn>
-            </DxColumn>
-            <DxColumn alignment="center" caption="Non Rating" css-class="custom-table-column">
-                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
-                    css-class="custom-table-column" />
-                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
-                    css-class="custom-table-column" />
-            </DxColumn>
-
-        </DxDataGrid>
+    <div class="mt-4 lg:mt-6 max-w-7xl">
+        <h1 class="text-xl font-medium md:text-2xl text-dark">
+            Laporan Pengaduan Total
+        </h1>
     </div>
+    <DxDataGrid class="max-h-[calc(100vh-140px)]" :show-column-lines="true" :show-row-lines="false" :show-borders="true"
+        :row-alternation-enabled="true" :hover-state-enabled="true" @selection-changed="onSelectionChanged"
+        :column-width="100" @exporting="onExporting" :allow-column-resizing="true" column-resizing-mode="widget"
+        :word-wrap-enabled="true">
+        <DxSelection mode="single" />
+        <DxPaging :enabled="false" />
+        <DxScrolling column-rendering-mode="virtual" mode="virtual" />
+        <DxLoadPanel :enabled="true" />
+        <DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
+        <DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
+        <DxColumnFixing :enabled="true" />
+
+        <DxColumn :width="170" alignment="center" data-field="" caption="Nama Unit" css-class="custom-table-column" />
+        <DxColumn alignment="center" caption="Total Petugas" css-class="custom-table-column">
+            <DxColumn :width="170" alignment="center" data-field="" caption="a" css-class="custom-table-column" />
+        </DxColumn>
+        <DxColumn alignment="center" caption="Total Petugas Yang Pengaduan Diselesaikan Secara Anomali"
+            css-class="custom-table-column">
+            <DxColumn alignment="center" caption="PLN Mobile" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="b"
+                    css-class="custom-table-column" />
+            </DxColumn>
+            <DxColumn alignment="center" caption="CC 123" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="c"
+                    css-class="custom-table-column" />
+            </DxColumn>
+            <DxColumn alignment="center" caption="Total" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="d=b+c"
+                    css-class="custom-table-column" />
+            </DxColumn>
+        </DxColumn>
+        <DxColumn alignment="center" caption="% Petugas Yang Pengaduan Diselesaikan Secara Anomali"
+            css-class="custom-table-column">
+            <DxColumn alignment="center" caption="PLN Mobile" css-class="custom-table-column">
+                <DxColumn alignment="center" caption="e=b/a" css-class="custom-table-column">
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Marking"
+                        css-class="custom-table-column" />
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Non Marking"
+                        css-class="custom-table-column" />
+                </DxColumn>
+            </DxColumn>
+            <DxColumn alignment="center" caption="CC 123" css-class="custom-table-column">
+                <DxColumn alignment="center" caption="f=c/a" css-class="custom-table-column">
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Marking"
+                        css-class="custom-table-column" />
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Non Marking"
+                        css-class="custom-table-column" />
+                </DxColumn>
+            </DxColumn>
+            <DxColumn alignment="center" caption="Total" css-class="custom-table-column">
+                <DxColumn alignment="center" caption="g=e+f" css-class="custom-table-column">
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Marking"
+                        css-class="custom-table-column" />
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Non Marking"
+                        css-class="custom-table-column" />
+                </DxColumn>
+            </DxColumn>
+        </DxColumn>
+    </DxDataGrid>
+
+    <AnomaliTable4 />
 </template>
 
 <script setup lang="ts">
@@ -70,6 +75,7 @@ import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
 import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
+import { AnomaliTable4 } from '.'
 
 const onExporting = (e: any) => {
     if (e.format === 'pdf') {
diff --git a/src/components/Pages/Anomali/Table_64.vue b/src/components/Pages/Anomali/Table_64.vue
new file mode 100644
index 0000000..119fa0f
--- /dev/null
+++ b/src/components/Pages/Anomali/Table_64.vue
@@ -0,0 +1,103 @@
+<template>
+    <div class="mt-4 lg:mt-6 max-w-7xl">
+        <h1 class="text-xl font-medium md:text-2xl text-dark">
+            Laporan Pengaduan PLN Mobile
+        </h1>
+    </div>
+    <DxDataGrid class="max-h-[calc(100vh-140px)]" :show-column-lines="true" :show-row-lines="false" :show-borders="true"
+        :row-alternation-enabled="true" :hover-state-enabled="true" @selection-changed="onSelectionChanged"
+        :column-width="100" @exporting="onExporting" :allow-column-resizing="true" column-resizing-mode="widget"
+        :word-wrap-enabled="true">
+        <DxSelection mode="single" />
+        <DxPaging :enabled="false" />
+        <DxScrolling column-rendering-mode="virtual" mode="virtual" />
+        <DxLoadPanel :enabled="true" />
+        <DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
+        <DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
+        <DxColumnFixing :enabled="true" />
+
+        <DxColumn :width="170" alignment="center" data-field="" caption="Nama Unit" css-class="custom-table-column" />
+        <DxColumn :width="170" alignment="center" data-field="" caption="Nama Petugas" css-class="custom-table-column" />
+        <DxColumn alignment="center" caption="Total WO" css-class="custom-table-column">
+            <DxColumn alignment="center" caption="(PLN Mobile, CC123, DLL)" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="a"
+                    css-class="custom-table-column" />
+            </DxColumn>
+        </DxColumn>
+        <DxColumn alignment="center" caption="Total Pengaduan Yang Diselesaikan Secara Anomali"
+            css-class="custom-table-column">
+            <DxColumn alignment="center" caption="PLN Mobile" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="b"
+                    css-class="custom-table-column" />
+            </DxColumn>
+            <DxColumn alignment="center" caption="CC 123" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="c"
+                    css-class="custom-table-column" />
+            </DxColumn>
+            <DxColumn alignment="center" caption="Total" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="d=b+c"
+                    css-class="custom-table-column" />
+            </DxColumn>
+        </DxColumn>
+        <DxColumn alignment="center" caption="% Pengaduan Yang Diselesaikan Secara Anomali" css-class="custom-table-column">
+            <DxColumn alignment="center" caption="PLN Mobile" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="e=b/a"
+                    css-class="custom-table-column" />
+            </DxColumn>
+            <DxColumn alignment="center" caption="CC 123" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="f=c/a"
+                    css-class="custom-table-column" />
+            </DxColumn>
+            <DxColumn alignment="center" caption="Total" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="g=e+f"
+                    css-class="custom-table-column" />
+            </DxColumn>
+        </DxColumn>
+
+    </DxDataGrid>
+</template>
+
+<script setup lang="ts">
+import { DxDataGrid } from 'devextreme-vue'
+import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
+import { jsPDF } from 'jspdf'
+import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
+import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
+import { saveAs } from 'file-saver'
+import { Workbook } from 'exceljs'
+
+const onExporting = (e: any) => {
+    if (e.format === 'pdf') {
+        const doc = new jsPDF()
+
+        exportToPdf({
+            jsPDFDocument: doc,
+            component: e.component,
+            indent: 5,
+        }).then(() => {
+            doc.save(`.pdf`)
+        })
+    } else {
+        const workbook = new Workbook()
+        const worksheet = workbook.addWorksheet('Employees')
+
+        exportToExcel({
+            component: e.component,
+            worksheet,
+            autoFilterEnabled: true,
+        }).then(() => {
+            workbook.xlsx.writeBuffer().then((buffer: any) => {
+                saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx')
+            })
+        })
+
+        e.cancel = true
+    }
+}
+
+const onSelectionChanged = ({ selectedRowsData }: any) => {
+    const data = selectedRowsData[0]
+    console.log(data)
+}
+
+</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
new file mode 100644
index 0000000..053bcb4
--- /dev/null
+++ b/src/components/Pages/Anomali/Table_65.vue
@@ -0,0 +1,122 @@
+<template>
+    <div class="mt-4 lg:mt-6 max-w-7xl">
+        <h1 class="text-xl font-medium md:text-2xl text-dark">
+            Laporan Pengaduan Total
+        </h1>
+    </div>
+    <DxDataGrid class="max-h-[calc(100vh-140px)]" :show-column-lines="true" :show-row-lines="false" :show-borders="true"
+        :row-alternation-enabled="true" :hover-state-enabled="true" @selection-changed="onSelectionChanged"
+        :column-width="100" @exporting="onExporting" :allow-column-resizing="true" column-resizing-mode="widget"
+        :word-wrap-enabled="true">
+        <DxSelection mode="single" />
+        <DxPaging :enabled="false" />
+        <DxScrolling column-rendering-mode="virtual" mode="virtual" />
+        <DxLoadPanel :enabled="true" />
+        <DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
+        <DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
+        <DxColumnFixing :enabled="true" />
+
+        <DxColumn :width="170" alignment="center" data-field="" caption="Nama Unit" css-class="custom-table-column" />
+        <DxColumn alignment="center" caption="Total WO" css-class="custom-table-column">
+            <DxColumn alignment="center" caption="CC 123" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="a"
+                    css-class="custom-table-column" />
+            </DxColumn>
+            <DxColumn alignment="center" caption="PLN Mobile" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="b"
+                    css-class="custom-table-column" />
+            </DxColumn>
+            <DxColumn alignment="center" caption="Loket" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="c"
+                    css-class="custom-table-column" />
+            </DxColumn>
+            <DxColumn alignment="center" caption="Lainnya" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="d"
+                    css-class="custom-table-column" />
+            </DxColumn>
+            <DxColumn alignment="center" caption="Total" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="e=a+b+c+d"
+                    css-class="custom-table-column" />
+            </DxColumn>
+        </DxColumn>
+        <DxColumn alignment="center" caption="Total Pengaduan Yang Diselesaikan Secara Anomali"
+            css-class="custom-table-column">
+            <DxColumn alignment="center" caption="PLN Mobile" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="f"
+                    css-class="custom-table-column" />
+            </DxColumn>
+            <DxColumn alignment="center" caption="CC 123" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="g"
+                    css-class="custom-table-column" />
+            </DxColumn>
+            <DxColumn alignment="center" caption="Total" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="h=f+g"
+                    css-class="custom-table-column" />
+            </DxColumn>
+        </DxColumn>
+
+        <DxColumn alignment="center" caption="% Pengaduan Yang Diselesaikan Secara Anomali" css-class="custom-table-column">
+            <DxColumn alignment="center" caption="PLN Mobile" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="i=f/e"
+                    css-class="custom-table-column" />
+            </DxColumn>
+            <DxColumn alignment="center" caption="CC 123" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="j=g/e"
+                    css-class="custom-table-column" />
+            </DxColumn>
+            <DxColumn alignment="center" caption="Total" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="k=i+j"
+                    css-class="custom-table-column" />
+            </DxColumn>
+        </DxColumn>
+
+    </DxDataGrid>
+
+    <AnomaliTable6 />
+</template>
+
+<script setup lang="ts">
+import { DxDataGrid } from 'devextreme-vue'
+import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
+import { jsPDF } from 'jspdf'
+import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
+import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
+import { saveAs } from 'file-saver'
+import { Workbook } from 'exceljs'
+import { AnomaliTable6 } from '.'
+
+const onExporting = (e: any) => {
+    if (e.format === 'pdf') {
+        const doc = new jsPDF()
+
+        exportToPdf({
+            jsPDFDocument: doc,
+            component: e.component,
+            indent: 5,
+        }).then(() => {
+            doc.save(`.pdf`)
+        })
+    } else {
+        const workbook = new Workbook()
+        const worksheet = workbook.addWorksheet('Employees')
+
+        exportToExcel({
+            component: e.component,
+            worksheet,
+            autoFilterEnabled: true,
+        }).then(() => {
+            workbook.xlsx.writeBuffer().then((buffer: any) => {
+                saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx')
+            })
+        })
+
+        e.cancel = true
+    }
+}
+
+const onSelectionChanged = ({ selectedRowsData }: any) => {
+    const data = selectedRowsData[0]
+    console.log(data)
+}
+
+</script>
\ No newline at end of file
diff --git a/src/components/Pages/Anomali/Table_66.vue b/src/components/Pages/Anomali/Table_66.vue
new file mode 100644
index 0000000..39bd6e9
--- /dev/null
+++ b/src/components/Pages/Anomali/Table_66.vue
@@ -0,0 +1,79 @@
+<template>
+    <div class="mt-4 lg:mt-6 max-w-7xl">
+        <h1 class="text-xl font-medium md:text-2xl text-dark">
+            Laporan Pengaduan PLN Mobile
+        </h1>
+    </div>
+    <DxDataGrid class="max-h-[calc(100vh-140px)]" :show-column-lines="true" :show-row-lines="false" :show-borders="true"
+        :row-alternation-enabled="true" :hover-state-enabled="true" @selection-changed="onSelectionChanged"
+        @exporting="onExporting" :allow-column-resizing="true" column-resizing-mode="widget" :word-wrap-enabled="true">
+        <DxSelection mode="single" />
+        <DxPaging :enabled="false" />
+        <DxScrolling column-rendering-mode="virtual" mode="virtual" />
+        <DxLoadPanel :enabled="true" />
+        <DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
+        <DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
+        <DxColumnFixing :enabled="true" />
+
+        <DxColumn alignment="center" data-field="" caption="Nama Unit" css-class="custom-table-column" />
+        <DxColumn alignment="center" caption="Total WO PLN Mobile" css-class="custom-table-column">
+            <DxColumn :width="170" alignment="center" data-field="" data-type="number" caption="a"
+                css-class="custom-table-column" />
+        </DxColumn>
+        <DxColumn alignment="center" caption="Total Pengaduan Yang Diselesaikan Secara Anomali"
+            css-class="custom-table-column">
+            <DxColumn :width="170" alignment="center" data-field="" data-type="number" caption="b"
+                css-class="custom-table-column" />
+        </DxColumn>
+        <DxColumn alignment="center" caption="% Pengaduan Yang Diselesaikan Secara Anomali" css-class="custom-table-column">
+            <DxColumn :width="170" alignment="center" data-field="" data-type="number" caption="c=b/a"
+                css-class="custom-table-column" />
+        </DxColumn>
+
+    </DxDataGrid>
+</template>
+
+<script setup lang="ts">
+import { DxDataGrid } from 'devextreme-vue'
+import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
+import { jsPDF } from 'jspdf'
+import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
+import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
+import { saveAs } from 'file-saver'
+import { Workbook } from 'exceljs'
+
+const onExporting = (e: any) => {
+    if (e.format === 'pdf') {
+        const doc = new jsPDF()
+
+        exportToPdf({
+            jsPDFDocument: doc,
+            component: e.component,
+            indent: 5,
+        }).then(() => {
+            doc.save(`.pdf`)
+        })
+    } else {
+        const workbook = new Workbook()
+        const worksheet = workbook.addWorksheet('Employees')
+
+        exportToExcel({
+            component: e.component,
+            worksheet,
+            autoFilterEnabled: true,
+        }).then(() => {
+            workbook.xlsx.writeBuffer().then((buffer: any) => {
+                saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx')
+            })
+        })
+
+        e.cancel = true
+    }
+}
+
+const onSelectionChanged = ({ selectedRowsData }: any) => {
+    const data = selectedRowsData[0]
+    console.log(data)
+}
+
+</script>
\ No newline at end of file
diff --git a/src/components/Pages/Anomali/index.ts b/src/components/Pages/Anomali/index.ts
index 3c08f9d..eeedd38 100644
--- a/src/components/Pages/Anomali/index.ts
+++ b/src/components/Pages/Anomali/index.ts
@@ -1,3 +1,6 @@
 export { default as AnomaliTable1 } from '@/components/Pages/Anomali/Table_61.vue'
 export { default as AnomaliTable2 } from '@/components/Pages/Anomali/Table_62.vue'
-export { default as AnomaliTable3 } from '@/components/Pages/Anomali/Table_63.vue'
\ No newline at end of file
+export { default as AnomaliTable3 } from '@/components/Pages/Anomali/Table_63.vue'
+export { default as AnomaliTable4 } from '@/components/Pages/Anomali/Table_64.vue'
+export { default as AnomaliTable5 } from '@/components/Pages/Anomali/Table_65.vue'
+export { default as AnomaliTable6 } from '@/components/Pages/Anomali/Table_66.vue'
\ No newline at end of file
diff --git a/src/components/Pages/Transaksi/Table_67.vue b/src/components/Pages/Ctt/Table_67.vue
similarity index 60%
rename from src/components/Pages/Transaksi/Table_67.vue
rename to src/components/Pages/Ctt/Table_67.vue
index d794954..13942dd 100644
--- a/src/components/Pages/Transaksi/Table_67.vue
+++ b/src/components/Pages/Ctt/Table_67.vue
@@ -12,49 +12,41 @@
             <DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
             <DxColumnFixing :enabled="true" />
 
-            <DxColumn :width="50" alignment="center" data-field="" caption="NO" css-class="custom-table-column" />
-            <DxColumn :width="150" alignment="center" data-field="" caption="Kode Unit" css-class="custom-table-column" />
             <DxColumn :width="170" alignment="center" data-field="" caption="Nama Unit" css-class="custom-table-column" />
-            <DxColumn alignment="center" caption="Laporan" css-class="custom-table-column">
-                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Total"
-                    css-class="custom-table-column" />
-                <DxColumn alignment="center" caption="Belum Selesai" css-class="custom-table-column">
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
+            <DxColumn alignment="center" caption="Total WO" css-class="custom-table-column">
+                <DxColumn alignment="center" caption="CC 123" css-class="custom-table-column">
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="a"
                         css-class="custom-table-column" />
                 </DxColumn>
-                <DxColumn alignment="center" caption="Sudah Selesai" css-class="custom-table-column">
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
+                <DxColumn alignment="center" caption="PLN Mobile" css-class="custom-table-column">
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="b"
                         css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
+                </DxColumn>
+                <DxColumn alignment="center" caption="COMCEN" css-class="custom-table-column">
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="c"
+                        css-class="custom-table-column" />
+                </DxColumn>
+                <DxColumn alignment="center" caption="Total" css-class="custom-table-column">
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="d=b+c"
                         css-class="custom-table-column" />
                 </DxColumn>
             </DxColumn>
-            <DxColumn alignment="center" caption="Rating" css-class="custom-table-column">
-                <DxColumn alignment="center" caption="Bintang" css-class="custom-table-column">
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
+            <DxColumn alignment="center" caption="Rekomendasi sistem" css-class="custom-table-column">
+                <DxColumn alignment="center" caption="Mendatangkan Petugas" css-class="custom-table-column">
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="e"
                         css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="1"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="2"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="3"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="4"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="5"
-                        css-class="custom-table-column" />
-                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Indeks"
+                </DxColumn>
+                <DxColumn alignment="center" caption="Diberikan ke Pelanggan" css-class="custom-table-column">
+                    <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="f"
                         css-class="custom-table-column" />
                 </DxColumn>
             </DxColumn>
-            <DxColumn alignment="center" caption="Non Rating" css-class="custom-table-column">
-                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
+            <DxColumn alignment="center" caption="DLPD" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="g"
                     css-class="custom-table-column" />
-                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
+            </DxColumn>
+            <DxColumn alignment="center" caption="Histori P2TL" css-class="custom-table-column">
+                <DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="h"
                     css-class="custom-table-column" />
             </DxColumn>
 
diff --git a/src/components/Pages/Ctt/index.ts b/src/components/Pages/Ctt/index.ts
index 5469ed1..e93864f 100644
--- a/src/components/Pages/Ctt/index.ts
+++ b/src/components/Pages/Ctt/index.ts
@@ -1 +1 @@
-export { default as CttTable1 } from '@/components/Pages/Ctt/Table_64.vue'
\ No newline at end of file
+export { default as CttTable1 } from '@/components/Pages/Ctt/Table_67.vue'
\ No newline at end of file
diff --git a/src/components/Pages/PencarianData/Table_68.vue b/src/components/Pages/Material/Table_68.vue
similarity index 100%
rename from src/components/Pages/PencarianData/Table_68.vue
rename to src/components/Pages/Material/Table_68.vue
diff --git a/src/components/Pages/Ctt/Table_64.vue b/src/components/Pages/Material/Table_69.vue
similarity index 100%
rename from src/components/Pages/Ctt/Table_64.vue
rename to src/components/Pages/Material/Table_69.vue
diff --git a/src/components/Pages/Material/index.ts b/src/components/Pages/Material/index.ts
index 65d4bcd..6eed0fc 100644
--- a/src/components/Pages/Material/index.ts
+++ b/src/components/Pages/Material/index.ts
@@ -1,2 +1,2 @@
-export { default as MaterialTable1 } from '@/components/Pages/Material/Table_65.vue'
-export { default as MaterialTable2 } from '@/components/Pages/Material/Table_66.vue'
\ No newline at end of file
+export { default as MaterialTable1 } from '@/components/Pages/Material/Table_68.vue'
+export { default as MaterialTable2 } from '@/components/Pages/Material/Table_69.vue'
\ No newline at end of file
diff --git a/src/components/Pages/Material/Table_65.vue b/src/components/Pages/PencarianData/Table_71.vue
similarity index 100%
rename from src/components/Pages/Material/Table_65.vue
rename to src/components/Pages/PencarianData/Table_71.vue
diff --git a/src/components/Pages/PencarianData/index.ts b/src/components/Pages/PencarianData/index.ts
index a6e7998..012e268 100644
--- a/src/components/Pages/PencarianData/index.ts
+++ b/src/components/Pages/PencarianData/index.ts
@@ -1 +1 @@
-export { default as PencarianDataTable1 } from '@/components/Pages/PencarianData/Table_68.vue'
\ No newline at end of file
+export { default as PencarianDataTable1 } from '@/components/Pages/PencarianData/Table_71.vue'
\ No newline at end of file
diff --git a/src/components/Pages/Material/Table_66.vue b/src/components/Pages/Transaksi/Table_70.vue
similarity index 100%
rename from src/components/Pages/Material/Table_66.vue
rename to src/components/Pages/Transaksi/Table_70.vue
diff --git a/src/components/Pages/Transaksi/index.ts b/src/components/Pages/Transaksi/index.ts
index f0bf6bd..9335e94 100644
--- a/src/components/Pages/Transaksi/index.ts
+++ b/src/components/Pages/Transaksi/index.ts
@@ -1 +1 @@
-export { default as TransaksiTable1 } from '@/components/Pages/Transaksi/Table_67.vue'
\ No newline at end of file
+export { default as TransaksiTable1 } from '@/components/Pages/Transaksi/Table_70.vue'
\ No newline at end of file
diff --git a/src/router/index.ts b/src/router/index.ts
index 343d782..83ba015 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -74,7 +74,7 @@ import {
   MonalisaTable9
 } from '@/components/Pages/Monalisa'
 import { CicoTable1 } from '@/components/Pages/Cico'
-import { AnomaliTable1, AnomaliTable2, AnomaliTable3 } from '@/components/Pages/Anomali'
+import { AnomaliTable1, AnomaliTable2, AnomaliTable3, AnomaliTable5 } from '@/components/Pages/Anomali'
 import { CttTable1 } from '@/components/Pages/Ctt'
 import { MaterialTable1, MaterialTable2 } from '@/components/Pages/Material'
 import { TransaksiTable1 } from '@/components/Pages/Transaksi'
@@ -568,7 +568,7 @@ export const routes: RouteRecordRaw[] = [
               {
                 path: '2',
                 name: 'Laporan Anomali Penangan Pengaduan Gangguan Petugas',
-                component: AnomaliTable2,
+                component: AnomaliTable3,
               },
               {
                 path: ':pathMatch(.*)*',
@@ -583,7 +583,7 @@ export const routes: RouteRecordRaw[] = [
               {
                 path: '1',
                 name: 'Laporan Anomali Penangan Pengaduan Keluhan Unit',
-                component: AnomaliTable3,
+                component: AnomaliTable5,
               },
               {
                 path: ':pathMatch(.*)*',