From c58904aa329117827fa1cb66e40280c2e5517139 Mon Sep 17 00:00:00 2001
From: Eko Haryadi <ekoharyadi416@gmail.com>
Date: Fri, 23 Feb 2024 10:46:21 +0700
Subject: [PATCH] Update posko parameter to accept integer instead of string

---
 src/components/DatePicker.vue                |  2 +-
 src/components/Form/FiltersType/Type16.vue   |  2 +-
 src/components/Form/FiltersType/reference.ts | 43 ++++++---------
 src/components/Pages/Gangguan/Table_1.vue    | 56 ++++++++++++--------
 src/components/Pages/Gangguan/Table_10.vue   |  2 +-
 src/components/Pages/Gangguan/Table_11.vue   |  4 +-
 src/components/Pages/Gangguan/Table_12.vue   |  4 +-
 src/components/Pages/Gangguan/Table_13.vue   |  4 +-
 src/components/Pages/Gangguan/Table_14.vue   |  2 +-
 src/components/Pages/Gangguan/Table_15.vue   |  4 +-
 src/components/Pages/Gangguan/Table_16.vue   |  4 +-
 src/components/Pages/Gangguan/Table_17.vue   |  4 +-
 src/components/Pages/Gangguan/Table_18.vue   |  2 +-
 src/components/Pages/Gangguan/Table_19.vue   |  4 +-
 src/components/Pages/Gangguan/Table_2.vue    | 12 +++--
 src/components/Pages/Gangguan/Table_20.vue   |  2 +-
 src/components/Pages/Gangguan/Table_3.vue    | 23 +++-----
 src/components/Pages/Gangguan/Table_4.vue    | 17 +++---
 src/components/Pages/Gangguan/Table_5.vue    | 10 ++--
 src/components/Pages/Gangguan/Table_6.vue    | 13 +++--
 src/components/Pages/Gangguan/Table_7.vue    | 10 ++--
 src/components/Pages/Gangguan/Table_8.vue    | 32 ++++-------
 src/components/Pages/Gangguan/Table_9.vue    |  7 +--
 src/components/Pages/Keluhan/Table_21.vue    |  2 +-
 src/components/Pages/Keluhan/Table_22.vue    |  2 +-
 src/components/Pages/Keluhan/Table_23.vue    |  2 +-
 src/components/Pages/Keluhan/Table_24.vue    |  2 +-
 src/components/Pages/Keluhan/Table_25.vue    |  2 +-
 src/components/Pages/Keluhan/Table_26.vue    |  2 +-
 src/components/Pages/Keluhan/Table_27.vue    |  2 +-
 src/components/Pages/Keluhan/Table_28.vue    |  2 +-
 src/components/Pages/Keluhan/Table_29.vue    |  2 +-
 src/components/Pages/Keluhan/Table_30.vue    |  4 +-
 src/components/Pages/Keluhan/Table_31.vue    |  4 +-
 src/components/Pages/Keluhan/Table_32.vue    |  2 +-
 src/components/Pages/Keluhan/Table_33.vue    |  2 +-
 src/components/Pages/Keluhan/Table_34.vue    |  2 +-
 src/components/Pages/Keluhan/Table_35.vue    |  4 +-
 src/components/Pages/Monalisa/Table_38.vue   |  2 +-
 src/components/Pages/Monalisa/Table_47.vue   |  2 +-
 src/utils/graphql.ts                         |  2 +-
 src/utils/network.ts                         |  2 +-
 42 files changed, 144 insertions(+), 163 deletions(-)

diff --git a/src/components/DatePicker.vue b/src/components/DatePicker.vue
index e3b775b..df4e8cd 100755
--- a/src/components/DatePicker.vue
+++ b/src/components/DatePicker.vue
@@ -42,7 +42,7 @@ watch(dateValue, (newValue) => {
       :formatter="formatter"
       separator=" s/d "
       :shortcuts="customShortcuts"
-      :auto-apply="false"
+      :auto-apply="true"
       as-single
       use-range
       v-slot="{ value, placeholder }"
diff --git a/src/components/Form/FiltersType/Type16.vue b/src/components/Form/FiltersType/Type16.vue
index ad275f9..f2141b3 100755
--- a/src/components/Form/FiltersType/Type16.vue
+++ b/src/components/Form/FiltersType/Type16.vue
@@ -20,7 +20,7 @@ const mediaPlaceholder = 'Semua Media'
 const up3 = ref({ id: 0, name: up3Placeholder })
 const uid = ref({ id: 0, name: uidPlaceholder })
 const posko = ref({ id: 0, name: poskoPlaceholder })
-const media = ref({ id: 0, name: mediaPlaceholder })
+const media = ref({ id: "", name: mediaPlaceholder })
 const emit = defineEmits(['update:filters'])
 const data = ref({
   uid: uid.value,
diff --git a/src/components/Form/FiltersType/reference.ts b/src/components/Form/FiltersType/reference.ts
index 0392da9..b73e00f 100755
--- a/src/components/Form/FiltersType/reference.ts
+++ b/src/components/Form/FiltersType/reference.ts
@@ -2,7 +2,7 @@ import { usePostsStore } from '@/stores/posts'
 import { useRegionStore } from '@/stores/region'
 import { useUlpStore } from '@/stores/ulp'
 import { useUp3Store } from '@/stores/up3'
-import { getUid, getUp3, getPosko, getUlp,getRegional } from '@/utils/network'
+import { getUid, getUp3, getPosko, getUlp, getRegional } from '@/utils/network'
 import { ref } from 'vue'
 interface Item {
   id: any
@@ -55,8 +55,8 @@ const fetchMedia = () => {
 // Fetch data from the API using Axios
 const fetchUid = async () => {
   try {
-  const res = await getRegional()
-    itemsRegional.value = res.data.map((item: any) => (
+    const res = await getUid()
+    itemsUid.value = res.data.map((item: any) => (
       {
         id: item.id,
         name: item.nama.toUpperCase(),
@@ -100,31 +100,20 @@ const fetchDataPosko = async (up3: number) => {
     console.error('Error fetching data:', error)
   }
 }
-const fetchRegional = () => {
-  itemsRegional.value = [
-    { id: '1', name: 'Wilayah Sumatera' },
-    { id: '2', name: 'Wilayah Jawa Bali' },
-    { id: '3', name: 'Wilayah Kalimantan' },
-    { id: '4', name: 'Wilayah Sulawesi' },
-    { id: '5', name: 'Wilayah Nusa Tenggara' },
-    { id: '6', name: 'Wilayah Maluku Papua' }
-  ]
-}
-const fetchStatus = (data: any) => {
-  const status = [
-    { id: '8', name: 'Selesai' },
-    { id: '7', name: 'Nyala' },
-    { id: '6', name: 'Pengalihan' },
-    { id: '5', name: 'Dialihkan' },
-    { id: '4', name: 'Dalam Pengerjaan' },
-    { id: '3', name: 'Dalam Perjalanan' },
-    { id: '2', name: 'Penugasan Regu' },
-    { id: '1', name: 'lapor' }
-  ]
-  const filteredStatus = status.find((item) => item.id == data)
-  const name = filteredStatus ? filteredStatus.name : null
-  return name
+const fetchRegional = async () => {
+  try {
+    const res = await getRegional()
+    itemsRegional.value = res.data.map((item: any) => (
+      {
+        id: item.id,
+        name: item.nama.toUpperCase(),
+      }
+    ));
+  } catch (error) {
+    console.error('Error fetching data:', error);
+  }
 }
+
 const selectedUid = (value: any) => {
   useRegionStore().setData(value.id)
   fetchDataUp3(value.id)
diff --git a/src/components/Pages/Gangguan/Table_1.vue b/src/components/Pages/Gangguan/Table_1.vue
index 5d2cf54..e874a5c 100755
--- a/src/components/Pages/Gangguan/Table_1.vue
+++ b/src/components/Pages/Gangguan/Table_1.vue
@@ -1,20 +1,13 @@
 <template>
-  <Filters
-    @run-search="
-      () => {
-        console.log(filters)
-        filterData(filters)
-      }
-    "
-    class="mb-4"
-  >
-    <Type1
-      @update:filters="
-        (value) => {
-          filters = value
-        }
-      "
-    />
+  <Filters @run-search="() => {
+    console.log(filters)
+    filterData(filters)
+  }
+    " class="mb-4">
+    <Type1 @update:filters="(value) => {
+      filters = value
+    }
+      " />
   </Filters>
 
   <div id="dataTable">
@@ -225,8 +218,9 @@ import {
 } from 'devextreme-vue/data-grid'
 import { computed, onMounted, ref, watch } from 'vue'
 import { jsPDF } from 'jspdf'
-import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
 import autoTable from 'jspdf-autotable'
+
+import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
 import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
@@ -235,7 +229,6 @@ import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
 import InputText from '@/components/InputText.vue'
 import { useQuery } from '@vue/apollo-composable'
 import gql from 'graphql-tag'
-import { fetchStatus } from '@/components/Form/FiltersType/reference'
 const position = { of: '#dataTable' }
 const showIndicator = ref(true)
 const shading = ref(true)
@@ -250,15 +243,32 @@ const closeDetail = () => {
 }
 const onExporting = (e: any) => {
   if (e.format === 'pdf') {
-    const doc = new jsPDF()
+    const doc = new jsPDF({
+      orientation: 'landscape',
+      unit: 'mm',
+      format: 'a4',
+     
+    })
+
+    // autoTable(doc, {
+   
+    //   margin: { top: 20 }, // Adjust top margin as needed
+    //   styles: {
+    //     fontSize: 8,
+    //     overflow: 'linebreak', // Enable linebreaks to fit content
+    //   },
+    //   startY: 10, // Adjust startY position as needed
+    //   head: [['No Laporan', 'Pembuat Laporan', 'Tgl Lapor', 'Tgl Dialihkan', 'Tgl Response', 'Tgl Recovery', 'Durasi Response Time', 'Durasi Recovery Time', 'Posko Awal', 'Posko Tujuan', 'Status', 'IDPEL/NO METER', 'Nama Pelapor', 'Alamat Pelapor', 'No Telp Pelapor', 'Keterangan Pelapor', 'Sumber Lapor', 'Posko']],
+    //   body: data.value.map((item) =>
+    //     [item.no_laporan, item.pembuat_laporan, item.waktu_lapor, item.waktu_dialihkan, item.waktu_response, item.waktu_recovery, item.durasi_response_time, item.durasi_recovery_time, item.nama_posko_lama, item.nama_posko_baru, item.status_akhir, item.idpel_nometer, item.nama_pelapor, item.alamat_pelapor, item.no_telp_pelapor, item.keterangan_pelapor, item.media, item.posko])
+
+    // })
+
+
     exportToPdf({
       jsPDFDocument: doc,
       component: e.component,
-      indent:100
     }).then(() => {
-
-     
-
       doc.save(`Daftar Gangguan Dialihkan Ke Posko Lain.pdf`)
     })
   } else {
diff --git a/src/components/Pages/Gangguan/Table_10.vue b/src/components/Pages/Gangguan/Table_10.vue
index 0e23194..9f59704 100755
--- a/src/components/Pages/Gangguan/Table_10.vue
+++ b/src/components/Pages/Gangguan/Table_10.vue
@@ -118,7 +118,7 @@ const GET_REKAP_JENIS_GANGGUAN_SE004 = gql`
   query rekapitulasiJenisGangguanSE004(
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
   ) {
diff --git a/src/components/Pages/Gangguan/Table_11.vue b/src/components/Pages/Gangguan/Table_11.vue
index a7c2b28..c1d3fcb 100755
--- a/src/components/Pages/Gangguan/Table_11.vue
+++ b/src/components/Pages/Gangguan/Table_11.vue
@@ -177,7 +177,7 @@ const GET_REKAPITULASI_GANGGUAN_PER_POSKO = gql`
 query rekapitulasiGangguanPerPosko(
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
 ) {
@@ -251,7 +251,7 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
 const { onResult, onError, loading, refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_PER_POSKO, {
     dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
     dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
-    posko: "",
+    posko: 0,
     idUid: 0,
     idUp3: 0,
 })
diff --git a/src/components/Pages/Gangguan/Table_12.vue b/src/components/Pages/Gangguan/Table_12.vue
index ff01389..8e0c536 100755
--- a/src/components/Pages/Gangguan/Table_12.vue
+++ b/src/components/Pages/Gangguan/Table_12.vue
@@ -105,7 +105,7 @@ const GET_REKAPITULASI_GANGGUAN_PER_REGU = gql`
 query rekapitulasiGangguanPerRegu(
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
 ) {
@@ -178,7 +178,7 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
 const { onResult, onError, loading, refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_PER_REGU, {
     dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
     dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
-    posko: "",
+    posko: 0,
     idUid: 0,
     idUp3: 0,
 })
diff --git a/src/components/Pages/Gangguan/Table_13.vue b/src/components/Pages/Gangguan/Table_13.vue
index c5dd859..f21b23b 100755
--- a/src/components/Pages/Gangguan/Table_13.vue
+++ b/src/components/Pages/Gangguan/Table_13.vue
@@ -141,7 +141,7 @@ const GET_REKAPITULASI_GANGGUAN_PER_TANGGAL = gql`
 query rekapitulasiGangguanPerTanggal(
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
 ) {
@@ -181,7 +181,7 @@ query rekapitulasiGangguanPerTanggal(
     const { onResult, onError,loading,refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_PER_TANGGAL, {
         dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
         dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
-        posko: "",
+        posko: 0,
         idUid: 0,
         idUp3: 0,
     })
diff --git a/src/components/Pages/Gangguan/Table_14.vue b/src/components/Pages/Gangguan/Table_14.vue
index 721ad0e..d12b89a 100755
--- a/src/components/Pages/Gangguan/Table_14.vue
+++ b/src/components/Pages/Gangguan/Table_14.vue
@@ -98,7 +98,7 @@ const GET_REKAPITULASI_BERDASARKAN_MEDIA = gql`
   query rekapitulasiGangguanBerdasarkanMedia(
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
   ) {
diff --git a/src/components/Pages/Gangguan/Table_15.vue b/src/components/Pages/Gangguan/Table_15.vue
index 55934b5..8914187 100755
--- a/src/components/Pages/Gangguan/Table_15.vue
+++ b/src/components/Pages/Gangguan/Table_15.vue
@@ -90,7 +90,7 @@ query rekapitulasiGangguanAlihPosko
 (
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
 ) {
@@ -113,7 +113,7 @@ query rekapitulasiGangguanAlihPosko
 const { onResult, onError,loading,refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_ALIH_POSKO, {
     dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
     dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
-    posko: "",
+    posko: 0,
     idUid: 0,
     idUp3: 0,
 })
diff --git a/src/components/Pages/Gangguan/Table_16.vue b/src/components/Pages/Gangguan/Table_16.vue
index 1f4ed8e..9c3074b 100755
--- a/src/components/Pages/Gangguan/Table_16.vue
+++ b/src/components/Pages/Gangguan/Table_16.vue
@@ -225,7 +225,7 @@ query rekapitulasiGangguanDiselesaikanMobileAPKT
 (
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
 ) {
@@ -265,7 +265,7 @@ query rekapitulasiGangguanDiselesaikanMobileAPKT
 const { onResult, onError, loading, refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_DISELESAIKAN_MOBILE_APKT, {
     dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
     dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
-    posko: "",
+    posko: 0,
     idUid: 0,
     idUp3: 0,
 })
diff --git a/src/components/Pages/Gangguan/Table_17.vue b/src/components/Pages/Gangguan/Table_17.vue
index cef99ea..dd53d37 100755
--- a/src/components/Pages/Gangguan/Table_17.vue
+++ b/src/components/Pages/Gangguan/Table_17.vue
@@ -159,7 +159,7 @@ query rekapitulasiGangguanRatingPerPosko
 (
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
 ) {
@@ -195,7 +195,7 @@ query rekapitulasiGangguanRatingPerPosko
 const { onResult, onError,loading,refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_RATING_PER_POSKO, {
     dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
     dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
-    posko: "",
+    posko: 0,
     idUid: 0,
     idUp3: 0,
 })
diff --git a/src/components/Pages/Gangguan/Table_18.vue b/src/components/Pages/Gangguan/Table_18.vue
index 1be4a49..7e69920 100755
--- a/src/components/Pages/Gangguan/Table_18.vue
+++ b/src/components/Pages/Gangguan/Table_18.vue
@@ -136,7 +136,7 @@ const GET_REKAPITULASI_GANGGUAN_ALIH_POSKO = gql`
   query rekapitulasiGangguanRatingPerRegu(
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
   ) {
diff --git a/src/components/Pages/Gangguan/Table_19.vue b/src/components/Pages/Gangguan/Table_19.vue
index e3cfadb..6c3e4fa 100755
--- a/src/components/Pages/Gangguan/Table_19.vue
+++ b/src/components/Pages/Gangguan/Table_19.vue
@@ -111,7 +111,7 @@ query rekapitulasiGangguanKoreksiTransaksiIndividual
 (
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
 ) {
@@ -143,7 +143,7 @@ query rekapitulasiGangguanKoreksiTransaksiIndividual
 const { onResult, onError, loading, refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_KOREKSI_TRANSAKSI_INDIVIDUAL, {
     dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
     dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
-    posko: "",
+    posko: 0,
     idUid: 0,
     idUp3: 0,
 })
diff --git a/src/components/Pages/Gangguan/Table_2.vue b/src/components/Pages/Gangguan/Table_2.vue
index 4f0af4c..d237ad4 100755
--- a/src/components/Pages/Gangguan/Table_2.vue
+++ b/src/components/Pages/Gangguan/Table_2.vue
@@ -48,7 +48,7 @@
                 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="posko" caption="Posko"
+            <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="nama_posko" caption="Posko"
                 cell-template="data" />
 
             <template #data="{ data }">
@@ -196,7 +196,7 @@ const closeDetail = () => {
 }
 
 const GET_GANGGUAN_MELAPOR_LEBIHDARI_SATU_KALI = gql`
-query gangguan ($minJmlLapor: Int!, $maxJmlLapor: Int!, $dateFrom: Date!, $dateTo: Date!, $posko: String!, $idUid: Int!, $idUp3: Int!) {
+query gangguan ($minJmlLapor: Int!, $maxJmlLapor: Int!, $dateFrom: Date!, $dateTo: Date!, $posko: Int!, $idUid: Int!, $idUp3: Int!) {
   daftarGangguanMelaporLebihDariSatuKali(
     minJmlLapor: $minJmlLapor
     maxJmlLapor: $maxJmlLapor
@@ -207,8 +207,9 @@ query gangguan ($minJmlLapor: Int!, $maxJmlLapor: Int!, $dateFrom: Date!, $dateT
     idUp3: $idUp3
   ) {
     alamat_pelapor
+    pembuat_laporan
     durasi_response_time
-    id_gangguan
+    durasi_recovery_time
     idpel_nometer
     jumlah_lapor
     keterangan_pelapor
@@ -216,10 +217,11 @@ query gangguan ($minJmlLapor: Int!, $maxJmlLapor: Int!, $dateFrom: Date!, $dateT
     nama_pelapor
     no_laporan
     no_telp_pelapor
-    posko
     status_akhir
+    waktu_lapor
     waktu_recovery
     waktu_response
+    nama_posko
   }
 }`;
 const { onResult, onError, loading, refetch } = useQuery(GET_GANGGUAN_MELAPOR_LEBIHDARI_SATU_KALI, {
@@ -227,7 +229,7 @@ const { onResult, onError, loading, refetch } = useQuery(GET_GANGGUAN_MELAPOR_LE
     maxJmlLapor: 1,
     dateFrom: new Date().toISOString().slice(0, 10),
     dateTo: new Date().toISOString().slice(0, 10),
-    posko: "",
+    posko: 0,
     idUid: 0,
     idUp3: 0,
 })
diff --git a/src/components/Pages/Gangguan/Table_20.vue b/src/components/Pages/Gangguan/Table_20.vue
index da26e38..cef7427 100755
--- a/src/components/Pages/Gangguan/Table_20.vue
+++ b/src/components/Pages/Gangguan/Table_20.vue
@@ -117,7 +117,7 @@ const GET_REKAPITULASI_GANGGUAN_ALIH_POSKO = gql`
   query rekapitulasiGangguanCleansingTransaksiTM(
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
   ) {
diff --git a/src/components/Pages/Gangguan/Table_3.vue b/src/components/Pages/Gangguan/Table_3.vue
index 07b0f7f..9f4ba9a 100755
--- a/src/components/Pages/Gangguan/Table_3.vue
+++ b/src/components/Pages/Gangguan/Table_3.vue
@@ -46,7 +46,7 @@
                 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="170" alignment="center" data-field="posko" caption="Posko" />
+            <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="nama_posko" caption="Posko" />
 
         </DxDataGrid>
     </div>
@@ -68,7 +68,6 @@ const showPane = ref(true);
 const data = ref<any[]>([])
 const filterData = (params: any) => {
     const { minTime, maxTime, posko, uid, up3 } = params;
-    console.log(params)
     const dateValue = params.periode.split(' s/d ') 
     refetch({
         dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10),
@@ -81,9 +80,8 @@ const filterData = (params: any) => {
     })
     onResult(queryResult => {
         if (queryResult.data != undefined) {
-            data.value = queryResult.data.daftarGangguanMelaporLebihDariSatuKali;
+            data.value = queryResult.data.daftarGangguanResponseTime;
         }
-        console.log(queryResult.data)
         console.log(queryResult.loading)
         console.log(queryResult.networkStatus)
     })
@@ -97,7 +95,7 @@ query daftarGangguanResponseTime(
     $dateTo: Date!
     $minDurasiResponseTime: Int!
     $maxDurasiResponseTime: Int!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
 ) {
@@ -113,15 +111,16 @@ query daftarGangguanResponseTime(
         alamat_pelapor
         durasi_recovery_time
         durasi_response_time
-        id_gangguan
         idpel_nometer
         keterangan_pelapor
         media
         nama_pelapor
+        is_marking
         no_laporan
         no_telp_pelapor
-        posko
+        nama_posko
         status_akhir
+        waktu_lapor
         waktu_recovery
         waktu_response
     }
@@ -131,18 +130,10 @@ const { onResult, onError, loading, refetch } = useQuery(GET_DAFTAR_GANGGUAN_RES
     dateTo: new Date().toISOString().slice(0, 10),
     minDurasiResponseTime: 1, //menit
     maxDurasiResponseTime: 1,// menit
-    posko: "",
+    posko: 0,
     idUid: 0,
     idUp3: 0,
 })
-onResult(queryResult => {
-    if (queryResult.data != undefined) {
-        data.value = queryResult.data.daftarGangguanResponseTime;
-    }
-    console.log(queryResult.data)
-    console.log(queryResult.loading)
-    console.log(queryResult.networkStatus)
-})
 
 const filters = ref()
 </script>
\ No newline at end of file
diff --git a/src/components/Pages/Gangguan/Table_4.vue b/src/components/Pages/Gangguan/Table_4.vue
index df5559c..a50d7f2 100755
--- a/src/components/Pages/Gangguan/Table_4.vue
+++ b/src/components/Pages/Gangguan/Table_4.vue
@@ -6,7 +6,7 @@
             " />
     </Filters>
     <div id="data">
-        <DxDataGrid class="max-h-[calc(100vh-140px)]" :show-column-lines="true" :show-row-lines="false" :show-borders="true"
+        <DxDataGrid class="max-h-[calc(100vh-140px)]" :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" />
@@ -34,7 +34,7 @@
                 caption="Durasi Recovery Time" />
             <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="referensi_marking"
+            <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="is_marking"
                 caption="Referensi Marking" />
             <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="idpel_nometer"
                 caption="IDPEL/NO METER" />
@@ -48,7 +48,7 @@
                 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="posko" caption="Posko" />
+            <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="nama_posko" caption="Posko" />
 
         </DxDataGrid>
     </div>
@@ -67,6 +67,7 @@ const showIndicator = ref(true);
 const shading = ref(true);
 const showPane = ref(true);
 const data = ref<any[]>([])
+
 const filterData = (params: any) => {
     const { minDurasiRecoveryTime, maxDurasiRecoveryTime, posko, uid, up3 } = params;
     const dateValue = params.periode.split(' s/d ')
@@ -83,7 +84,6 @@ const filterData = (params: any) => {
         if (queryResult.data != undefined) {
             data.value = queryResult.data.daftarGangguanRecoveryTime;
         }
-        console.log(queryResult.data)
         console.log(queryResult.loading)
         console.log(queryResult.networkStatus)
     })
@@ -97,7 +97,7 @@ query daftarGangguanRecoveryTime(
     $dateTo: Date!
     $minDurasiRecoveryTime: Int!
     $maxDurasiRecoveryTime: Int!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
 ) {
@@ -113,15 +113,16 @@ query daftarGangguanRecoveryTime(
         alamat_pelapor
         durasi_recovery_time
         durasi_response_time
-        id_gangguan
         idpel_nometer
         keterangan_pelapor
         media
         nama_pelapor
         no_laporan
+        is_marking
         no_telp_pelapor
-        posko
+        nama_posko
         status_akhir
+        waktu_lapor
         waktu_recovery
         waktu_response
         }
@@ -132,7 +133,7 @@ const { onResult, onError, loading, refetch } = useQuery(GET_DAFTAR_GANGGUAN_REC
     dateTo: new Date().toISOString().slice(0, 10),
     minDurasiRecoveryTime: 1, //menit
     maxDurasiRecoveryTime: 1,// menit
-    posko: "",
+    posko: 0,
     idUid: 0,
     idUp3: 0,
 })
diff --git a/src/components/Pages/Gangguan/Table_5.vue b/src/components/Pages/Gangguan/Table_5.vue
index f4201e9..49ff140 100755
--- a/src/components/Pages/Gangguan/Table_5.vue
+++ b/src/components/Pages/Gangguan/Table_5.vue
@@ -46,7 +46,7 @@
                 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="posko" caption="Posko" />
+            <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="nama_posko" caption="Posko" />
 
         </DxDataGrid>
     </div>
@@ -68,7 +68,7 @@ const GET_SELESAI_TANPA_ID_PELANGGAN = gql`
 query daftarGangguanSelesaiTanpaIdPelanggan(
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
 ) {
@@ -82,15 +82,15 @@ query daftarGangguanSelesaiTanpaIdPelanggan(
         alamat_pelapor
         durasi_recovery_time
         durasi_response_time
-        id_gangguan
         idpel_nometer
         keterangan_pelapor
         media
         nama_pelapor
         no_laporan
         no_telp_pelapor
-        posko
+        nama_posko
         status_akhir
+        waktu_lapor
         waktu_recovery
         waktu_response
         }
@@ -98,7 +98,7 @@ query daftarGangguanSelesaiTanpaIdPelanggan(
 const { onResult, onError, loading, refetch } = useQuery(GET_SELESAI_TANPA_ID_PELANGGAN, {
     dateFrom: new Date().toISOString().slice(0, 10),
     dateTo: new Date().toISOString().slice(0, 10),
-    posko: "",
+    posko: 0,
     idUid: 0,
     idUp3: 0,
 })
diff --git a/src/components/Pages/Gangguan/Table_6.vue b/src/components/Pages/Gangguan/Table_6.vue
index 18d9961..e919518 100755
--- a/src/components/Pages/Gangguan/Table_6.vue
+++ b/src/components/Pages/Gangguan/Table_6.vue
@@ -60,7 +60,7 @@ const GET_DAFTAR_GANGGUAN_BERDASARKAN_MEDIA = gql`
 query daftarGangguanBerdasarkanMedia(
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
     $media : String!
@@ -76,23 +76,25 @@ query daftarGangguanBerdasarkanMedia(
         alamat_pelapor
         durasi_recovery_time
         durasi_response_time
-        id_gangguan
         idpel_nometer
         keterangan_pelapor
         media
         nama_pelapor
         no_laporan
         no_telp_pelapor
-        posko
+        nama_posko
         status_akhir
+        waktu_media
+        waktu_lapor
         waktu_recovery
         waktu_response
+        keterangan_media
         }
 }`;
 const { onResult, onError, loading, refetch } = useQuery(GET_DAFTAR_GANGGUAN_BERDASARKAN_MEDIA, {
         dateFrom: new Date().toISOString().slice(0, 10),
         dateTo: new Date().toISOString().slice(0, 10),
-        posko: "",
+        posko: 0,
         idUid: 0,
         idUp3: 0,
         media : "Twitter"
@@ -106,11 +108,12 @@ const filterData = (params: any) => {
         posko: posko ? posko.id : 0,
         idUid: uid ? uid.id : 0,
         idUp3: up3 ? up3.id : 0,
-        media : media ? media.id : "Twitter"
+        media : media ? media.id : ""
     })
     onResult(queryResult => {
         if (queryResult.data != undefined) {
             data.value = queryResult.data.daftarGangguanBerdasarkanMedia;
+            
         }
         console.log(queryResult.data)
         console.log(queryResult.loading)
diff --git a/src/components/Pages/Gangguan/Table_7.vue b/src/components/Pages/Gangguan/Table_7.vue
index 510e35f..0bbf204 100755
--- a/src/components/Pages/Gangguan/Table_7.vue
+++ b/src/components/Pages/Gangguan/Table_7.vue
@@ -46,7 +46,7 @@
                 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="posko" caption="Posko" />
+            <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="nama_posko" caption="Posko" />
 
         </DxDataGrid>
     </div>
@@ -69,7 +69,7 @@ const GET_DAFTAR_GANGGUAN_DI_SELESAIKAN_MOBILE_APKT = gql`
 query daftarGangguanDiselesaikanMobileAPKT(
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
 ) {
@@ -83,15 +83,15 @@ query daftarGangguanDiselesaikanMobileAPKT(
         alamat_pelapor
         durasi_recovery_time
         durasi_response_time
-        id_gangguan
         idpel_nometer
         keterangan_pelapor
         media
         nama_pelapor
         no_laporan
         no_telp_pelapor
-        posko
+        nama_posko
         status_akhir
+        waktu_lapor
         waktu_recovery
         waktu_response
         }
@@ -99,7 +99,7 @@ query daftarGangguanDiselesaikanMobileAPKT(
 const { onResult, onError, loading, refetch } = useQuery(GET_DAFTAR_GANGGUAN_DI_SELESAIKAN_MOBILE_APKT, {
     dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
     dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
-    posko: "",
+    posko: 0,
     idUid: 0,
     idUp3: 0,
 })
diff --git a/src/components/Pages/Gangguan/Table_8.vue b/src/components/Pages/Gangguan/Table_8.vue
index 07a33f0..ee3e565 100755
--- a/src/components/Pages/Gangguan/Table_8.vue
+++ b/src/components/Pages/Gangguan/Table_8.vue
@@ -12,8 +12,8 @@
             :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" />
+            <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" />
@@ -21,7 +21,7 @@
             <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 :width="150" alignment="center" data-field="nama_unit" caption="Nama Unit"
+            <DxColumn :width="150" alignment="center" data-field="nama_posko" caption="Nama Unit"
                 css-class="custom-table-column" />
             <DxColumn :width="150" alignment="center" data-field="total" data-type="number" caption="Total"
                 :allow-resizing="false" css-class="custom-table-column" />
@@ -52,7 +52,7 @@
                     :allow-resizing="false" css-class="custom-table-column" />
                 <DxColumn :width="150" alignment="center" data-field="min_durasi_response" data-type="number" caption="Min"
                     :allow-resizing="false" css-class="custom-table-column" />
-                <DxColumn :width="150" alignment="center" data-field="total_diatas_sla_repsonse" data-type="number"
+                <DxColumn :width="150" alignment="center" data-field="total_diatas_sla_response" data-type="number"
                     caption=">SLA" :allow-resizing="false" css-class="custom-table-column" />
                 <DxColumn :width="150" alignment="center" data-field="total_dibawah_sla_response" data-type="number"
                     caption="≤SLA" :allow-resizing="false" css-class="custom-table-column" />
@@ -88,11 +88,6 @@ import { Workbook } from 'exceljs'
 
 import gql from 'graphql-tag';
 import { useQuery } from '@vue/apollo-composable'
-import { useSearchStore } from '@/stores/filtersAction'
-import { useDateStore } from '@/stores/date'
-import { usePostsStore } from '@/stores/posts'
-import { useRegionStore } from '@/stores/region'
-import { useUp3Store } from '@/stores/up3'
 const position = { of: '#data' };
 const showIndicator = ref(true);
 const shading = ref(true);
@@ -102,7 +97,7 @@ const GET_REKAPITULASI_GANGGUAN_ALL = gql`
 query rekapitulasiAllGangguan(
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
 ) {
@@ -116,8 +111,6 @@ query rekapitulasiAllGangguan(
         avg_durasi_dispatch
         avg_durasi_recovery
         avg_durasi_response
-        id_uid
-        id_up3
         max_durasi_dispatch
         max_durasi_recovery
         max_durasi_response
@@ -126,7 +119,7 @@ query rekapitulasiAllGangguan(
         min_durasi_response
         persen_inproses
         persen_selesai
-        posko
+        nama_posko
         total
         total_diatas_sla_dispatch
         total_diatas_sla_recovery
@@ -141,20 +134,18 @@ query rekapitulasiAllGangguan(
 const { onResult, onError, loading, refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_ALL, {
     dateFrom: new Date().toISOString().slice(0, 10),
     dateTo: new Date().toISOString().slice(0, 10),
-    posko: "",
+    posko: 0,
     idUid: 0,
     idUp3: 0,
 })
 
-const filterData = (param: any) => {
-    const dateValue = useDateStore().getDateValue().split(' s/d ');
-    const posko = usePostsStore().getData() ? usePostsStore().getData() : ""
-    const up3 = useUp3Store().getData() ? useUp3Store().getData() : 0
-    const uid = useRegionStore().getData() ? useRegionStore().getData() : 0
+const filterData = (params: any) => {
+    const { posko, uid, up3 } = params
+    const dateValue = params.periode.split(' s/d ')
     refetch({
         dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10),
         dateTo: dateValue[1] ? dateValue[1].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10),
-        posko,
+        posko: posko ? posko.id : 0,
         idUid: uid ? uid.id : 0,
         idUp3: up3 ? up3.id : 0,
     })
@@ -163,7 +154,6 @@ const filterData = (param: any) => {
             queryResult.data.rekapitulasiAllGangguan.forEach((item: any) => {
                 data.value = [...data.value, {
                     ...item,
-                    nama_unit: 'UNIT'
                 }];
 
             })
diff --git a/src/components/Pages/Gangguan/Table_9.vue b/src/components/Pages/Gangguan/Table_9.vue
index f429c1c..f49eb13 100755
--- a/src/components/Pages/Gangguan/Table_9.vue
+++ b/src/components/Pages/Gangguan/Table_9.vue
@@ -146,11 +146,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
 import gql from 'graphql-tag'
-import { useDateStore } from '@/stores/date'
-import { useSearchStore } from '@/stores/filtersAction'
-import { usePostsStore } from '@/stores/posts'
-import { useRegionStore } from '@/stores/region'
-import { useUp3Store } from '@/stores/up3'
 import { useQuery } from '@vue/apollo-composable'
 const position = { of: '#data' }
 const showIndicator = ref(true)
@@ -162,7 +157,7 @@ const GET_REKAP_JENIS_GANGGUAN = gql`
   query daftarGangguanRecoveryTime(
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
   ) {
diff --git a/src/components/Pages/Keluhan/Table_21.vue b/src/components/Pages/Keluhan/Table_21.vue
index b12c5be..28e867b 100755
--- a/src/components/Pages/Keluhan/Table_21.vue
+++ b/src/components/Pages/Keluhan/Table_21.vue
@@ -123,7 +123,7 @@ const GET_DAFTAR_KELUHAN_DIPINDAHKAN_KE_POSKO_LAIN = gql`
   query daftarKeluhanDipindahkanKePoskoLain(
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
   ) {
diff --git a/src/components/Pages/Keluhan/Table_22.vue b/src/components/Pages/Keluhan/Table_22.vue
index 84bbf01..0aaf7d5 100755
--- a/src/components/Pages/Keluhan/Table_22.vue
+++ b/src/components/Pages/Keluhan/Table_22.vue
@@ -129,7 +129,7 @@ const GET_DATA = gql`
     $maxJmlLapor: Int!
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
   ) {
diff --git a/src/components/Pages/Keluhan/Table_23.vue b/src/components/Pages/Keluhan/Table_23.vue
index 6f3f64f..8b59eea 100755
--- a/src/components/Pages/Keluhan/Table_23.vue
+++ b/src/components/Pages/Keluhan/Table_23.vue
@@ -125,7 +125,7 @@ const GET_DATA = gql`
     $dateTo: Date!
     $minDurasiResponseTime: Int!
     $maxDurasiResponseTime: Int!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
   ) {
diff --git a/src/components/Pages/Keluhan/Table_24.vue b/src/components/Pages/Keluhan/Table_24.vue
index 564ecc6..8b8ad9c 100755
--- a/src/components/Pages/Keluhan/Table_24.vue
+++ b/src/components/Pages/Keluhan/Table_24.vue
@@ -127,7 +127,7 @@ const GET_DATA = gql`
     $dateTo: Date!
     $minDurasiRecoveryTime: Int!
     $maxDurasiRecoveryTime: Int!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
   ) {
diff --git a/src/components/Pages/Keluhan/Table_25.vue b/src/components/Pages/Keluhan/Table_25.vue
index 96447b1..34d5f57 100755
--- a/src/components/Pages/Keluhan/Table_25.vue
+++ b/src/components/Pages/Keluhan/Table_25.vue
@@ -127,7 +127,7 @@ const GET_DATA = gql`
   query daftarKeluhanSelesaiTanpaIdPelanggan(
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
   ) {
diff --git a/src/components/Pages/Keluhan/Table_26.vue b/src/components/Pages/Keluhan/Table_26.vue
index 5be30e0..5720b80 100755
--- a/src/components/Pages/Keluhan/Table_26.vue
+++ b/src/components/Pages/Keluhan/Table_26.vue
@@ -123,7 +123,7 @@ const GET_DATA = gql`
   query daftarKeluhanBerdasarkanMedia(
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
     $media: String!
diff --git a/src/components/Pages/Keluhan/Table_27.vue b/src/components/Pages/Keluhan/Table_27.vue
index 8fed593..5400f45 100755
--- a/src/components/Pages/Keluhan/Table_27.vue
+++ b/src/components/Pages/Keluhan/Table_27.vue
@@ -121,7 +121,7 @@ const GET_DATA = gql`
 (
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
 ) {
diff --git a/src/components/Pages/Keluhan/Table_28.vue b/src/components/Pages/Keluhan/Table_28.vue
index f7f4c5d..edfd39a 100755
--- a/src/components/Pages/Keluhan/Table_28.vue
+++ b/src/components/Pages/Keluhan/Table_28.vue
@@ -126,7 +126,7 @@ query rekapitulasiKeluhanAll
 (
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
 ) {
diff --git a/src/components/Pages/Keluhan/Table_29.vue b/src/components/Pages/Keluhan/Table_29.vue
index bf4f5f1..09931a5 100755
--- a/src/components/Pages/Keluhan/Table_29.vue
+++ b/src/components/Pages/Keluhan/Table_29.vue
@@ -147,7 +147,7 @@ const GET_DATA = gql`
   query rekapitulasiKeluhanPenyelesaianPerFungsiBidang(
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
   ) {
diff --git a/src/components/Pages/Keluhan/Table_30.vue b/src/components/Pages/Keluhan/Table_30.vue
index 721cf48..7fc828f 100755
--- a/src/components/Pages/Keluhan/Table_30.vue
+++ b/src/components/Pages/Keluhan/Table_30.vue
@@ -138,7 +138,7 @@ query rekapitulasiKeluhanPerJenisKeluhan
 (
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
 ) {
@@ -176,7 +176,7 @@ query rekapitulasiKeluhanPerJenisKeluhan
 const { onResult, onError, loading,refetch } = useQuery(GET_DATA, {
     dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
     dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
-    posko: "",
+    posko: 0,
     idUid: 0,
     idUp3: 0,
 })
diff --git a/src/components/Pages/Keluhan/Table_31.vue b/src/components/Pages/Keluhan/Table_31.vue
index 070748d..57cc70f 100755
--- a/src/components/Pages/Keluhan/Table_31.vue
+++ b/src/components/Pages/Keluhan/Table_31.vue
@@ -138,7 +138,7 @@ query rekapitulasiKeluhanPerKelompokKeluhan
 (
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
 ) {
@@ -176,7 +176,7 @@ query rekapitulasiKeluhanPerKelompokKeluhan
 const { onResult, onError ,loading,refetch} = useQuery(GET_DATA, {
     dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
     dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
-    posko: "",
+    posko: 0,
     idUid: 0,
     idUp3: 0,
 })
diff --git a/src/components/Pages/Keluhan/Table_32.vue b/src/components/Pages/Keluhan/Table_32.vue
index cf80430..728ddae 100755
--- a/src/components/Pages/Keluhan/Table_32.vue
+++ b/src/components/Pages/Keluhan/Table_32.vue
@@ -145,7 +145,7 @@ const GET_DATA = gql`
   query rekapitulasiKeluhanPerTanggal(
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
   ) {
diff --git a/src/components/Pages/Keluhan/Table_33.vue b/src/components/Pages/Keluhan/Table_33.vue
index ff4d8fa..3e6708c 100755
--- a/src/components/Pages/Keluhan/Table_33.vue
+++ b/src/components/Pages/Keluhan/Table_33.vue
@@ -144,7 +144,7 @@ const GET_DATA = gql`
   query rekapitulasiKeluhanPerUnit(
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
   ) {
diff --git a/src/components/Pages/Keluhan/Table_34.vue b/src/components/Pages/Keluhan/Table_34.vue
index 5ba92df..3e7b0a4 100755
--- a/src/components/Pages/Keluhan/Table_34.vue
+++ b/src/components/Pages/Keluhan/Table_34.vue
@@ -96,7 +96,7 @@ const GET_DATA = gql`
   query rekapitulasiKeluhanBerdasarkanMedia(
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
   ) {
diff --git a/src/components/Pages/Keluhan/Table_35.vue b/src/components/Pages/Keluhan/Table_35.vue
index 9022484..1b5667f 100755
--- a/src/components/Pages/Keluhan/Table_35.vue
+++ b/src/components/Pages/Keluhan/Table_35.vue
@@ -131,7 +131,7 @@ query rekapitulasiKeluhanRatingPerUnit
 (
     $dateFrom: Date!
     $dateTo: Date!
-    $posko: String!
+    $posko: Int!
     $idUid: Int!
     $idUp3: Int!
 ) {
@@ -165,7 +165,7 @@ query rekapitulasiKeluhanRatingPerUnit
 const { onResult, onError, loading, refetch } = useQuery(GET_DATA, {
     dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
     dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
-    posko: "",
+    posko: 0,
     idUid: 0,
     idUp3: 0,
 })
diff --git a/src/components/Pages/Monalisa/Table_38.vue b/src/components/Pages/Monalisa/Table_38.vue
index 4897ef5..6179096 100755
--- a/src/components/Pages/Monalisa/Table_38.vue
+++ b/src/components/Pages/Monalisa/Table_38.vue
@@ -91,7 +91,7 @@ const monalisaRecoveryTimeGangguan = gql`
 `;
 const { onResult, onError, loading, refetch } = useQuery(monalisaRecoveryTimeGangguan, {
     regional: "",
-    posko: "",
+    posko: 0,
     idUid: 0,
     idUp3: 0,
     bulan: 10,
diff --git a/src/components/Pages/Monalisa/Table_47.vue b/src/components/Pages/Monalisa/Table_47.vue
index 68a4d82..d3df540 100755
--- a/src/components/Pages/Monalisa/Table_47.vue
+++ b/src/components/Pages/Monalisa/Table_47.vue
@@ -116,7 +116,7 @@ const monalisaRecoveryTimeKeluhan = gql`
 `;
 const { onResult, onError, loading, refetch } = useQuery(monalisaRecoveryTimeKeluhan, {
     regional: "",
-    posko: "",
+    posko: 0,
     idUid: 0,
     idUp3: 0,
     bulan: 10,
diff --git a/src/utils/graphql.ts b/src/utils/graphql.ts
index c0ec287..1ce6ff5 100755
--- a/src/utils/graphql.ts
+++ b/src/utils/graphql.ts
@@ -3,7 +3,7 @@ import { ApolloClient, createHttpLink, InMemoryCache } from '@apollo/client/core
 export const apolloClient = () => {
 
   const httpLink =  createHttpLink({
-    uri: 'http://10.8.0.13:32169/graphql',
+    uri: 'http://10.8.0.31:32169/graphql',
     credentials: 'include', // Include credentials for cross-origin requests
   });
 
diff --git a/src/utils/network.ts b/src/utils/network.ts
index b0ae1e7..8ef57fa 100755
--- a/src/utils/network.ts
+++ b/src/utils/network.ts
@@ -13,4 +13,4 @@ const getJenisTransaksi = async () => await instance.get('/jenisTransaksi')
 const getUp3 = async (uid: number) => await instance.get('/up3?uid=' + uid)
 const getUlp = async (up3: number) => await instance.get('/ulp?up3=' + up3)
 const getPosko = async (uppp: number) => await instance.get('/posko?up3=' + uppp)
-export { getUid, getUp3, getPosko, getUlp, getMedia, getJenisTransaksi, getUidRegional,getRegional}
+export { getUid, getUp3, getPosko, getUlp, getMedia, getJenisTransaksi, getUidRegional, getRegional }