From 099b5d867a38a2d293b382ec4b92ab239846e3ca Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Wed, 6 Mar 2024 11:22:15 +0700
Subject: [PATCH] Update cell templates : Gangguan - Daftar.vue

---
 .../Pages/Gangguan/Daftar/DGangguan_BM.vue    |  201 +--
 .../Pages/Gangguan/Daftar/DGangguan_DKPL.vue  |   40 +-
 .../Gangguan/Daftar/DGangguan_DMAPKT.vue      |  201 +--
 .../Pages/Gangguan/Daftar/DGangguan_MLD1K.vue |  258 +---
 .../Daftar/DGangguan_RecoveryTime.vue         | 1254 +----------------
 .../Daftar/DGangguan_ResponseTime.vue         |  258 +---
 .../Pages/Gangguan/Daftar/DGangguan_STIDP.vue |  202 +--
 7 files changed, 340 insertions(+), 2074 deletions(-)

diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue
index 7451442..f6bbe84 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue
@@ -4,154 +4,61 @@
   </Filters>
 
   <div id="data">
-    <DxDataGrid
-      class="max-h-[calc(100vh-140px)] mb-10"
-      :data-source="data"
-      :show-column-lines="true"
-      :show-row-lines="false"
-      :show-borders="true"
-      :row-alternation-enabled="true"
-      :hover-state-enabled="true"
-      @selection-changed=""
-      :column-width="100"
-      @exporting=""
-      :allow-column-resizing="true"
-      column-resizing-mode="widget"
-    >
+    <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
+      :show-row-lines="false" :show-borders="true" :row-alternation-enabled="true" :hover-state-enabled="true"
+      @selection-changed="" :column-width="100" @exporting="" :allow-column-resizing="true"
+      column-resizing-mode="widget">
       <DxSelection mode="single" />
       <DxPaging :page-size="5" :enabled="true" />
-      <DxPager
-        :visible="true"
-        :allowed-page-sizes="[5, 10, 20]"
-        display-mode="full"
-        :show-page-size-selector="true"
-        :show-info="true"
-        :show-navigation-buttons="true"
-      />
-      <DxLoadPanel
-        :position="position"
-        :show-indicator="showIndicator"
-        :show-pane="showPane"
-        :shading="shading"
-        v-if="loading"
-        v-model:visible="loading"
-        :enabled="true"
-      />
+      <DxPager :visible="true" :allowed-page-sizes="[5, 10, 20]" display-mode="full" :show-page-size-selector="true"
+        :show-info="true" :show-navigation-buttons="true" />
+      <DxLoadPanel :position="position" :show-indicator="showIndicator" :show-pane="showPane" :shading="shading"
+        v-if="loading" v-model:visible="loading" :enabled="true" />
       <DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
-      <DxExport
-        :enabled="true"
-        :formats="['pdf', 'xlsx', 'document']"
-        :allow-export-selected-data="false"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="50"
-        alignment="center"
-        :calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1"
-        data-type="number"
-        caption="No"
-      />
+      <DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
+      <DxColumn css-class="custom-table-column" :width="50" alignment="center"
+        :calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1" data-type="number" caption="No" />
 
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="no_laporan"
-        caption="No Laporan"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="nama_pelapor"
-        caption="Nama Pelapor"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="170"
-        alignment="center"
-        data-field="alamat_pelapor"
-        caption="Alamat Pelapor"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="no_telp_pelapor"
-        caption="No Telp Pelapor"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="keterangan_pelapor"
-        caption="Keterangan Pelapor"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="status_akhir"
-        caption="Status"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="waktu_lapor"
-        caption="Tgl Lapor"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="waktu_response"
-        caption="Tgl Response"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="waktu_recovery"
-        caption="Tgl Recovery"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="170"
-        alignment="center"
-        data-field="durasi_response_time"
-        caption="Durasi Response Time"
-        cell-template="data-waktu"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="170"
-        alignment="center"
-        data-field="durasi_recovery_time"
-        caption="Durasi Recovery Time"
-        cell-template="data-waktu"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="nama_posko"
-        caption="Sumber Lapor"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="waktu_media"
-        caption="Tgl Media"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="170"
-        alignment="center"
-        data-field="media"
-        caption="Keterangan Media"
-      />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="no_laporan"
+        caption="No Laporan" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="nama_pelapor"
+        caption="Nama Pelapor" cell-template="cellDefault" />
+      <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="alamat_pelapor"
+        caption="Alamat Pelapor" cell-template="cellDefault" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="no_telp_pelapor"
+        caption="No Telp Pelapor" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="keterangan_pelapor"
+        caption="Keterangan Pelapor" cell-template="cellDefault" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="status_akhir"
+        caption="Status" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_lapor"
+        caption="Tgl Lapor" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_response"
+        caption="Tgl Response" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_recovery"
+        caption="Tgl Recovery" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="durasi_response_time"
+        caption="Durasi Response Time" cell-template="data-waktu" />
+      <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="durasi_recovery_time"
+        caption="Durasi Recovery Time" cell-template="data-waktu" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="nama_posko"
+        caption="Sumber Lapor" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_media"
+        caption="Tgl Media" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="keterangan_media"
+        caption="Keterangan Media" cell-template="cellDefault" />
+
+      <template #cellCenter="{ data }">
+        <p class="cursor-pointer">
+          {{ data.text }}
+        </p>
+      </template>
+
+      <template #cellDefault="{ data }">
+        <p class="text-left cursor-pointer">
+          {{ data.text }}
+        </p>
+      </template>
 
       <template #data-waktu="{ data }">
         <p>
@@ -166,7 +73,7 @@
 import Filters from '@/components/Form/Filters.vue'
 import Type16 from '@/components/Form/FiltersType/Type16.vue'
 import { formatWaktu } from '@/components/Form/FiltersType/reference'
-import { ref } from 'vue'
+import { onMounted, ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
   DxColumn,
@@ -179,6 +86,7 @@ import {
 } from 'devextreme-vue/data-grid'
 import { useQuery } from '@vue/apollo-composable'
 import { queries } from '@/utils/graphql'
+import { dummyData } from '@/utils/dummy'
 
 const position = { of: '#data' }
 const showIndicator = ref(true)
@@ -224,4 +132,7 @@ const filterData = (params: any) => {
 }
 
 const filters = ref()
+onMounted(() => {
+  data.value = dummyData.gangguan.daftar.daftarGangguanBerdasarkanMedia
+})
 </script>
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue
index 123a9ba..fc9443e 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue
@@ -21,49 +21,49 @@
                 :calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1" data-type="number"
                 caption="No" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="no_laporan"
-                caption="No Laporan" cell-template="cellDefault" />
+                caption="No Laporan" cell-template="cellCenter" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="pembuat_laporan"
-                caption="Pembuat Laporan" cell-template="cellLeft" />
+                caption="Pembuat Laporan" cell-template="cellDefault" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_lapor"
-                caption="Tgl Lapor" cell-template="cellDefault" />
+                caption="Tgl Lapor" cell-template="cellCenter" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_dialihkan"
-                caption="Tgl Dialihkan" cell-template="cellDefault" />
+                caption="Tgl Dialihkan" cell-template="cellCenter" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_response"
-                caption="Tgl Response" cell-template="cellDefault" />
+                caption="Tgl Response" cell-template="cellCenter" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_recovery"
-                caption="Tgl Recovery" cell-template="cellDefault" />
+                caption="Tgl Recovery" cell-template="cellCenter" />
             <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="durasi_response_time"
                 caption="Durasi Response Time" cell-template="data-waktu" />
             <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="durasi_recovery_time"
                 caption="Durasi Recovery Time" cell-template="data-waktu" />
             <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="nama_posko_lama"
-                caption="Posko Asal" cell-template="cellLeft" />
+                caption="Posko Asal" cell-template="cellDefault" />
             <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="nama_posko_baru"
                 caption="Posko Tujuan" cell-template="cellDefault" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="status_akhir"
-                caption="Status" cell-template="cellDefault" />
+                caption="Status" cell-template="cellCenter" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="idpel_nometer"
-                caption="IDPEL/NO METER" cell-template="cellDefault" />
+                caption="IDPEL/NO METER" cell-template="cellCenter" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="nama_pelapor"
-                caption="Nama Pelapor" cell-template="cellLeft" />
+                caption="Nama Pelapor" cell-template="cellDefault" />
             <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="alamat_pelapor"
-                caption="Alamat Pelapor" cell-template="cellLeft" />
+                caption="Alamat Pelapor" cell-template="cellDefault" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="no_telp_pelapor"
-                caption="No Telp Pelapor" cell-template="cellDefault" />
+                caption="No Telp Pelapor" cell-template="cellCenter" />
             <DxColumn css-class="custom-table-column" :width="250" alignment="center" data-field="keterangan_pelapor"
-                caption="Keterangan Pelapor" cell-template="cellLeft" />
+                caption="Keterangan Pelapor" cell-template="cellDefault" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="media"
-                caption="Sumber Lapor" cell-template="cellDefault" />
+                caption="Sumber Lapor" cell-template="cellCenter" />
             <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="nama_posko_lama"
-                caption="Posko" cell-template="cellLeft" />
+                caption="Posko" cell-template="cellDefault" />
 
-            <template #cellDefault="{ data }">
+            <template #cellCenter="{ data }">
                 <p class="cursor-pointer" @click="showData()">
                     {{ data.text }}
                 </p>
             </template>
 
-            <template #cellLeft="{ data }">
+            <template #cellDefault="{ data }">
                 <p class="text-left cursor-pointer" @click="showData()">
                     {{ data.text }}
                 </p>
@@ -193,7 +193,7 @@ import {
     DxSelection
 } from 'devextreme-vue/data-grid'
 import { formatWaktu } from '@/components/Form/FiltersType/reference'
-import { ref } from 'vue'
+import { onMounted, ref } from 'vue'
 import { jsPDF } from 'jspdf'
 import autoTable from 'jspdf-autotable'
 import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
@@ -203,6 +203,7 @@ import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
 import InputText from '@/components/InputText.vue'
 import { useQuery } from '@vue/apollo-composable'
 import { queries } from '@/utils/graphql'
+import { dummyData } from '@/utils/dummy'
 
 const position = { of: '#dataTable' }
 const showIndicator = ref(true)
@@ -350,4 +351,7 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
 }
 const showData = () => showDetail.value = true
 const filters = ref()
+onMounted(() => {
+    data.value = dummyData.gangguan.daftar.dialihkanKePoskoLain
+})
 </script>
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue
index 388c51c..ef26038 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue
@@ -4,154 +4,61 @@
   </Filters>
 
   <div id="data">
-    <DxDataGrid
-      class="max-h-[calc(100vh-140px)] mb-10"
-      :data-source="data"
-      :show-column-lines="true"
-      :show-row-lines="false"
-      :show-borders="true"
-      :row-alternation-enabled="true"
-      :hover-state-enabled="true"
-      @selection-changed=""
-      :column-width="100"
-      @exporting=""
-      :allow-column-resizing="true"
-      column-resizing-mode="widget"
-    >
+    <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
+      :show-row-lines="false" :show-borders="true" :row-alternation-enabled="true" :hover-state-enabled="true"
+      @selection-changed="" :column-width="100" @exporting="" :allow-column-resizing="true"
+      column-resizing-mode="widget">
       <DxSelection mode="single" />
       <DxPaging :page-size="5" :enabled="true" />
-      <DxPager
-        :visible="true"
-        :allowed-page-sizes="[5, 10, 20]"
-        display-mode="full"
-        :show-page-size-selector="true"
-        :show-info="true"
-        :show-navigation-buttons="true"
-      />
-      <DxLoadPanel
-        :position="position"
-        :show-indicator="showIndicator"
-        :show-pane="showPane"
-        :shading="shading"
-        v-if="loading"
-        v-model:visible="loading"
-        :enabled="true"
-      />
+      <DxPager :visible="true" :allowed-page-sizes="[5, 10, 20]" display-mode="full" :show-page-size-selector="true"
+        :show-info="true" :show-navigation-buttons="true" />
+      <DxLoadPanel :position="position" :show-indicator="showIndicator" :show-pane="showPane" :shading="shading"
+        v-if="loading" v-model:visible="loading" :enabled="true" />
       <DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
-      <DxExport
-        :enabled="true"
-        :formats="['pdf', 'xlsx', 'document']"
-        :allow-export-selected-data="false"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="50"
-        alignment="center"
-        :calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1"
-        data-type="number"
-        caption="No"
-      />
+      <DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
+      <DxColumn css-class="custom-table-column" :width="50" alignment="center"
+        :calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1" data-type="number" caption="No" />
 
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="no_laporan"
-        caption="No Laporan"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="waktu_lapor"
-        caption="Tgl Lapor"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="waktu_response"
-        caption="Tgl Response"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="waktu_recovery"
-        caption="Tgl Recovery"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="170"
-        alignment="center"
-        data-field="durasi_response_time"
-        caption="Durasi Response Time"
-        cell-template="data-waktu"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="170"
-        alignment="center"
-        data-field="durasi_recovery_time"
-        caption="Durasi Recovery Time"
-        cell-template="data-waktu"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="status_akhir"
-        caption="Status"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="idpel_nometer"
-        caption="IDPEL/NO METER"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="nama_pelapor"
-        caption="Nama Pelapor"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="170"
-        alignment="center"
-        data-field="alamat_pelapor"
-        caption="Alamat Pelapor"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="no_telp_pelapor"
-        caption="No Telp Pelapor"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="keterangan_pelapor"
-        caption="Keterangan Pelapor"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="media"
-        caption="Sumber Lapor"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="170"
-        alignment="center"
-        data-field="nama_posko"
-        caption="Posko"
-      />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="no_laporan"
+        caption="No Laporan" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_lapor"
+        caption="Tgl Lapor" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_response"
+        caption="Tgl Response" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_recovery"
+        caption="Tgl Recovery" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="durasi_response_time"
+        caption="Durasi Response Time" cell-template="data-waktu" />
+      <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="durasi_recovery_time"
+        caption="Durasi Recovery Time" cell-template="data-waktu" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="status_akhir"
+        caption="Status" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="idpel_nometer"
+        caption="IDPEL/NO METER" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="nama_pelapor"
+        caption="Nama Pelapor" cell-template="cellDefault" />
+      <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="alamat_pelapor"
+        caption="Alamat Pelapor" cell-template="cellDefault" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="no_telp_pelapor"
+        caption="No Telp Pelapor" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="keterangan_pelapor"
+        caption="Keterangan Pelapor" cell-template="cellDefault" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="media"
+        caption="Sumber Lapor" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="nama_posko" caption="Posko"
+        cell-template="cellDefault" />
+
+      <template #cellCenter="{ data }">
+        <p class="cursor-pointer">
+          {{ data.text }}
+        </p>
+      </template>
+
+      <template #cellDefault="{ data }">
+        <p class="text-left cursor-pointer">
+          {{ data.text }}
+        </p>
+      </template>
 
       <template #data-waktu="{ data }">
         <p>
@@ -166,7 +73,7 @@
 import Filters from '@/components/Form/Filters.vue'
 import Type1 from '@/components/Form/FiltersType/Type1.vue'
 import { formatWaktu } from '@/components/Form/FiltersType/reference'
-import { ref } from 'vue'
+import { onMounted, ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
   DxColumn,
@@ -179,6 +86,7 @@ import {
 } from 'devextreme-vue/data-grid'
 import { useQuery } from '@vue/apollo-composable'
 import { queries } from '@/utils/graphql'
+import { dummyData } from '@/utils/dummy'
 
 const position = { of: '#data' }
 const showIndicator = ref(true)
@@ -226,4 +134,7 @@ const filterData = (params: any) => {
 }
 
 const filters = ref()
+onMounted(() => {
+  data.value = dummyData.gangguan.daftar.daftarGangguanDiselesaikanMobileAPKT
+})
 </script>
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue
index 868baf3..779ae5b 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue
@@ -4,179 +4,63 @@
   </Filters>
 
   <div id="data">
-    <DxDataGrid
-      class="max-h-[calc(100vh-140px)] mb-10"
-      :data-source="data"
-      :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=""
-      :allow-column-resizing="true"
-      column-resizing-mode="widget"
-    >
+    <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :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="" :allow-column-resizing="true"
+      column-resizing-mode="widget">
       <DxSelection mode="single" />
       <DxPaging :page-size="5" :enabled="true" />
-      <DxPager
-        :visible="true"
-        :allowed-page-sizes="[5, 10, 20]"
-        display-mode="full"
-        :show-page-size-selector="true"
-        :show-info="true"
-        :show-navigation-buttons="true"
-      />
-      <DxLoadPanel
-        :position="position"
-        :show-indicator="showIndicator"
-        :show-pane="showPane"
-        :shading="shading"
-        v-if="loading"
-        v-model:visible.sync="loading"
-        :enabled="true"
-      />
+      <DxPager :visible="true" :allowed-page-sizes="[5, 10, 20]" display-mode="full" :show-page-size-selector="true"
+        :show-info="true" :show-navigation-buttons="true" />
+      <DxLoadPanel :position="position" :show-indicator="showIndicator" :show-pane="showPane" :shading="shading"
+        v-if="loading" v-model:visible.sync="loading" :enabled="true" />
       <DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
-      <DxExport
-        :enabled="true"
-        :formats="['pdf', 'xlsx', 'document']"
-        :allow-export-selected-data="false"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="50"
-        alignment="center"
-        :calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1"
-        data-type="number"
-        caption="No"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="no_laporan"
-        caption="No Laporan"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="waktu_lapor"
-        caption="Tgl Lapor"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="waktu_response"
-        caption="Tgl Response"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="waktu_recovery"
-        caption="Tgl Recovery"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        alignment="center"
-        data-field="jumlah_lapor"
-        caption="Jml Lapor"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="170"
-        alignment="center"
-        data-field="durasi_response_time"
-        caption="Durasi Response Time"
-        cell-template="data-waktu"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="170"
-        alignment="center"
-        data-field="durasi_recovery_time"
-        caption="Durasi Recovery Time"
-        cell-template="data-waktu"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="status_akhir"
-        caption="Status"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="idpel_nometer"
-        caption="IDPEL/NO METER"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="nama_pelapor"
-        caption="Nama Pelapor"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="170"
-        alignment="center"
-        data-field="alamat_pelapor"
-        caption="Alamat Pelapor"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="no_telp_pelapor"
-        caption="No Telp Pelapor"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="keterangan_pelapor"
-        caption="Keterangan Pelapor"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="media"
-        caption="Sumber Lapor"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="170"
-        alignment="center"
-        data-field="nama_posko"
-        caption="Posko"
-        cell-template="data"
-      />
+      <DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
+      <DxColumn css-class="custom-table-column" :width="50" alignment="center"
+        :calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1" data-type="number" caption="No" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="no_laporan"
+        caption="No Laporan" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_lapor"
+        caption="Tgl Lapor" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_response"
+        caption="Tgl Response" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_recovery"
+        caption="Tgl Recovery" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" alignment="center" data-field="jumlah_lapor" caption="Jml Lapor"
+        cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="durasi_response_time"
+        caption="Durasi Response Time" cell-template="data-waktu" />
+      <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="durasi_recovery_time"
+        caption="Durasi Recovery Time" cell-template="data-waktu" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="status_akhir"
+        caption="Status" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="idpel_nometer"
+        caption="IDPEL/NO METER" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="nama_pelapor"
+        caption="Nama Pelapor" cell-template="cellDefault" />
+      <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="alamat_pelapor"
+        caption="Alamat Pelapor" cell-template="cellDefault" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="no_telp_pelapor"
+        caption="No Telp Pelapor" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="keterangan_pelapor"
+        caption="Keterangan Pelapor" cell-template="cellDefault" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="media"
+        caption="Sumber Lapor" cell-template="cellDefault" />
+      <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="nama_posko" caption="Posko"
+        cell-template="cellDefault" />
 
-      <template #data="{ data }">
+      <template #cellCenter="{ data }">
         <p class="cursor-pointer" @click="showData()">
           {{ data.text }}
         </p>
       </template>
 
+      <template #cellDefault="{ data }">
+        <p class="text-left cursor-pointer" @click="showData()">
+          {{ data.text }}
+        </p>
+      </template>
+
       <template #data-waktu="{ data }">
         <p class="cursor-pointer" @click="showData()">
           {{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -185,11 +69,7 @@
     </DxDataGrid>
   </div>
 
-  <DetailDialog
-    :open="showDetail"
-    title="Daftar Gangguan Melapor Lebih Dari 1 Kali"
-    @on-close="closeDetail"
-  >
+  <DetailDialog :open="showDetail" title="Daftar Gangguan Melapor Lebih Dari 1 Kali" @on-close="closeDetail">
     <div class="w-full p-4 space-y-2 bg-white rounded-xl">
       <div class="flex flex-row items-center justify-between w-full">
         <h3 class="text-sm font-medium w-[170px] text-gray-800">No Laporan:</h3>
@@ -218,28 +98,18 @@
 
       <div class="flex flex-row items-center justify-between w-full">
         <h3 class="text-sm font-medium w-[170px] text-gray-800">Response Time:</h3>
-        <InputText
-          :readonly="true"
-          :value="
-            parseInt(dataDetail?.durasi_response_time)
-              ? formatWaktu(dataDetail?.durasi_response_time)
-              : '-'
-          "
-          class-name="flex-1"
-        />
+        <InputText :readonly="true" :value="parseInt(dataDetail?.durasi_response_time)
+    ? formatWaktu(dataDetail?.durasi_response_time)
+    : '-'
+    " class-name="flex-1" />
       </div>
 
       <div class="flex flex-row items-center justify-between w-full">
         <h3 class="text-sm font-medium w-[170px] text-gray-800">Recovery Time:</h3>
-        <InputText
-          :readonly="true"
-          class-name="flex-1"
-          :value="
-            parseInt(dataDetail?.durasi_recovery_time)
-              ? formatWaktu(dataDetail?.durasi_recovery_time)
-              : '-'
-          "
-        />
+        <InputText :readonly="true" class-name="flex-1" :value="parseInt(dataDetail?.durasi_recovery_time)
+    ? formatWaktu(dataDetail?.durasi_recovery_time)
+    : '-'
+    " />
       </div>
 
       <div class="flex flex-row items-center justify-between w-full">
@@ -279,12 +149,7 @@
 
       <div class="flex flex-row items-center justify-between w-full">
         <h3 class="text-sm font-medium w-[170px] text-gray-800">Unit Layanan Pelanggan:</h3>
-        <InputText
-          :readonly="true"
-          type="textarea"
-          :value="dataDetail?.nama_posko"
-          class-name="flex-1 h-[56px]"
-        />
+        <InputText :readonly="true" type="textarea" :value="dataDetail?.nama_posko" class-name="flex-1 h-[56px]" />
       </div>
     </div>
   </DetailDialog>
@@ -294,7 +159,7 @@
 import Filters from '@/components/Form/Filters.vue'
 import Type6 from '@/components/Form/FiltersType/Type6.vue'
 import { formatWaktu } from '@/components/Form/FiltersType/reference'
-import { ref } from 'vue'
+import { onMounted, ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
   DxColumn,
@@ -309,6 +174,7 @@ import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
 import InputText from '@/components/InputText.vue'
 import { useQuery } from '@vue/apollo-composable'
 import { queries } from '@/utils/graphql'
+import { dummyData } from '@/utils/dummy'
 
 const position = { of: '#data' }
 const showIndicator = ref(true)
@@ -366,4 +232,8 @@ const filterData = (params: any) => {
     console.log(error)
   })
 }
+
+onMounted(() => {
+  data.value = dummyData.gangguan.daftar.melaporLebihDariSatuKali
+})
 </script>
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue
index 88836fa..a23e3c8 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue
@@ -33,42 +33,48 @@
         :calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1" data-type="number" caption="No" />
 
       <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="no_laporan"
-        caption="No Laporan" cell-template="data" />
+        caption="No Laporan" cell-template="cellCenter" />
       <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_lapor"
-        caption="Tgl Lapor" cell-template="data" />
+        caption="Tgl Lapor" cell-template="cellCenter" />
       <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_response"
-        caption="Tgl Response" cell-template="data" />
+        caption="Tgl Response" cell-template="cellCenter" />
       <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_recovery"
-        caption="Tgl Recovery" cell-template="data" />
+        caption="Tgl Recovery" cell-template="cellCenter" />
       <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="durasi_response_time"
         caption="Durasi Response Time" cell-template="data-waktu" />
       <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="durasi_recovery_time"
         caption="Durasi Recovery Time" cell-template="data-waktu" />
       <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="status_akhir"
-        caption="Status" cell-template="data" />
+        caption="Status" cell-template="cellCenter" />
       <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="referensi_marking"
-        caption="Referensi Marking" cell-template="data" />
+        caption="Referensi Marking" cell-template="cellCenter" />
       <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="idpel_nometer"
-        caption="IDPEL/NO METER" cell-template="data" />
+        caption="IDPEL/NO METER" cell-template="cellCenter" />
       <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="nama_pelapor"
-        caption="Nama Pelapor" cell-template="data" />
+        caption="Nama Pelapor" cell-template="cellDefault" />
       <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="alamat_pelapor"
-        caption="Alamat Pelapor" cell-template="data" />
+        caption="Alamat Pelapor" cell-template="cellDefault" />
       <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="no_telp_pelapor"
-        caption="No Telp Pelapor" cell-template="data" />
+        caption="No Telp Pelapor" cell-template="cellCenter" />
       <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="keterangan_pelapor"
-        caption="Keterangan Pelapor" cell-template="data" />
+        caption="Keterangan Pelapor" cell-template="cellDefault" />
       <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="media"
-        caption="Sumber Lapor" cell-template="data" />
+        caption="Sumber Lapor" cell-template="cellDefault" />
       <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="nama_posko" caption="Posko"
-        cell-template="data" />
+        cell-template="cellDefault" />
 
-      <template #data="{ data }">
+      <template #cellCenter="{ data }">
         <p class="cursor-pointer" @click="showData()">
           {{ data.text }}
         </p>
       </template>
 
+      <template #cellDefault="{ data }">
+        <p class="text-left cursor-pointer" @click="showData()">
+          {{ data.text }}
+        </p>
+      </template>
+
       <template #data-waktu="{ data }">
         <p class="cursor-pointer" @click="showData()">
           {{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -187,6 +193,7 @@ import {
 } from 'devextreme-vue/data-grid'
 import { useQuery } from '@vue/apollo-composable'
 import { queries } from '@/utils/graphql'
+import { dummyData } from '@/utils/dummy'
 
 const position = { of: '#data' }
 const showIndicator = ref(true)
@@ -248,1223 +255,6 @@ const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar
 
 const filters = ref()
 onMounted(() => {
-  data.value = [
-    {
-      "no_laporan": "G5423020100150",
-      "pembuat_laporan": "PLNMOBILE",
-      "waktu_lapor": "01-02-2023 00:16:17",
-      "waktu_response": "01-02-2023 00:56:28",
-      "waktu_recovery": "01-02-2023 01:00:37",
-      "durasi_response_time": 2411,
-      "durasi_recovery_time": 249,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "Raihana S. Rahmahadi",
-      "alamat_pelapor": "JL BKT RAFLESIA N8-16",
-      "no_telp_pelapor": "6282138889101",
-      "keterangan_pelapor": "MCB LEMAH DAYA RI/2200VA. SESUAI INFO PELANGGAN SUDAH ADA PETUGAS YANG MENGHUBUNGI DIINFORMASIKAN AKAN ADA PETUGAS YANG DATANG KE LOKASI.",
-      "media": "PLN Mobile",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020100985",
-      "pembuat_laporan": "PLNMOBILE",
-      "waktu_lapor": "01-02-2023 03:09:50",
-      "waktu_response": "01-02-2023 03:42:40",
-      "waktu_recovery": "01-02-2023 03:49:35",
-      "durasi_response_time": 1970,
-      "durasi_recovery_time": 415,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "Risky Ariyanto",
-      "alamat_pelapor": "JL JANKES AD No. RT.7 RW.2",
-      "no_telp_pelapor": "6285240208016",
-      "keterangan_pelapor": "gagal isi token dan di meteran ada tulisan Periksa",
-      "media": "PLN Mobile",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020101461",
-      "pembuat_laporan": "PLNMOBILE",
-      "waktu_lapor": "01-02-2023 05:38:01",
-      "waktu_response": "01-02-2023 05:48:13",
-      "waktu_recovery": "01-02-2023 05:54:06",
-      "durasi_response_time": 612,
-      "durasi_recovery_time": 353,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "Junaedi Muntoro",
-      "alamat_pelapor": "PR BKT GOLF ARCADIA BLK G.06 No.5 CBBR",
-      "no_telp_pelapor": "628111588806",
-      "keterangan_pelapor": "Mohon bantuan isi token PLN 3214732093\\n\\nPT. KARYA CANTIKA KUSUMA\\n\\nBukit Golf Riverside\\nKluster Arcadia Blok G6/5\\nBojong Nangka Gunung Putri Bogor\\n\\nGagal isi Tokel Tertera Meteran TERPERIKSA.\\n\\nMOHON BANTUAN PAK..",
-      "media": "PLN Mobile",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5523020100067",
-      "pembuat_laporan": "CC.55.SUMIATI",
-      "waktu_lapor": "01-02-2023 05:57:02",
-      "waktu_response": "01-02-2023 06:18:55",
-      "waktu_recovery": "01-01-1970 00:00:00",
-      "durasi_response_time": 1313,
-      "durasi_recovery_time": 33958236,
-      "status_akhir": "Dibatalkan",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "BP ANAL ",
-      "alamat_pelapor": "JL MANUNGGAL RT 05 RW 02 KEL KELAPA  DUA WETAN KEC CIRACAS JAKARTA TIMUR ",
-      "no_telp_pelapor": "6285777592240",
-      "keterangan_pelapor": "BANYAK RUMAH PADAM ",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020103015",
-      "pembuat_laporan": "CC.54.EKA.CSOI",
-      "waktu_lapor": "01-02-2023 07:39:03",
-      "waktu_response": "01-02-2023 08:14:56",
-      "waktu_recovery": "01-02-2023 08:19:32",
-      "durasi_response_time": 2153,
-      "durasi_recovery_time": 276,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "IBU DIN",
-      "alamat_pelapor": "JL. HAJI MIUN NO.97 RT. 1 RW 2 KEL KALISARI KEC. PASAR REBO JAKTIM, SEBERANG CAFE LAW COFFE ",
-      "no_telp_pelapor": "082112050265",
-      "keterangan_pelapor": "MCB LEMAH DAYA 1.300 VA ",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020104169",
-      "pembuat_laporan": "CC.54.NURHAJIZAH.CSOI",
-      "waktu_lapor": "01-02-2023 08:33:35",
-      "waktu_response": "01-02-2023 08:52:35",
-      "waktu_recovery": "01-02-2023 09:01:28",
-      "durasi_response_time": 1140,
-      "durasi_recovery_time": 533,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "BP TARDI ",
-      "alamat_pelapor": "JL CENGKEH 4 RT-7 / RW-10 NO 11A KEL PEKAYON KEC PASAR REBO JAKTIM ",
-      "no_telp_pelapor": "085218427040",
-      "keterangan_pelapor": "APP PRABAYAR DISPLAY TERTERA PERIKSA (PTL TIDAK PADAM)",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020104995",
-      "pembuat_laporan": "CC.54.SUSILAWATI123",
-      "waktu_lapor": "01-02-2023 09:07:43",
-      "waktu_response": "01-02-2023 09:45:58",
-      "waktu_recovery": "01-02-2023 09:49:27",
-      "durasi_response_time": 2295,
-      "durasi_recovery_time": 209,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "BP SYAMSUDIN",
-      "alamat_pelapor": "SETEMPAT EX TEMPAT POOL TAKSI JL RAYA PEKAPURAN PERUM GRAND TABEBUYA CIMANGGIS BLOK B NO. 9  RT 01/ 05 KEL CURUG KEC CIMAMNGIS KOTA DEPOK ( DEPAN PABRIK POMPA ).",
-      "no_telp_pelapor": "082111030313",
-      "keterangan_pelapor": "MCB RUSAK DAYA 2200 VA",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020105409",
-      "pembuat_laporan": "PLNMOBILE",
-      "waktu_lapor": "01-02-2023 09:23:04",
-      "waktu_response": "01-02-2023 10:00:11",
-      "waktu_recovery": "01-02-2023 10:20:47",
-      "durasi_response_time": 2227,
-      "durasi_recovery_time": 1236,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "AGUS",
-      "alamat_pelapor": "JL KP BABAKAN RT10/2",
-      "no_telp_pelapor": "62895410754990",
-      "keterangan_pelapor": "listrik sy mati tetangga nyala",
-      "media": "PLN Mobile",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020105673",
-      "pembuat_laporan": "CC.54.RINO.CSOI",
-      "waktu_lapor": "01-02-2023 09:31:37",
-      "waktu_response": "01-02-2023 10:14:24",
-      "waktu_recovery": "01-02-2023 10:30:23",
-      "durasi_response_time": 2567,
-      "durasi_recovery_time": 959,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "IBU YULI",
-      "alamat_pelapor": "JL RAYA PONCOL NO 18 RT-7 / RW-9 KEL CIRACAS JAKTIM (AYAM BAKAR EXCO) DEKAT AIRLANGGA",
-      "no_telp_pelapor": "081282196831",
-      "keterangan_pelapor": "1 RUMAH PADAM APP BLANK",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020105691",
-      "pembuat_laporan": "CC.54.PURWATI",
-      "waktu_lapor": "01-02-2023 09:32:22",
-      "waktu_response": "01-02-2023 09:55:27",
-      "waktu_recovery": "01-02-2023 10:04:21",
-      "durasi_response_time": 1385,
-      "durasi_recovery_time": 534,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "0463291",
-      "nama_pelapor": "IBU NONONG",
-      "alamat_pelapor": "PERUM TAMAN LAGUNA JL TAMAN LAGUNA BLOK N1 NO.15 RT-3 / RW-14 KEL/KEC JATI SAMPURNA KOTA BEKASI. LAPANGAN TENIS ",
-      "no_telp_pelapor": "0895411953725",
-      "keterangan_pelapor": "APP TERTERA PERIKSA (PTL PADAM)",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020105776",
-      "pembuat_laporan": "CC.54.NURHAJIZAH.CSOI",
-      "waktu_lapor": "01-02-2023 09:35:32",
-      "waktu_response": "01-02-2023 10:14:12",
-      "waktu_recovery": "01-02-2023 10:27:22",
-      "durasi_response_time": 2320,
-      "durasi_recovery_time": 790,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "BP WAWAN ",
-      "alamat_pelapor": "JL RUKUN 1 NO 42B RT 006/08  KEL PEKAYON KEC PASAR REBO JAKTIM ACUAN LOKASI DEKAT TOWER",
-      "no_telp_pelapor": "082122239607",
-      "keterangan_pelapor": "MOHON BANTUAN PEMBELIAN TOKEN (PTL PADAM) TERKAIT G5423020104437",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020106167",
-      "pembuat_laporan": "PLNMOBILE",
-      "waktu_lapor": "01-02-2023 09:49:58",
-      "waktu_response": "01-02-2023 10:29:53",
-      "waktu_recovery": "01-02-2023 10:36:23",
-      "durasi_response_time": 2395,
-      "durasi_recovery_time": 390,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "Adi irwan",
-      "alamat_pelapor": "JL RAYA SUCI No. RT.10 RW.3 SUSUKAN",
-      "no_telp_pelapor": "6288210530498",
-      "keterangan_pelapor": "periksa",
-      "media": "PLN Mobile",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020106298",
-      "pembuat_laporan": "CC.54.MAFTUH.LC",
-      "waktu_lapor": "01-02-2023 09:54:29",
-      "waktu_response": "01-02-2023 10:31:46",
-      "waktu_recovery": "01-02-2023 10:50:10",
-      "durasi_response_time": 2237,
-      "durasi_recovery_time": 1104,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "BP OKTA",
-      "alamat_pelapor": "JL BEXMAN RT 10/4 NO 79 KEL CIPAYUNG KEC CIPAYUNG JAKTIM. ACUAN LOKASI BELAKANG PUSKESMAS CIPAYUNG ",
-      "no_telp_pelapor": "081310403355",
-      "keterangan_pelapor": "DISPLAY PADA APP TERTERA PERIKSA, PELANGGAN BERADA DI LOKASI ( LISTRIK MASIH MENYALA )",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020106594",
-      "pembuat_laporan": "PLNMOBILE",
-      "waktu_lapor": "01-02-2023 10:04:47",
-      "waktu_response": "01-02-2023 10:19:52",
-      "waktu_recovery": "01-02-2023 10:22:57",
-      "durasi_response_time": 905,
-      "durasi_recovery_time": 185,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "Suna Rdi",
-      "alamat_pelapor": "JL RY.LAVAN PEKAYON. No.00 RT.10 RW.1 PEKAYON.",
-      "no_telp_pelapor": "6281213324629",
-      "keterangan_pelapor": "Dengan hormat. kpd pimpinan Pln area ciracas. dengan ini kami laporkan . bahwa kwh listrik di tempat kami tidak bisa isi pulsa.\\ndan ada tulisan periksa. terus lampu uda padam.  Demikianlah. mohon segera di tindaklanjuti. ",
-      "media": "PLN Mobile",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020106730",
-      "pembuat_laporan": "PLNMOBILE",
-      "waktu_lapor": "01-02-2023 10:10:26",
-      "waktu_response": "01-02-2023 10:25:10",
-      "waktu_recovery": "01-02-2023 10:30:18",
-      "durasi_response_time": 884,
-      "durasi_recovery_time": 308,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "Yunardi Syam",
-      "alamat_pelapor": "PR PD NURUL FIKRI KAV RUKO No.R6 RT.7 RW.7 TUGU",
-      "no_telp_pelapor": "6285777627011",
-      "keterangan_pelapor": "meteran tulisan periksa",
-      "media": "PLN Mobile",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020106951",
-      "pembuat_laporan": "CC.54.D_ISLAMIYAH",
-      "waktu_lapor": "01-02-2023 10:18:37",
-      "waktu_response": "01-02-2023 10:56:56",
-      "waktu_recovery": "01-02-2023 11:04:51",
-      "durasi_response_time": 2299,
-      "durasi_recovery_time": 475,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "01107737130",
-      "nama_pelapor": "BP SRIDIWIATNO ",
-      "alamat_pelapor": "JL H KAMET NO 11 RT 16/9 KEL PEKAYON KEC PASAR REBO JAKTIM// BALAI BESAR KIMA KEMASAN ",
-      "no_telp_pelapor": "08121005601",
-      "keterangan_pelapor": "APP BLANK (PTL PADAM)",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020109056",
-      "pembuat_laporan": "CC.54.ASNAH",
-      "waktu_lapor": "01-02-2023 11:38:16",
-      "waktu_response": "01-02-2023 12:04:12",
-      "waktu_recovery": "01-02-2023 12:33:02",
-      "durasi_response_time": 1556,
-      "durasi_recovery_time": 1730,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "192682",
-      "nama_pelapor": "IBU NURDANIYAH",
-      "alamat_pelapor": "SETEMPAT RUMAH KONTRAKAN SAKINAH JL WARGA  1 BRT-9 / RW-6 KEL PONDOK RANGGONKEC CIPAYUNG JAKTIM ",
-      "no_telp_pelapor": "081294148137",
-      "keterangan_pelapor": "1 RUMAH PADAM (R1T / 1300 VA)",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020109118",
-      "pembuat_laporan": "CC.54.JUSNITA_S",
-      "waktu_lapor": "01-02-2023 11:41:28",
-      "waktu_response": "01-02-2023 12:04:44",
-      "waktu_recovery": "01-02-2023 12:29:40",
-      "durasi_response_time": 1396,
-      "durasi_recovery_time": 1496,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "BP DANU",
-      "alamat_pelapor": "JL PPA  RT-5 / RW-4 KEL CEGER ",
-      "no_telp_pelapor": "08885955855",
-      "keterangan_pelapor": "APP TERTERA PERIKSA (PTL PADAM ) ",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020110047",
-      "pembuat_laporan": "CC.54.KUNDERI",
-      "waktu_lapor": "01-02-2023 12:19:38",
-      "waktu_response": "01-02-2023 12:40:27",
-      "waktu_recovery": "01-02-2023 13:04:38",
-      "durasi_response_time": 1249,
-      "durasi_recovery_time": 1451,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "BP AAT",
-      "alamat_pelapor": "JL ABDULRAHMAN RT 12/5 NO 30 KEL CIBUBUR KEC CIRACAS JAKTIM ACUAN: DEPAN CAFE TERAS NENEK",
-      "no_telp_pelapor": "081315311136",
-      "keterangan_pelapor": "SR TERPUTUS (PTL PADAM)",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020110892",
-      "pembuat_laporan": "PLNMOBILE",
-      "waktu_lapor": "01-02-2023 12:57:10",
-      "waktu_response": "01-02-2023 13:09:45",
-      "waktu_recovery": "01-02-2023 13:24:34",
-      "durasi_response_time": 755,
-      "durasi_recovery_time": 889,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "indrawan",
-      "alamat_pelapor": "KP BABAKAN No.6 RT.3 RW.4",
-      "no_telp_pelapor": "6281382204166",
-      "keterangan_pelapor": "kwh meter tulisan periksa",
-      "media": "PLN Mobile",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020113174",
-      "pembuat_laporan": "CC.54.RINO.CSOI",
-      "waktu_lapor": "01-02-2023 14:35:40",
-      "waktu_response": "01-02-2023 15:16:41",
-      "waktu_recovery": "01-02-2023 15:22:09",
-      "durasi_response_time": 2461,
-      "durasi_recovery_time": 328,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "BP JONI",
-      "alamat_pelapor": "JL SWADAYA 1 KP TIPAR RT2 RW 11 NO 50 KEL MEKARSARI KEC CIMANGGIS KOTA DEPOK JAWA BARAT (ACUAN : DEPAN KOMP MANADO) ",
-      "no_telp_pelapor": "02122851164",
-      "keterangan_pelapor": "MOHON TINDAK LANJUT DAN PENYELESAIAN, TGL 1/2/23 TIDAK BISA MELAKUKAN PEMBELIAN TOKEN DENGAN NO METER 14031837074. DAN PADA STATUS P2APST SILAHKAN KIRIM DIL PREPAID KE P2APST !!!. PTL HAMPIR PADAM",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020113902",
-      "pembuat_laporan": "CC.54.widya_putri",
-      "waktu_lapor": "01-02-2023 15:09:42",
-      "waktu_response": "01-02-2023 15:36:19",
-      "waktu_recovery": "01-02-2023 15:52:37",
-      "durasi_response_time": 1597,
-      "durasi_recovery_time": 978,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "IBU WERDININGSIH",
-      "alamat_pelapor": "JL KAPITAN 3 NO.74 RT 02/10, KEC TAPOS, KEL SUKATANI .DEPOK. ACUAN : DEKAT KLINIK BIDAN WENTI",
-      "no_telp_pelapor": "0218743383",
-      "keterangan_pelapor": "PELANGGAN TIDAK DAPAT INPUT TOKEN SETELAH UPDATE VKRN 43  ( 3.17 KWH ) ",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020114078",
-      "pembuat_laporan": "CC.54.yulianingsih",
-      "waktu_lapor": "01-02-2023 15:17:06",
-      "waktu_response": "01-02-2023 15:56:53",
-      "waktu_recovery": "01-02-2023 16:05:24",
-      "durasi_response_time": 2387,
-      "durasi_recovery_time": 511,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "244717",
-      "nama_pelapor": "BP BONGOT",
-      "alamat_pelapor": "JL USMAN NO.3 RT-11 / RW-11KEL KELAPA DUA WETAN KEC CIRACAS KOTA JAKARTA TIMUR LOKASI: DEKAT  SMA N 105 ",
-      "no_telp_pelapor": "082119294023",
-      "keterangan_pelapor": "1 RUMAH PADAM ",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020114668",
-      "pembuat_laporan": "CC.54.JUNIYATI",
-      "waktu_lapor": "01-02-2023 15:42:34",
-      "waktu_response": "01-02-2023 16:14:26",
-      "waktu_recovery": "01-02-2023 16:23:22",
-      "durasi_response_time": 1912,
-      "durasi_recovery_time": 536,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "0",
-      "nama_pelapor": "IBU HENI / BP YUSMAN ",
-      "alamat_pelapor": "JL SUKAMTO 1 KOMPL ZENI AD -4 RT 2/8  NO 4 KEL PEKAYON KEC PASAR REBO KOTA JAK TIM > ",
-      "no_telp_pelapor": "081316188007",
-      "keterangan_pelapor": "1 RUMAH PADAM DAYA R2 / 3500 VA \\nPELANGGAN MENGHUBUNGI KEMBALI.CC.52.SANTOSO",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020115469",
-      "pembuat_laporan": "PLNMOBILE",
-      "waktu_lapor": "01-02-2023 16:19:02",
-      "waktu_response": "01-02-2023 16:33:33",
-      "waktu_recovery": "01-02-2023 16:35:34",
-      "durasi_response_time": 871,
-      "durasi_recovery_time": 121,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "Diah Ade",
-      "alamat_pelapor": "JL CARAKA BUANA No. RT.14 RW.3",
-      "no_telp_pelapor": "628561005362",
-      "keterangan_pelapor": "kwh meter periksa.gk bisa isi pulsa",
-      "media": "PLN Mobile",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020115549",
-      "pembuat_laporan": "cc.54.zulkarnain",
-      "waktu_lapor": "01-02-2023 16:22:59",
-      "waktu_response": "01-02-2023 16:41:28",
-      "waktu_recovery": "01-02-2023 17:11:29",
-      "durasi_response_time": 1109,
-      "durasi_recovery_time": 1801,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "1",
-      "nama_pelapor": "IBU RATNA",
-      "alamat_pelapor": "JL REMAJA RT-5 / RW-1 NO. 190 KEL PONDOK RANGGON KEC CIPAYUNG JAKTIM LOKASI WARUNG SEMBAKO",
-      "no_telp_pelapor": "082334484280",
-      "keterangan_pelapor": "MOHON PERIKSA APP PRABAYAR, DISPLAY BLANK ( PTL HAMPIR PADAM )",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020115758",
-      "pembuat_laporan": "PLNMOBILE",
-      "waktu_lapor": "01-02-2023 16:31:17",
-      "waktu_response": "01-02-2023 16:57:31",
-      "waktu_recovery": "01-02-2023 17:25:33",
-      "durasi_response_time": 1574,
-      "durasi_recovery_time": 1682,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "christopher",
-      "alamat_pelapor": "JL JAMBORE RT.1 RW.6 HARJAMUKTI",
-      "no_telp_pelapor": "6285779436426",
-      "keterangan_pelapor": "tulisan \\\"periksa\\\" terus",
-      "media": "PLN Mobile",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020115785",
-      "pembuat_laporan": "CC.54.DANDY",
-      "waktu_lapor": "01-02-2023 16:32:52",
-      "waktu_response": "01-02-2023 16:57:19",
-      "waktu_recovery": "01-02-2023 17:15:13",
-      "durasi_response_time": 1467,
-      "durasi_recovery_time": 1074,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "IBU SRI",
-      "alamat_pelapor": "JL RAYA SENTEK NO 29 RT 11 RW 3 KEL CIRACAS KEC CIRACAS KOTA JAKARTA TIMUR",
-      "no_telp_pelapor": "082213641119",
-      "keterangan_pelapor": "BANYAK RUMAH PADAM",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020116031",
-      "pembuat_laporan": "CC.54.ANDI_SOSHA",
-      "waktu_lapor": "01-02-2023 16:42:58",
-      "waktu_response": "01-02-2023 17:00:50",
-      "waktu_recovery": "01-02-2023 17:03:39",
-      "durasi_response_time": 1072,
-      "durasi_recovery_time": 169,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "BP RIZAL  ",
-      "alamat_pelapor": "GG. UNTUNG SELATAN KP AREMAN RT-5 / RW-5 NO- KEC . CIMANGGIS KEL . TUGU KOTA DEPOK ACUAN LOKASI DEPANSETU PEDONGKELAN ",
-      "no_telp_pelapor": "08889218171",
-      "keterangan_pelapor": "APP PRABAYAR DISPLAY TERTERA PERIKSA (PTL PADAM)",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020116310",
-      "pembuat_laporan": "PLNMOBILE",
-      "waktu_lapor": "01-02-2023 16:53:24",
-      "waktu_response": "01-02-2023 17:25:14",
-      "waktu_recovery": "01-02-2023 17:36:20",
-      "durasi_response_time": 1910,
-      "durasi_recovery_time": 666,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "Indah Lestary",
-      "alamat_pelapor": "JL JL EPATIK II RY CENTEX RT3/10 CIRACAS No.0",
-      "no_telp_pelapor": "6288223910209",
-      "keterangan_pelapor": "Pada saat Pengisian Token seringkali selalu gagal ",
-      "media": "PLN Mobile",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020117352",
-      "pembuat_laporan": "cc.54.Sulaeman",
-      "waktu_lapor": "01-02-2023 17:29:55",
-      "waktu_response": "01-02-2023 17:47:54",
-      "waktu_recovery": "01-02-2023 17:57:39",
-      "durasi_response_time": 1079,
-      "durasi_recovery_time": 585,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "IBU NIKI",
-      "alamat_pelapor": "JL KALISARI RAYA NO 23 RT-11 / RW-2 KEL KALISARI KEC PASAR REBO JAKTIM  : DEKAT TOKO ASEGRI",
-      "no_telp_pelapor": "081282173022",
-      "keterangan_pelapor": "1 RUMAH PADAM (DISPLAY APP BLANK SEBELUMNYA TERTERA PERIKSA)",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020117848",
-      "pembuat_laporan": "CC.54.widya_putri",
-      "waktu_lapor": "01-02-2023 17:47:36",
-      "waktu_response": "01-02-2023 18:10:54",
-      "waktu_recovery": "01-02-2023 18:24:24",
-      "durasi_response_time": 1398,
-      "durasi_recovery_time": 810,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "22101720971",
-      "nama_pelapor": "BP MAULANA ",
-      "alamat_pelapor": "JL SWADAYA III PR PURI KENCANA PERMAI 1 BLOK B NO 7 KEL/KEC CIMANGGIS KOTA DEPOK.  ( DEKAT PLANET BAN) ",
-      "no_telp_pelapor": "081288013435",
-      "keterangan_pelapor": "APP TERTERA PERIKSA ( PTL HAMPIR PADAM ) ",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020118456",
-      "pembuat_laporan": "CC.54.M_NOVIYANTO.LC",
-      "waktu_lapor": "01-02-2023 18:07:52",
-      "waktu_response": "01-02-2023 18:25:24",
-      "waktu_recovery": "01-02-2023 18:43:21",
-      "durasi_response_time": 1052,
-      "durasi_recovery_time": 1077,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "BP MUGI",
-      "alamat_pelapor": "JL.SANGGING NO.23 RT 12 RW1 KELURAHAN PASIR GUNUNG SELATAN KEC. CIMANGGIS, KOTA DEPOK, JAWA BARAT (DEPAN JL SANGGING 3)\\n",
-      "no_telp_pelapor": "085700641887",
-      "keterangan_pelapor": "MOHON PERIKSA DISPLAY APP PRABAYAR ERROR (PTL PADAM)",
-      "media": "Live Chat PLN Mobile",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020118605",
-      "pembuat_laporan": "CC.54.BIMA_AU",
-      "waktu_lapor": "01-02-2023 18:12:15",
-      "waktu_response": "01-02-2023 18:38:08",
-      "waktu_recovery": "01-02-2023 18:39:45",
-      "durasi_response_time": 1553,
-      "durasi_recovery_time": 97,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "151407",
-      "nama_pelapor": "IBU AGNES",
-      "alamat_pelapor": "JL GONGSENG RY GG. H.JIPIN NO 37 - RT-7 / RW-10 KEL CIJANTUNG KEC PASAR REBO JAKARTA TIMUR ACUAN : DEKAT MASJID",
-      "no_telp_pelapor": "081292767293",
-      "keterangan_pelapor": "PELANGGAN TIDAK BISA INPUT TOKEN SETELAH UPDATE VKRN 43 SISA KWH 10  (PTL TIDAK PADAM)  35208908073147774204",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020120810",
-      "pembuat_laporan": "CC.54.M_SYARIF",
-      "waktu_lapor": "01-02-2023 19:26:54",
-      "waktu_response": "01-02-2023 19:40:32",
-      "waktu_recovery": "01-02-2023 19:45:47",
-      "durasi_response_time": 818,
-      "durasi_recovery_time": 315,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "IBU RIZQI",
-      "alamat_pelapor": "PR ADHIGRIYA JL SEPAKAT X NO C1 KEL CIPAYUNG KEC CILANGKAP KOTA JAKARTA TIMUR // DEKAT DENGAN VIVO POM BENSIN",
-      "no_telp_pelapor": "081285355531",
-      "keterangan_pelapor": "DISPLAY APP TERTERA PERIKSA (PTL MASIH MENYALA)",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020122220",
-      "pembuat_laporan": "CC.54.FUADY",
-      "waktu_lapor": "01-02-2023 20:20:02",
-      "waktu_response": "01-02-2023 20:37:16",
-      "waktu_recovery": "01-02-2023 20:46:01",
-      "durasi_response_time": 1034,
-      "durasi_recovery_time": 525,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "BP ANDI MAULANA",
-      "alamat_pelapor": "JL TANAH MERDEKA NO.2 RT-4 / RW-4 KEL RAMBUTAN KEC CIRACAS JAKTIM. BELAKANG TERMINAL KP RAMBUTAN ",
-      "no_telp_pelapor": "089631740101",
-      "keterangan_pelapor": "PELANGGAN TIDAK BISA INPUT TOKEN SETELAH UPDATE VKRN 43 PTL PADAM",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020122586",
-      "pembuat_laporan": "PLNMOBILE",
-      "waktu_lapor": "01-02-2023 20:33:56",
-      "waktu_response": "01-02-2023 20:46:24",
-      "waktu_recovery": "01-02-2023 20:48:57",
-      "durasi_response_time": 748,
-      "durasi_recovery_time": 153,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "Andriko Multiarno",
-      "alamat_pelapor": "JL KALISARI LAPAN No.103 RT.11 RW.1 PEKAYON",
-      "no_telp_pelapor": "6287775511157",
-      "keterangan_pelapor": "ada tulisan periksa",
-      "media": "PLN Mobile",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020122956",
-      "pembuat_laporan": "CC.54.FATHUR",
-      "waktu_lapor": "01-02-2023 20:50:40",
-      "waktu_response": "01-02-2023 21:16:10",
-      "waktu_recovery": "01-02-2023 21:46:09",
-      "durasi_response_time": 1530,
-      "durasi_recovery_time": 1799,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "0",
-      "nama_pelapor": "BP SAIFUL",
-      "alamat_pelapor": "JL BELLY 2 RT-2 / RW-6 NO.2 KEL PEKAYON KEC PASAR REBO JAKARTA TIMUR ACUAN: DEKAT NASI BUAR",
-      "no_telp_pelapor": "08979123444",
-      "keterangan_pelapor": "1 RUMAH PADAM (MCB ON) R1T / 1300 VA",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020122968",
-      "pembuat_laporan": "PLNMOBILE",
-      "waktu_lapor": "01-02-2023 20:51:15",
-      "waktu_response": "01-02-2023 21:23:30",
-      "waktu_recovery": "01-02-2023 21:35:46",
-      "durasi_response_time": 1935,
-      "durasi_recovery_time": 736,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "Abdul Hadi",
-      "alamat_pelapor": "Jl. Pringgondani No.47",
-      "no_telp_pelapor": "6288210047111",
-      "keterangan_pelapor": "Mati Tanpa Sebab",
-      "media": "PLN Mobile",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020124885",
-      "pembuat_laporan": "CC.54.DENDI",
-      "waktu_lapor": "01-02-2023 22:38:11",
-      "waktu_response": "01-02-2023 23:05:44",
-      "waktu_recovery": "01-02-2023 23:11:06",
-      "durasi_response_time": 1653,
-      "durasi_recovery_time": 322,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "0",
-      "nama_pelapor": "IBU DEWI ",
-      "alamat_pelapor": "JL CIBUBUR RT 3 RW 12 NO 9 KEL CIBUBUR KEC CIRACAS JAKTIM \\nACUAN LOKASI MIE AYAM KOTA PARAHYANGAN /SEBELAH INDOMARET ",
-      "no_telp_pelapor": "08871859891",
-      "keterangan_pelapor": "APP PRABAYAR TERTERA PERIKSA ( PTL TIDAK PADAM )",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020124921",
-      "pembuat_laporan": "PLNMOBILE",
-      "waktu_lapor": "01-02-2023 22:41:15",
-      "waktu_response": "01-02-2023 22:54:19",
-      "waktu_recovery": "01-01-1970 00:00:00",
-      "durasi_response_time": 784,
-      "durasi_recovery_time": 33898512,
-      "status_akhir": "Nyala",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "risma susilawati",
-      "alamat_pelapor": "KP BABAKAN No. RT.4 RW.8 SUKATANI",
-      "no_telp_pelapor": "6285714714560",
-      "keterangan_pelapor": "ada tulisan prisksa",
-      "media": "PLN Mobile",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020125081",
-      "pembuat_laporan": "PLNMOBILE",
-      "waktu_lapor": "01-02-2023 22:53:29",
-      "waktu_response": "01-02-2023 23:13:55",
-      "waktu_recovery": "01-02-2023 23:19:06",
-      "durasi_response_time": 1226,
-      "durasi_recovery_time": 311,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "ferdy surya syahputra",
-      "alamat_pelapor": "GG ANGSA II BLOK RINGIN No. RT.9 RW.3 CIBUBUR",
-      "no_telp_pelapor": "6285171173097",
-      "keterangan_pelapor": "listrik padam tulisan periksa ",
-      "media": "PLN Mobile",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020125388",
-      "pembuat_laporan": "CC.54.NANDI",
-      "waktu_lapor": "01-02-2023 23:16:35",
-      "waktu_response": "01-02-2023 23:37:57",
-      "waktu_recovery": "01-02-2023 23:46:36",
-      "durasi_response_time": 1282,
-      "durasi_recovery_time": 519,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "01114311788",
-      "nama_pelapor": "IBU ZOLA",
-      "alamat_pelapor": "JL RAYA PONDOK RANGGON PERUM CIBUBUR VILLA 3 BLOK C NO 6 KEL HARJAMUKTI KEC CIMANGGIS KOTA DEPOK / DEKAT TPU PONDOK RANGGON",
-      "no_telp_pelapor": "08118651104",
-      "keterangan_pelapor": "APP TERTERA PERIKSA PTL TIDAK PADAM",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020125474",
-      "pembuat_laporan": "PLNMOBILE",
-      "waktu_lapor": "01-02-2023 23:24:57",
-      "waktu_response": "01-02-2023 23:40:12",
-      "waktu_recovery": "01-02-2023 23:42:18",
-      "durasi_response_time": 915,
-      "durasi_recovery_time": 126,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "didit",
-      "alamat_pelapor": "JL BARET BIRU III RT.5 RW.3 KALISARI",
-      "no_telp_pelapor": "6287888865707",
-      "keterangan_pelapor": "periksa ",
-      "media": "PLN Mobile",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020125498",
-      "pembuat_laporan": "CC.54.RAMDANI",
-      "waktu_lapor": "01-02-2023 23:27:22",
-      "waktu_response": "01-02-2023 23:43:23",
-      "waktu_recovery": "01-02-2023 23:56:44",
-      "durasi_response_time": 961,
-      "durasi_recovery_time": 801,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "IBU ULPA",
-      "alamat_pelapor": "PR BUKIT GOLF CLUSTER BULEVARD TERRACE BLOK BB 4 NO 2 JL - RT - RW - KEL BOJONG NANGKA KEC GN PUTRI DEKAT POS SATPAM",
-      "no_telp_pelapor": "02121386069",
-      "keterangan_pelapor": "1 RUMAH PADAM PRABAYAR",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5423020103059",
-      "pembuat_laporan": "PLNMOBILE",
-      "waktu_lapor": "01-02-2023 07:41:16",
-      "waktu_response": "01-02-2023 08:13:45",
-      "waktu_recovery": "01-02-2023 08:35:11",
-      "durasi_response_time": 1949,
-      "durasi_recovery_time": 1286,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "Anang Wibowo",
-      "alamat_pelapor": "JL MASJID NURUL HIDAYA No.0 RT.5 RW.2 KELAPA DUA",
-      "no_telp_pelapor": "6285777592240",
-      "keterangan_pelapor": "listrik padam dari jam 05.40 sd 07.38 banyak rumah. samapi skrmg blm hidup k3mbali. tolong segera ditangani",
-      "media": "PLN Mobile",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G1223020100124",
-      "pembuat_laporan": "CC.12.CITRA",
-      "waktu_lapor": "01-02-2023 09:38:41",
-      "waktu_response": "01-02-2023 10:03:56",
-      "waktu_recovery": "01-02-2023 10:12:46",
-      "durasi_response_time": 1515,
-      "durasi_recovery_time": 530,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "14025929390",
-      "nama_pelapor": "IBU HAURA",
-      "alamat_pelapor": "PR PERMATA ARCADIA MASJID BLK I NO. 2 JL BERLIAN RT 1 RW 23 KEL SUKATANI KEC TAPOS KOTA DEPOK ACUAN DISAMPING MESJID ",
-      "no_telp_pelapor": "6285780056039",
-      "keterangan_pelapor": "APP TERTERA PERIKSA (PTL TIDAK PADAM ) PELANGGAN DAPAT DIHUBUNGI VIA TELEPON, WA & SMS",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5223020100436",
-      "pembuat_laporan": "CC.52.FIRA",
-      "waktu_lapor": "01-02-2023 10:00:01",
-      "waktu_response": "01-02-2023 10:24:44",
-      "waktu_recovery": "01-02-2023 10:58:26",
-      "durasi_response_time": 1483,
-      "durasi_recovery_time": 2022,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "BU MUSLIHATUN ",
-      "alamat_pelapor": "JL ANGSSA NO 76 RT 09 RW 03 KEL CIBUBUR KEC CIRACAS KAB/KOTA JAKARTA TIMUR ACUAN  SAMPING SMA99",
-      "no_telp_pelapor": "6283893713422",
-      "keterangan_pelapor": "KWH METER TERTERA PERIKSA PTL PADAM MCB ON PELANGAN TIDAK BISA MELAKUKAN SELF DIAGNOSIS KARENA SEDANG MEMEGANG ANAK BAYI ",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5123020100639",
-      "pembuat_laporan": "cc.51.ROSITA",
-      "waktu_lapor": "01-02-2023 10:06:14",
-      "waktu_response": "01-02-2023 10:33:14",
-      "waktu_recovery": "01-02-2023 10:52:12",
-      "durasi_response_time": 1620,
-      "durasi_recovery_time": 1138,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "BP DEDDY SANTOSO ",
-      "alamat_pelapor": "JL PESONA KALISARI RAYA NO 80 RT-7 RW-1 KEL KALISARI KEC PASAR REBO JAKTIM/ POS SATPAM ",
-      "no_telp_pelapor": "08111734496",
-      "keterangan_pelapor": "SR KENDOR (PTL MENYALA)",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5223020100447",
-      "pembuat_laporan": "CC.52.ATIKA",
-      "waktu_lapor": "01-02-2023 10:08:56",
-      "waktu_response": "01-02-2023 10:58:40",
-      "waktu_recovery": "01-02-2023 11:06:49",
-      "durasi_response_time": 2984,
-      "durasi_recovery_time": 489,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "IBU SOFITA",
-      "alamat_pelapor": "JL KENANGA NO.99  RT-1 / RW-1 KEL BAMBU APUS KEC - JAKTIM LOKASI DI DEKAT ALFIMIDI",
-      "no_telp_pelapor": "087881454154",
-      "keterangan_pelapor": "APP TERTERA PERIKSA DAN PTL NORMAL  \\n",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5123020100685",
-      "pembuat_laporan": "CC.51.FITRIDY",
-      "waktu_lapor": "01-02-2023 10:21:43",
-      "waktu_response": "01-02-2023 10:38:50",
-      "waktu_recovery": "01-02-2023 10:48:54",
-      "durasi_response_time": 1027,
-      "durasi_recovery_time": 604,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "IBU DEWI ",
-      "alamat_pelapor": "JL AKSES BLOK UI NO 6 RT 2 RW 9 PR- KEL TUGU KEC CIMANGGIS KOTA DEPOK . DEKAT KAMPUS GUNA DARMA",
-      "no_telp_pelapor": "087789320024",
-      "keterangan_pelapor": "LPB KET.PERIKSA .TIDAK BS ENTRY TOKEN. PTL NYALA .NM 86088693501. TELAH SELF DIAGNOSIS- 087789320024 BISA DIHUB VIA WA\\n",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5223020100533",
-      "pembuat_laporan": "CC.52.AMELIA",
-      "waktu_lapor": "01-02-2023 11:05:03",
-      "waktu_response": "01-02-2023 11:31:34",
-      "waktu_recovery": "01-02-2023 11:56:34",
-      "durasi_response_time": 1591,
-      "durasi_recovery_time": 1500,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "BP TITO",
-      "alamat_pelapor": "JL CIPAYUNG SETU GG WASIS   RT-9 / RW-4 NO 58 KEL CIPAYUNG KEC CIPAYUNG  KOTA JAKARTA TIMUR // ACUAN : MASUK GANG ",
-      "no_telp_pelapor": "6285691939447",
-      "keterangan_pelapor": "APP PERIKSA, PTL PADAM.",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5223020100692",
-      "pembuat_laporan": "CC.52.FIANI",
-      "waktu_lapor": "01-02-2023 12:58:52",
-      "waktu_response": "01-02-2023 13:34:04",
-      "waktu_recovery": "01-02-2023 15:06:55",
-      "durasi_response_time": 2112,
-      "durasi_recovery_time": 5571,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "IBU SERLY ",
-      "alamat_pelapor": "JL ANGGUR KEL KELAPA DUA WETAN KEC CIRACAS JAKARTA TIMUR ",
-      "no_telp_pelapor": "6285795092233",
-      "keterangan_pelapor": "BANYAK BANGUNAN PADAM  . HARI INI SUDAH 2 KALI PADAM ",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5123020101068",
-      "pembuat_laporan": "CC.51.MALASIANINGSIH",
-      "waktu_lapor": "01-02-2023 13:01:24",
-      "waktu_response": "01-02-2023 13:28:41",
-      "waktu_recovery": "01-01-1970 00:00:00",
-      "durasi_response_time": 1637,
-      "durasi_recovery_time": 33932450,
-      "status_akhir": "Nyala",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "BP FADLI",
-      "alamat_pelapor": "JL- KK IMAH BLOK CC 5 NO 54 RT 2 RW 5 KEL TUGU KEC CIMANGGIS KOTA DEPOK ( DKT LAPANGAN TENIS) ",
-      "no_telp_pelapor": "08111234209",
-      "keterangan_pelapor": "PADAM 1 RUMAH, MCB PADA APP OFF, SIKRING ON, PRABAYAR SISA KWH 139.\\nPELANGGAN MENGHUBUNGI KEMBALI, MOHON DITINDAKLANJUTI PETUGAS TERKAIT CC.55.ANDRI",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5323020100931",
-      "pembuat_laporan": "CC.53.DIRMAN",
-      "waktu_lapor": "01-02-2023 14:52:35",
-      "waktu_response": "01-02-2023 15:12:37",
-      "waktu_recovery": "01-02-2023 15:27:36",
-      "durasi_response_time": 1202,
-      "durasi_recovery_time": 899,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "0",
-      "nama_pelapor": "IBU SUBADI",
-      "alamat_pelapor": "JL. ABDUL MUTOLIB GG. MEDE 2 RT 7 RW 8 NO.8 KEL TUGU KEC. CIMANGGIS KOTA DEPOK. LOKASI KONTRAKAN BAGIAN BELAKANG.",
-      "no_telp_pelapor": "6285782221018",
-      "keterangan_pelapor": "LPB KET.000, PTL PADAM ID.PEL 547102868544",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5223020100871",
-      "pembuat_laporan": "CC.52.YUDHA.LC",
-      "waktu_lapor": "01-02-2023 15:14:37",
-      "waktu_response": "01-02-2023 15:31:30",
-      "waktu_recovery": "01-02-2023 16:02:34",
-      "durasi_response_time": 1013,
-      "durasi_recovery_time": 1864,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "49872",
-      "nama_pelapor": "korintus.splp3i@gmail.com",
-      "alamat_pelapor": ": JL.PONCOL RT 015/RW 009 NO.73 CIRACAS JAKARTA TIMUR",
-      "no_telp_pelapor": "081316951370",
-      "keterangan_pelapor": "1 RUMAH PADAM",
-      "media": "Email",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5123020101684",
-      "pembuat_laporan": "CC.51.MUZDALIFAH",
-      "waktu_lapor": "01-02-2023 16:55:11",
-      "waktu_response": "01-02-2023 17:22:17",
-      "waktu_recovery": "01-02-2023 17:37:28",
-      "durasi_response_time": 1626,
-      "durasi_recovery_time": 911,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "IBU SILVI",
-      "alamat_pelapor": "JL MUALIM  NO- RT-6  RW-14 KEL CIBUBUR KEC CIRACAS KOTA JAKARTA TIMUR / LOKASI TOKO SINAR PINGGIR JALAN RAYA, PAGAR HIJAU ",
-      "no_telp_pelapor": "081317163367",
-      "keterangan_pelapor": "1 RUMAH VOLTASE TIDAK STABIL (PTL BERKEDIP) SEJAK TADI SIANG DAN SAAT INI SEDANG TERJADI ",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5323020101186",
-      "pembuat_laporan": "CC.53.ERWIN",
-      "waktu_lapor": "01-02-2023 17:19:36",
-      "waktu_response": "01-02-2023 17:39:29",
-      "waktu_recovery": "01-02-2023 17:58:03",
-      "durasi_response_time": 1193,
-      "durasi_recovery_time": 1114,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "0",
-      "nama_pelapor": "BP YUSUF ARIF",
-      "alamat_pelapor": "JL PEKAYON NO 56A RT7/6 KEL KALISARI KEC PS REBO JAKTIM. ACUAN : DEKAT KOMP BELAKANG BRIGIP / SD 16 PEKAYON ",
-      "no_telp_pelapor": "087784661597",
-      "keterangan_pelapor": "KWH LPB MUNCUL PERIKSA. TIDAK BISA INPUT TOKEN. PTL PADAM\\n",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G3223020100763",
-      "pembuat_laporan": "CC.32.SUGIARTO01",
-      "waktu_lapor": "01-02-2023 17:29:37",
-      "waktu_response": "01-02-2023 17:46:33",
-      "waktu_recovery": "01-02-2023 18:07:57",
-      "durasi_response_time": 1016,
-      "durasi_recovery_time": 1284,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "0",
-      "nama_pelapor": "BP WAHYU WIDODO",
-      "alamat_pelapor": "JL KAMPUNG BARU GG SENTOSA NO 52 RT 11 / RW 09 KEL KLAPA DUA WETAN KEC CIRACAS KOTA JAKARTA TIMUR, DIDEKAT OJEK JENGKOL",
-      "no_telp_pelapor": "087887696638",
-      "keterangan_pelapor": "MCB LOSS DAYA 450 VA\\n",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5123020101886",
-      "pembuat_laporan": "CC.51.DOKRI",
-      "waktu_lapor": "01-02-2023 17:54:06",
-      "waktu_response": "01-02-2023 18:12:05",
-      "waktu_recovery": "01-02-2023 18:23:44",
-      "durasi_response_time": 1079,
-      "durasi_recovery_time": 699,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "BP WAHYU ",
-      "alamat_pelapor": "JL. KERAMAT 3 KP CIHERANG NO.10 RT-1 RW-7 KEL. SUKTANI KEC. TAPOS KOTA DEPOK - LOKASI DEKAT PERUMAHAN GAHARU / SMK PENERBANGAN",
-      "no_telp_pelapor": "082183082134",
-      "keterangan_pelapor": "APP KETERANGAN PERIKSA - PTL PADAM\\n",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G2323020100281",
-      "pembuat_laporan": "CC.23.SABAN",
-      "waktu_lapor": "01-02-2023 19:17:26",
-      "waktu_response": "01-02-2023 19:42:57",
-      "waktu_recovery": "01-02-2023 19:53:53",
-      "durasi_response_time": 1531,
-      "durasi_recovery_time": 656,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "BP ABDUL",
-      "alamat_pelapor": "JL. SERUT RT. 003/04 NO. G4 KEC. CIPAYUNG KEL. PONDOK RANGGON JAKARTA TIMUR LOKASI: 300M DARI GANG ",
-      "no_telp_pelapor": "6285655807735",
-      "keterangan_pelapor": "2 RUMAH PADAM ",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5323020101457",
-      "pembuat_laporan": "CC.53.HARIEST",
-      "waktu_lapor": "01-02-2023 19:26:18",
-      "waktu_response": "01-02-2023 19:39:38",
-      "waktu_recovery": "01-02-2023 19:46:48",
-      "durasi_response_time": 800,
-      "durasi_recovery_time": 430,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "BP MARUF",
-      "alamat_pelapor": "JL CILANGKAP BARU NO 20 RT-3 / RW-1 KEL CILANGKAP KEC CIPAYUNG JAKTIM // DEKAT DENGAN ALFAMART",
-      "no_telp_pelapor": "6281586053371",
-      "keterangan_pelapor": "LPB PERIKSA PTL MENYALA (PELANGGAN DAPAT DIHUBUNGI KEMBALI MELALUI TELEPON, WA DAN SMS)",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5223020101538",
-      "pembuat_laporan": "CC.52.FATHAN",
-      "waktu_lapor": "01-02-2023 21:17:40",
-      "waktu_response": "01-02-2023 21:34:56",
-      "waktu_recovery": "01-02-2023 21:37:21",
-      "durasi_response_time": 1036,
-      "durasi_recovery_time": 145,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "BP RIDWAN ",
-      "alamat_pelapor": "JL CIBUBUR IV     RT-4 / RW-2 NO - KEL CIBUBUR KEC CIRACAS JAKTIM// DEKAT DENGAN KANTOR KELURAHAN CIBUBUR ",
-      "no_telp_pelapor": "6285693074793",
-      "keterangan_pelapor": "APP PERIKSA, PTL PADAM. PELANGGAN DAPAT DIHUBUNGI VIA TELEPON SMS DAN WA, MCB DAN SEKERING ON",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    },
-    {
-      "no_laporan": "G5123020102631",
-      "pembuat_laporan": "CC.51.YUSUF",
-      "waktu_lapor": "01-02-2023 21:43:42",
-      "waktu_response": "01-02-2023 22:00:03",
-      "waktu_recovery": "01-02-2023 22:07:51",
-      "durasi_response_time": 981,
-      "durasi_recovery_time": 468,
-      "status_akhir": "Selesai",
-      "is_marking": 0,
-      "referensi_marking": "P3124142424",
-      "idpel_nometer": "",
-      "nama_pelapor": "BP ALFI  MULYADI",
-      "alamat_pelapor": "KP KELAPA DUA JL LEBAK NO 130 RT-5 / RW-9  KEL TUGU KEC CIMANGGIS KOTA DEPOK//SAMPING DIFA CLUSTER ",
-      "no_telp_pelapor": "081210977327",
-      "keterangan_pelapor": "PELANGGAN TIDAK BISA INPUT TOKEN SETELAH UPDATE VKRN 43//\\nTOKEN 0495 3575 0751 6317 3903//\\nSISA  TOKEN 6.6 KWH ",
-      "media": "Call PLN 123",
-      "nama_posko": "POSKO CIRACAS"
-    }
-  ]
+  data.value = dummyData.gangguan.daftar.gangguanRecoveryTime
 })
 </script>
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue
index aa8a250..bd8c927 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue
@@ -4,174 +4,63 @@
   </Filters>
 
   <div id="data">
-    <DxDataGrid
-      class="max-h-[calc(100vh-140px)] mb-10"
-      :data-source="data"
-      :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=""
-      :allow-column-resizing="true"
-      column-resizing-mode="widget"
-    >
+    <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :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="" :allow-column-resizing="true"
+      column-resizing-mode="widget">
       <DxSelection mode="single" />
       <DxPaging :page-size="5" :enabled="true" />
-      <DxPager
-        :visible="true"
-        :allowed-page-sizes="[5, 10, 20]"
-        display-mode="full"
-        :show-page-size-selector="true"
-        :show-info="true"
-        :show-navigation-buttons="true"
-      />
-      <DxLoadPanel
-        :position="position"
-        :show-indicator="showIndicator"
-        :show-pane="showPane"
-        :shading="shading"
-        v-if="loading"
-        v-model:visible="loading"
-        :enabled="true"
-      />
+      <DxPager :visible="true" :allowed-page-sizes="[5, 10, 20]" display-mode="full" :show-page-size-selector="true"
+        :show-info="true" :show-navigation-buttons="true" />
+      <DxLoadPanel :position="position" :show-indicator="showIndicator" :show-pane="showPane" :shading="shading"
+        v-if="loading" v-model:visible="loading" :enabled="true" />
       <DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
-      <DxExport
-        :enabled="true"
-        :formats="['pdf', 'xlsx', 'document']"
-        :allow-export-selected-data="false"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="50"
-        alignment="center"
-        :calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1"
-        data-type="number"
-        caption="No"
-        cell-template="data"
-      />
+      <DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
+      <DxColumn css-class="custom-table-column" :width="50" alignment="center"
+        :calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1" data-type="number" caption="No"
+        cell-template="cellCenter" />
 
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="no_laporan"
-        caption="No Laporan"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="waktu_lapor"
-        caption="Tgl Lapor"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="waktu_response"
-        caption="Tgl Response"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="waktu_recovery"
-        caption="Tgl Recovery"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="170"
-        alignment="center"
-        data-field="durasi_response_time"
-        caption="Durasi Response Time"
-        cell-template="data-waktu"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="170"
-        alignment="center"
-        data-field="durasi_recovery_time"
-        caption="Durasi Recovery Time"
-        cell-template="data-waktu"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="status_akhir"
-        caption="Status"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="referensi_marking"
-        caption="Referensi Marking"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="idpel_nometer"
-        caption="IDPEL/NO METER"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="nama_pelapor"
-        caption="Nama Pelapor"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="170"
-        alignment="center"
-        data-field="alamat_pelapor"
-        caption="Alamat Pelapor"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="no_telp_pelapor"
-        caption="No Telp Pelapor"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="keterangan_pelapor"
-        caption="Keterangan Pelapor"
-        cell-template="data"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="170"
-        alignment="center"
-        data-field="nama_posko"
-        caption="Posko"
-        cell-template="data"
-      />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="no_laporan"
+        caption="No Laporan" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_lapor"
+        caption="Tgl Lapor" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_response"
+        caption="Tgl Response" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_recovery"
+        caption="Tgl Recovery" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="durasi_response_time"
+        caption="Durasi Response Time" cell-template="data-waktu" />
+      <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="durasi_recovery_time"
+        caption="Durasi Recovery Time" cell-template="data-waktu" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="status_akhir"
+        caption="Status" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="referensi_marking"
+        caption="Referensi Marking" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="idpel_nometer"
+        caption="IDPEL/NO METER" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="nama_pelapor"
+        caption="Nama Pelapor" cell-template="cellDefault" />
+      <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="alamat_pelapor"
+        caption="Alamat Pelapor" cell-template="cellDefault" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="no_telp_pelapor"
+        caption="No Telp Pelapor" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="keterangan_pelapor"
+        caption="Keterangan Pelapor" cell-template="cellDefault" />
+      <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="nama_posko" caption="Posko"
+        cell-template="cellDefault" />
 
-      <template #data="{ data }">
+      <template #cellCenter="{ data }">
         <p class="cursor-pointer" @click="showData()">
           {{ data.text }}
         </p>
       </template>
 
+      <template #cellDefault="{ data }">
+        <p class="text-left cursor-pointer" @click="showData()">
+          {{ data.text }}
+        </p>
+      </template>
+
       <template #data-waktu="{ data }">
         <p class="cursor-pointer" @click="showData()">
           {{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
@@ -204,28 +93,18 @@
 
       <div class="flex flex-row items-center justify-between w-full">
         <h3 class="text-sm font-medium w-[170px] text-gray-800">Response Time:</h3>
-        <InputText
-          :readonly="true"
-          :value="
-            parseInt(dataDetail?.durasi_response_time)
-              ? formatWaktu(dataDetail?.durasi_response_time)
-              : '-'
-          "
-          class-name="flex-1"
-        />
+        <InputText :readonly="true" :value="parseInt(dataDetail?.durasi_response_time)
+    ? formatWaktu(dataDetail?.durasi_response_time)
+    : '-'
+    " class-name="flex-1" />
       </div>
 
       <div class="flex flex-row items-center justify-between w-full">
         <h3 class="text-sm font-medium w-[170px] text-gray-800">Recovery Time:</h3>
-        <InputText
-          :readonly="true"
-          class-name="flex-1"
-          :value="
-            parseInt(dataDetail?.durasi_recovery_time)
-              ? formatWaktu(dataDetail?.durasi_recovery_time)
-              : '-'
-          "
-        />
+        <InputText :readonly="true" class-name="flex-1" :value="parseInt(dataDetail?.durasi_recovery_time)
+    ? formatWaktu(dataDetail?.durasi_recovery_time)
+    : '-'
+    " />
       </div>
 
       <div class="flex flex-row items-center justify-between w-full">
@@ -265,32 +144,17 @@
 
       <div class="flex flex-row items-center justify-between w-full">
         <h3 class="text-sm font-medium w-[170px] text-gray-800">Unit Layanan Pelanggan:</h3>
-        <InputText
-          :readonly="true"
-          type="textarea"
-          :value="dataDetail?.nama_posko"
-          class-name="flex-1 h-[56px]"
-        />
+        <InputText :readonly="true" type="textarea" :value="dataDetail?.nama_posko" class-name="flex-1 h-[56px]" />
       </div>
 
       <div class="flex flex-row items-center justify-between w-full">
         <h3 class="text-sm font-medium w-[170px] text-gray-800">Penyebab:</h3>
-        <InputText
-          :readonly="true"
-          type="textarea"
-          :value="dataDetail?.penyebab"
-          class-name="flex-1 h-[56px]"
-        />
+        <InputText :readonly="true" type="textarea" :value="dataDetail?.penyebab" class-name="flex-1 h-[56px]" />
       </div>
 
       <div class="flex flex-row items-center justify-between w-full">
         <h3 class="text-sm font-medium w-[170px] text-gray-800">Tindakan:</h3>
-        <InputText
-          :readonly="true"
-          type="textarea"
-          :value="dataDetail?.tindakan"
-          class-name="flex-1 h-[56px]"
-        />
+        <InputText :readonly="true" type="textarea" :value="dataDetail?.tindakan" class-name="flex-1 h-[56px]" />
       </div>
     </div>
   </DetailDialog>
@@ -300,7 +164,7 @@
 import Filters from '@/components/Form/Filters.vue'
 import Type7 from '@/components/Form/FiltersType/Type7.vue'
 import { formatWaktu } from '@/components/Form/FiltersType/reference'
-import { ref } from 'vue'
+import { onMounted, ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
   DxColumn,
@@ -315,6 +179,7 @@ import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
 import InputText from '@/components/InputText.vue'
 import { useQuery } from '@vue/apollo-composable'
 import { queries } from '@/utils/graphql'
+import { dummyData } from '@/utils/dummy'
 
 const position = { of: '#data' }
 const showIndicator = ref(true)
@@ -372,4 +237,7 @@ const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar
 })
 
 const filters = ref()
+onMounted(() => {
+  data.value = dummyData.gangguan.daftar.gangguanResponseTime
+})
 </script>
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue
index 450d9fc..19419de 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue
@@ -4,154 +4,61 @@
   </Filters>
 
   <div id="data">
-    <DxDataGrid
-      class="max-h-[calc(100vh-140px)] mb-10"
-      :data-source="data"
-      :show-column-lines="true"
-      :show-row-lines="false"
-      :show-borders="true"
-      :row-alternation-enabled="true"
-      :hover-state-enabled="true"
-      @selection-changed=""
-      :column-width="100"
-      @exporting=""
-      :allow-column-resizing="true"
-      column-resizing-mode="widget"
-    >
+    <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
+      :show-row-lines="false" :show-borders="true" :row-alternation-enabled="true" :hover-state-enabled="true"
+      @selection-changed="" :column-width="100" @exporting="" :allow-column-resizing="true"
+      column-resizing-mode="widget">
       <DxSelection mode="single" />
       <DxPaging :page-size="5" :enabled="true" />
-      <DxPager
-        :visible="true"
-        :allowed-page-sizes="[5, 10, 20]"
-        display-mode="full"
-        :show-page-size-selector="true"
-        :show-info="true"
-        :show-navigation-buttons="true"
-      />
-      <DxLoadPanel
-        :position="position"
-        :show-indicator="showIndicator"
-        :show-pane="showPane"
-        :shading="shading"
-        v-if="loading"
-        v-model:visible="loading"
-        :enabled="true"
-      />
+      <DxPager :visible="true" :allowed-page-sizes="[5, 10, 20]" display-mode="full" :show-page-size-selector="true"
+        :show-info="true" :show-navigation-buttons="true" />
+      <DxLoadPanel :position="position" :show-indicator="showIndicator" :show-pane="showPane" :shading="shading"
+        v-if="loading" v-model:visible="loading" :enabled="true" />
       <DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
-      <DxExport
-        :enabled="true"
-        :formats="['pdf', 'xlsx', 'document']"
-        :allow-export-selected-data="false"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="50"
-        alignment="center"
-        :calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1"
-        data-type="number"
-        caption="No"
-      />
+      <DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
+      <DxColumn css-class="custom-table-column" :width="50" alignment="center"
+        :calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1" data-type="number" caption="No" />
 
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="no_laporan"
-        caption="No Laporan"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="waktu_lapor"
-        caption="Tgl Lapor"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="waktu_response"
-        caption="Tgl Response"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="waktu_recovery"
-        caption="Tgl Recovery"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="170"
-        alignment="center"
-        data-field="durasi_response_time"
-        caption="Durasi Response Time"
-        cell-template="data-waktu"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="170"
-        alignment="center"
-        data-field="durasi_recovery_time"
-        caption="Durasi Recovery Time"
-        cell-template="data-waktu"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="status_akhir"
-        caption="Status"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="idpel_nometer"
-        caption="IDPEL/NO METER"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="nama_pelapor"
-        caption="Nama Pelapor"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="170"
-        alignment="center"
-        data-field="alamat_pelapor"
-        caption="Alamat Pelapor"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="no_telp_pelapor"
-        caption="No Telp Pelapor"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="keterangan_pelapor"
-        caption="Keterangan Pelapor"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="150"
-        alignment="center"
-        data-field="media"
-        caption="Sumber Lapor"
-      />
-      <DxColumn
-        css-class="custom-table-column"
-        :width="170"
-        alignment="center"
-        data-field="nama_posko"
-        caption="Posko"
-      />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="no_laporan"
+        caption="No Laporan" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_lapor"
+        caption="Tgl Lapor" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_response"
+        caption="Tgl Response" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="waktu_recovery"
+        caption="Tgl Recovery" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="durasi_response_time"
+        caption="Durasi Response Time" cell-template="data-waktu" />
+      <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="durasi_recovery_time"
+        caption="Durasi Recovery Time" cell-template="data-waktu" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="status_akhir"
+        caption="Status" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="idpel_nometer"
+        caption="IDPEL/NO METER" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="nama_pelapor"
+        caption="Nama Pelapor" cell-template="cellDefault" />
+      <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="alamat_pelapor"
+        caption="Alamat Pelapor" cell-template="cellDefault" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="no_telp_pelapor"
+        caption="No Telp Pelapor" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="keterangan_pelapor"
+        caption="Keterangan Pelapor" cell-template="cellDefault" />
+      <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="media"
+        caption="Sumber Lapor" cell-template="cellCenter" />
+      <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="nama_posko" caption="Posko"
+        cell-template="cellDefault" />
+
+      <template #cellCenter="{ data }">
+        <p class="cursor-pointer">
+          {{ data.text }}
+        </p>
+      </template>
+
+      <template #cellDefault="{ data }">
+        <p class="text-left cursor-pointer">
+          {{ data.text }}
+        </p>
+      </template>
 
       <template #data-waktu="{ data }">
         <p>
@@ -161,11 +68,12 @@
     </DxDataGrid>
   </div>
 </template>
+
 <script setup lang="ts">
 import Filters from '@/components/Form/Filters.vue'
 import Type1 from '@/components/Form/FiltersType/Type1.vue'
 import { formatWaktu } from '@/components/Form/FiltersType/reference'
-import { ref } from 'vue'
+import { onMounted, ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
   DxColumn,
@@ -178,6 +86,7 @@ import {
 } from 'devextreme-vue/data-grid'
 import { useQuery } from '@vue/apollo-composable'
 import { queries } from '@/utils/graphql'
+import { dummyData } from '@/utils/dummy'
 
 const position = { of: '#data' }
 const showIndicator = ref(true)
@@ -221,4 +130,7 @@ const filterData = (params: any) => {
 }
 
 const filters = ref()
+onMounted(() => {
+  data.value = dummyData.gangguan.daftar.daftarGangguanSelesaiTanpaIdPelanggan
+})
 </script>