From b05b6f82bc425ae6874bfc2ff5cc01f3e5f68aa1 Mon Sep 17 00:00:00 2001 From: Dede Fuji Abdul Date: Fri, 29 Mar 2024 00:22:39 +0700 Subject: [PATCH] Refactor data retrieval in filterData function --- .../Pages/Gangguan/Daftar/DGangguan_BM.vue | 45 +++---- .../Pages/Gangguan/Daftar/DGangguan_DKPL.vue | 48 ++++--- .../Gangguan/Daftar/DGangguan_DMAPKT.vue | 47 +++---- .../Pages/Gangguan/Daftar/DGangguan_MLD1K.vue | 113 +++++++---------- .../Daftar/DGangguan_RecoveryTime.vue | 46 +++---- .../Daftar/DGangguan_ResponseTime.vue | 46 +++---- .../Pages/Gangguan/Daftar/DGangguan_STIDP.vue | 48 +++---- .../Pages/Gangguan/Rekap/RGangguan_ALL.vue | 13 +- .../Gangguan/Rekap/RGangguan_AlihPosko.vue | 110 ++++++++-------- .../Rekap/RGangguan_BerdasarMedia.vue | 95 +++++++------- .../Pages/Gangguan/Rekap/RGangguan_CTTM.vue | 92 +++++++------- .../Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue | 98 +++++++------- .../Rekap/RGangguan_JenisGangguan.vue | 117 ++++++++--------- .../Rekap/RGangguan_JenisGangguanSE.vue | 96 +++++++------- .../Pages/Gangguan/Rekap/RGangguan_KTI.vue | 96 +++++++------- .../Gangguan/Rekap/RGangguan_PerPosko.vue | 99 +++++++-------- .../Gangguan/Rekap/RGangguan_PerRegu.vue | 95 +++++++------- .../Gangguan/Rekap/RGangguan_PerTanggal.vue | 120 ++++++++---------- .../Rekap/RGangguan_RatingPerPosko.vue | 103 +++++++-------- .../Rekap/RGangguan_RatingPerRegu.vue | 91 ++++++------- .../Keluhan/Daftar/DKeluhan_BerdasarMedia.vue | 47 +++---- .../Pages/Keluhan/Daftar/DKeluhan_DKUL.vue | 47 +++---- .../Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue | 49 +++---- .../Keluhan/Daftar/DKeluhan_RecoveryTime.vue | 49 +++---- .../Keluhan/Daftar/DKeluhan_ResponseTime.vue | 49 +++---- .../Pages/Keluhan/Daftar/DKeluhan_STIDP.vue | 47 +++---- .../Keluhan/Daftar/DKeluhan_SelesaiCC.vue | 47 +++---- .../Pages/Keluhan/Rekap/RKeluhan_ALL.vue | 67 +++++----- .../Keluhan/Rekap/RKeluhan_BerdasarMedia.vue | 94 +++++++------- .../Rekap/RKeluhan_PerFungsiBidang.vue | 92 +++++++------- .../Rekap/RKeluhan_PerJenisKeluhan.vue | 106 ++++++++-------- .../Rekap/RKeluhan_PerKelompokKeluhan.vue | 92 +++++++------- .../Keluhan/Rekap/RKeluhan_PerTanggal.vue | 92 +++++++------- .../Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue | 86 ++++++------- .../Keluhan/Rekap/RKeluhan_RatingPerUnit.vue | 92 +++++++------- 35 files changed, 1247 insertions(+), 1427 deletions(-) diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue index e649e74..5cc3c1f 100755 --- a/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue +++ b/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue @@ -310,7 +310,7 @@ import { DxSelection } from 'devextreme-vue/data-grid' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { exportToPDF, exportToDOCX, exportToXLSX } from '@/report/Gangguan/Daftar/DGangguan_BM' const position = { of: '#data' } @@ -321,6 +321,7 @@ const data = ref([]) const dataSelected = ref({}) const dialogDetail = ref(false) const dataGridRef = ref(null) +const loading = ref(false) const clearSelection = () => { const dataGrid = dataGridRef.value!.instance! dataGrid.clearSelection() @@ -337,20 +338,11 @@ const showDetail = () => (dialogDetail.value = true) const closeDialog = () => (dialogDetail.value = false) -const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar.berdasarkanMedia, { - dateFrom: new Date().toISOString().slice(0, 10), - dateTo: new Date().toISOString().slice(0, 10), - posko: 0, - idUid: 0, - idUp3: 0, - media: 'Twitter' -}) - -const filterData = (params: any) => { +const filterData = async (params: any) => { const { posko, uid, up3, media } = params const dateValue = params.periode.split(' s/d ') - refetch({ + const query = { dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10), @@ -361,20 +353,25 @@ const filterData = (params: any) => { idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0, media: media ? media.id : '' - }) + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.daftarGangguanBerdasarkanMedia - } + loading.value = true + await requestGraphQl(queries.gangguan.daftar.berdasarkanMedia, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.daftarGangguanBerdasarkanMedia + } else { + data.value = [] + } - reportMeta.value = filters.value - console.log(queryResult.data) - }) - - onError((error) => { - console.log(error) - }) + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loading.value = false + }) } const onExporting = (e: any) => { diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue index 9657cea..05c4f66 100755 --- a/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue +++ b/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue @@ -360,7 +360,7 @@ import { onMounted, ref } from 'vue' import DetailDialog from '@/components/Dialogs/DetailDialog.vue' import InputText from '@/components/InputText.vue' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { exportToPDF, exportToXLSX, exportToDOCX } from '@/report/Gangguan/Daftar/DGangguan_DKPL' const position = { of: '#dataTable' } @@ -370,13 +370,14 @@ const showPane = ref(true) const data = ref([]) const dataSelected = ref() const dialogDetail = ref(false) +const loading = ref(false) const closeDialog = () => (dialogDetail.value = false) -const filterData = (params: any) => { +const filterData = async (params: any) => { const { posko, uid, up3 } = params const dateValue = params.periode.split(' s/d ') - refetch({ + const query = { dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10), @@ -386,29 +387,26 @@ const filterData = (params: any) => { posko: posko ? posko.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 - }) - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.daftarGangguanDialihkanKePoskoLain - } - - reportMeta.value = filters.value - console.log(queryResult.data) - }) - onError((error) => { - console.log(error) - }) -} -const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.daftar.dataDialihkanKePoskoLain, - { - dateFrom: new Date().toISOString().slice(0, 10), - dateTo: new Date().toISOString().slice(0, 10), - posko: 0, - idUid: 0, - idUp3: 0 } -) + loading.value = true + await requestGraphQl(queries.gangguan.daftar.dataDialihkanKePoskoLain, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.daftarGangguanDialihkanKePoskoLain + } else { + data.value = [] + } + + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loading.value = false + }) +} + const dataGridRef = ref(null) const clearSelection = () => { const dataGrid = dataGridRef.value!.instance! diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue index a22497f..fb40621 100755 --- a/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue +++ b/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue @@ -320,7 +320,7 @@ import { DxSelection } from 'devextreme-vue/data-grid' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { exportToPDF, exportToXLSX, exportToDOCX } from '@/report/Gangguan/Daftar/DGangguan_DMAPKT' const position = { of: '#data' } @@ -331,6 +331,7 @@ const data = ref([]) const dataSelected = ref({}) const dialogDetail = ref(false) const dataGridRef = ref(null) +const loading = ref(false) const clearSelection = () => { const dataGrid = dataGridRef.value!.instance! dataGrid.clearSelection() @@ -347,22 +348,11 @@ const showDetail = () => (dialogDetail.value = true) const closeDialog = () => (dialogDetail.value = false) -const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.daftar.diselesaikanMobileAPKT, - { - dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), - dateTo: new Date('2023-10-01').toISOString().slice(0, 10), - posko: 0, - idUid: 0, - idUp3: 0 - } -) - -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { posko, uid, up3 } = params - refetch({ + const query = { dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10), @@ -372,20 +362,25 @@ const filterData = (params: any) => { posko: posko ? posko.id : 0, idUid: uid ? uid.id : 0, idUp3: up3?.id ? up3.id : 0 - }) + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.daftarGangguanDiselesaikanMobileAPKT - } + loading.value = true + await requestGraphQl(queries.gangguan.daftar.diselesaikanMobileAPKT, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.daftarGangguanDiselesaikanMobileAPKT + } else { + data.value = [] + } - reportMeta.value = filters.value - console.log(queryResult.data) - }) - - onError((error) => { - console.log(error) - }) + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loading.value = false + }) } const onExporting = (e: any) => { diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue index d0f71a3..9dd8fc0 100755 --- a/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue +++ b/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue @@ -441,7 +441,7 @@ import { import DetailDialog from '@/components/Dialogs/DetailDialog.vue' import InputText from '@/components/InputText.vue' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, isNumber } from '@/utils/numbers' import { exportToPDF, exportToXLSX, exportToDOCX } from '@/report/Gangguan/Daftar/DGangguan_MLD1K' import { apolloClient } from '@/utils/api/api.graphql' @@ -483,7 +483,7 @@ const setDetailType = (columnCaption: string) => { } } -const getDetail = () => { +const getDetail = async () => { const dateValue = filters.value.periode.split(' s/d ') const selected = dataSelected.value @@ -498,25 +498,23 @@ const getDetail = () => { idUid: selected?.id_uid ? selected?.id_uid : 0, idUp3: selected?.id_up3 ? selected?.id_up3 : 0 } + loadingSubData.value = false + await requestGraphQl(queries.keluhan.rekap.rekapKeluhanAllDetail, query) + .then((result) => { + if (result.data.data != undefined) { + dataSub.value = result.data.data.detailKeluhanAll + } else { + dataSub.value = [] + } - const { onResult, onError, loading } = useQuery( - queries.keluhan.rekap.rekapKeluhanAllDetail, - query - ) - - onResult((queryResult) => { - if (queryResult.data != undefined) { - dataSub.value = queryResult.data.detailKeluhanAll - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingSubData.value = value - }) + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingSubData.value = false + }) } const dataGridRef = ref(null) @@ -533,19 +531,8 @@ const showDetail = () => { } } -const onDataSelectionChanged = ({ - selectedRowsData, - selectedRowKeys, - currentSelectedRowKeys, - element, - component -}: any) => { +const onDataSelectionChanged = ({ selectedRowsData }: any) => { if (selectedRowsData[0] != undefined) { - // console.log(selectedRowKeys) - // console.log(currentSelectedRowKeys) - // console.log(element) - // console.log(component) - dataSelected.value = selectedRowsData[0] showDetail() } @@ -558,42 +545,40 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => { const closeDialog = () => (dialogDetail.value = false) -const filterData = (params: any) => { +const filterData = async (params: any) => { const { minJmlLapor, maxJmlLapor, posko, uid, up3 } = params const dateValue = params.periode.split(' s/d ') - const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.daftar.melaporLebihDariSatuKali, - { - minJmlLapor: minJmlLapor ? minJmlLapor : 1, - maxJmlLapor: maxJmlLapor ? maxJmlLapor : 1, - 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.id : 0, - idUid: uid ? uid.id : 0, - idUp3: up3 ? up3.id : 0 - } - ) + const query = { + minJmlLapor: minJmlLapor ? minJmlLapor : 1, + maxJmlLapor: maxJmlLapor ? maxJmlLapor : 1, + 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.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0 + } + loadingData.value = true + await requestGraphQl(queries.gangguan.daftar.melaporLebihDariSatuKali, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.daftarGangguanMelaporLebihDariSatuKali + } else { + data.value = [] + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.daftarGangguanMelaporLebihDariSatuKali - } - - reportMeta.value = filters.value - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingData.value = value - }) + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingData.value = false + }) } const onExporting = (e: any) => { diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue index 8efb6b7..59fcd98 100755 --- a/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue +++ b/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue @@ -346,7 +346,7 @@ import { DxSelection } from 'devextreme-vue/data-grid' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { exportToPDF, exportToXLSX, @@ -361,6 +361,7 @@ const data = ref([]) const dataSelected = ref({}) const dialogDetail = ref(false) const dataGridRef = ref(null) +const loading = ref(false) const clearSelection = () => { const dataGrid = dataGridRef.value!.instance! dataGrid.clearSelection() @@ -377,11 +378,11 @@ const showDetail = () => (dialogDetail.value = true) const closeDialog = () => (dialogDetail.value = false) -const filterData = (params: any) => { +const filterData = async (params: any) => { const { minTime, maxTime, posko, uid, up3 } = params const dateValue = params.periode.split(' s/d ') - refetch({ + const query = { dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10), @@ -393,19 +394,24 @@ const filterData = (params: any) => { posko: posko ? posko.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 - }) + } + loading.value = true + await requestGraphQl(queries.gangguan.daftar.recoveryTime, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.daftarGangguanRecoveryTime + } else { + data.value = [] + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.daftarGangguanRecoveryTime - } - - reportMeta.value = filters.value - }) - - onError((error) => { - console.log(error) - }) + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loading.value = false + }) } const onExporting = (e: any) => { @@ -418,16 +424,6 @@ const onExporting = (e: any) => { } } -const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar.recoveryTime, { - dateFrom: new Date().toISOString().slice(0, 10), - dateTo: new Date().toISOString().slice(0, 10), - minDurasiRecoveryTime: 1, //menit - maxDurasiRecoveryTime: 1, // menit - posko: 0, - idUid: 0, - idUp3: 0 -}) - const filters = ref() const reportMeta = ref({ uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' }, diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue index 0624eb0..3ac1c0f 100755 --- a/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue +++ b/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue @@ -323,7 +323,7 @@ import { import DetailDialog from '@/components/Dialogs/DetailDialog.vue' import InputText from '@/components/InputText.vue' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { exportToPDF, exportToXLSX, @@ -338,6 +338,7 @@ const data = ref([]) const dataSelected = ref({}) const dialogDetail = ref(false) const dataGridRef = ref(null) +const loading = ref(false) const clearSelection = () => { const dataGrid = dataGridRef.value!.instance! dataGrid.clearSelection() @@ -354,11 +355,11 @@ const showDetail = () => (dialogDetail.value = true) const closeDialog = () => (dialogDetail.value = false) -const filterData = (params: any) => { +const filterData = async (params: any) => { const { minTime, maxTime, posko, uid, up3 } = params const dateValue = params.periode.split(' s/d ') - refetch({ + const query = { dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10), @@ -370,31 +371,26 @@ const filterData = (params: any) => { posko: posko ? posko.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 - }) + } + loading.value = true + await requestGraphQl(queries.gangguan.daftar.responseTime, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.daftarGangguanResponseTime + } else { + data.value = [] + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.daftarGangguanResponseTime - } - - reportMeta.value = filters.value - }) - - onError((error) => { - console.log(error) - }) + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loading.value = false + }) } -const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar.responseTime, { - dateFrom: new Date().toISOString().slice(0, 10), - dateTo: new Date().toISOString().slice(0, 10), - minDurasiResponseTime: 1, //menit - maxDurasiResponseTime: 1, // menit - posko: 0, - idUid: 0, - idUp3: 0 -}) - const onExporting = (e: any) => { if (e.format === 'pdf') { exportToPDF(reportMeta, data) diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue index 2d533ec..06d37e8 100755 --- a/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue +++ b/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue @@ -320,7 +320,7 @@ import { DxSelection } from 'devextreme-vue/data-grid' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { exportToPDF, exportToDOCX, exportToXLSX } from '@/report/Gangguan/Daftar/DGangguan_STIDP' const position = { of: '#data' } @@ -331,6 +331,7 @@ const data = ref([]) const dataSelected = ref({}) const dialogDetail = ref(false) const dataGridRef = ref(null) +const loading = ref(false) const clearSelection = () => { const dataGrid = dataGridRef.value!.instance! dataGrid.clearSelection() @@ -347,22 +348,11 @@ const showDetail = () => (dialogDetail.value = true) const closeDialog = () => (dialogDetail.value = false) -const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.daftar.selesaiTanpaIDPelanggan, - { - dateFrom: new Date().toISOString().slice(0, 10), - dateTo: new Date().toISOString().slice(0, 10), - posko: 0, - idUid: 0, - idUp3: 0 - } -) - -const filterData = (params: any) => { +const filterData = async (params: any) => { const { posko, uid, up3 } = params const dateValue = params.periode.split(' s/d ') - refetch({ + const query = { dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10), @@ -372,20 +362,24 @@ const filterData = (params: any) => { posko: posko ? posko.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 - }) + } + loading.value = true + await requestGraphQl(queries.gangguan.daftar.selesaiTanpaIDPelanggan, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.daftarGangguanSelesaiTanpaIdPelanggan + } else { + data.value = [] + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.daftarGangguanSelesaiTanpaIdPelanggan - } - - reportMeta.value = filters.value - console.log(queryResult.data) - }) - - onError((error) => { - console.log(error) - }) + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loading.value = false + }) } const onExporting = (e: any) => { diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue index c47cb7f..62acdad 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue @@ -1202,7 +1202,12 @@ const filterData = async (params: any) => { loadingData.value = true await requestGraphQl(queries.gangguan.rekap.gangguanAll, query) .then((result) => { - dataSub.value = result.data.data.rekapitulasiAllGangguan + if (result.data.data != null) { + dataSub.value = result.data.data.rekapitulasiAllGangguan + } else { + dataSub.value = [] + } + reportMeta.value = filters.value }) .catch((err) => { @@ -1283,7 +1288,11 @@ const getDetail = async () => { await requestGraphQl(queries.gangguan.rekap.gangguanAllDetail, query) .then((result) => { - dataSub.value = result.data.data.detailGangguan + if (result.data.data != null) { + dataSub.value = result.data.data.detailGangguan + } else { + dataSub.value = [] + } }) .catch((err) => { console.error(err) diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue index 6cc51ff..64457e0 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue @@ -508,7 +508,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import InputText from '@/components/InputText.vue' import { formatWaktu } from '@/components/Form/FiltersType/reference' @@ -537,7 +537,7 @@ const reportMeta = ref({ periode: '' }) -const getDetail = () => { +const getDetail = async () => { loadingSubData.value = true const dateValue = filters.value.periode.split(' s/d ') const ref = dataSelected.value @@ -554,24 +554,20 @@ const getDetail = () => { idUp3: ref.id_up3 } - const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.rekap.gangguanAlihPoskoDetail, - query - ) - - onResult((queryResult) => { - if (queryResult.data != undefined) { - dataSub.value = queryResult.data.detailGangguanAlihPosko - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingSubData.value = value - }) + await requestGraphQl(queries.gangguan.rekap.gangguanAlihPoskoDetail, query) + .then((result) => { + if (result.data.data != undefined) { + dataSub.value = result.data.data.detailGangguanAlihPosko + } else { + dataSub.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingSubData.value = false + }) } const dataGridRef = ref(null) @@ -625,49 +621,47 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => { } } -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { posko, uid, up3 } = params - const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.rekap.gangguanAlihPosko, - { - 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.id : 0, - idUid: uid ? uid.id : 0, - idUp3: up3 ? up3.id : 0 - } - ) + const query = { + 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.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0 + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - const refs = [...queryResult.data.rekapitulasiGangguanAlihPosko].sort((a: any, b: any) => - a.nama_uid.localeCompare(b.nama_uid) - ) + loadingData.value = true + await requestGraphQl(queries.gangguan.rekap.gangguanAlihPosko, query) + .then((result) => { + if (result.data.data != undefined) { + const refs = [...result.data.data.rekapitulasiGangguanAlihPosko].sort((a: any, b: any) => + a.nama_uid.localeCompare(b.nama_uid) + ) + data.value = refs.map((ref: any, index: number) => { + return { + ...ref, + number: index + 1 + } + }) + } else { + data.value = [] + } - data.value = refs.map((ref: any, index: number) => { - return { - ...ref, - number: index + 1 - } - }) - } - - reportMeta.value = filters.value - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingData.value = value - }) + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingData.value = false + }) } const filters = ref() diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue index 6330dee..ad85f14 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue @@ -493,7 +493,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import DetailDialog from '@/components/Dialogs/DetailDialog.vue' import { formatWaktu } from '@/components/Form/FiltersType/reference' @@ -535,8 +535,7 @@ const setDate = (value: any) => { } } -const getDetail = () => { - loadingSubData.value = true +const getDetail = async () => { const ref = dataSelected.value const query = { @@ -548,24 +547,21 @@ const getDetail = () => { media: ref?.media ? ref?.media : '' } - const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.rekap.berdasarkanMediaDetail, - query - ) - - onResult((queryResult) => { - if (queryResult.data != undefined) { - dataSub.value = queryResult.data.detailRekapitulasiGangguanBerdasarkanMedia - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingSubData.value = value - }) + loadingSubData.value = true + await requestGraphQl(queries.gangguan.rekap.berdasarkanMediaDetail, query) + .then((result) => { + if (result.data.data != undefined) { + dataSub.value = result.data.data.detailRekapitulasiGangguanBerdasarkanMedia + } else { + dataSub.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingSubData.value = false + }) } const dataGridRef = ref(null) @@ -622,40 +618,39 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => { } } -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { posko, uid, up3 } = params - const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.rekap.berdasarkanMedia, - { - 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.id : 0, - idUid: uid ? uid.id : 0, - idUp3: up3 ? up3.id : 0 - } - ) + const query = { + 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.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0 + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.rekapitulasiGangguanBerdasarkanMedia - } + loadingData.value = true + await requestGraphQl(queries.gangguan.rekap.berdasarkanMedia, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.rekapitulasiGangguanBerdasarkanMedia + } else { + data.value = [] + } - reportMeta.value = filters.value - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingData.value = value - }) + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingData.value = false + }) } const filters = ref() diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_CTTM.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_CTTM.vue index 9fd4513..05f6191 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_CTTM.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_CTTM.vue @@ -432,7 +432,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import { formatWaktu } from '@/components/Form/FiltersType/reference' import { apolloClient } from '@/utils/api/api.graphql' @@ -459,41 +459,40 @@ const setMonth = (month: any) => { monthSelected.value = getMonthNumber(month) } -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { posko, uid, up3 } = params - const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.rekap.gangguanCleansingTransaksiTM, - { - 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), - idUlp: posko ? posko.id : 0, - idUid: uid ? uid.id : 0, - idUp3: up3 ? up3.id : 0 - } - ) + const query = { + 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), + idUlp: posko ? posko.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0 + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.rekapitulasiGangguanCleansingTransaksiTM - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingData.value = value - }) + loadingData.value = true + await requestGraphQl(queries.gangguan.rekap.gangguanCleansingTransaksiTM, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.rekapitulasiGangguanCleansingTransaksiTM + } else { + data.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingData.value = false + }) } -const getDetail = () => { +const getDetail = async () => { const dateValue = filters.value.periode.split(' s/d ') const selected = dataSelected.value @@ -509,24 +508,21 @@ const getDetail = () => { idUp3: selected?.id_up3 ? selected?.id_up3 : 0 } - const { onResult, onError, loading } = useQuery( - queries.gangguan.rekap.gangguanCleansingTransaksiTMDetail, - query - ) - - onResult((queryResult) => { - if (queryResult.data != undefined) { - dataSub.value = queryResult.data.detailGangguanCleansingTransaksiTM - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingSubData.value = value - }) + loadingSubData.value = true + await requestGraphQl(queries.gangguan.rekap.gangguanCleansingTransaksiTMDetail, query) + .then((result) => { + if (result.data.data != undefined) { + dataSub.value = result.data.data.detailGangguanCleansingTransaksiTM + } else { + dataSub.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingSubData.value = false + }) } const dataGridRef = ref(null) diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue index 69c16b1..0c1b48e 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue @@ -779,7 +779,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import { formatWaktu } from '@/components/Form/FiltersType/reference' import InputText from '@/components/InputText.vue' @@ -808,7 +808,7 @@ const reportMeta = ref({ periode: '' }) -const getDetail = () => { +const getDetail = async () => { loadingSubData.value = true const dateValue = filters.value.periode.split(' s/d ') const { posko, uid, up3 } = filters.value @@ -827,26 +827,20 @@ const getDetail = () => { idRegu: ref.id_regu } - const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.rekap.gangguanDiselesaikanMobileAPKTDetail, - query - ) - - onResult((queryResult) => { - if (queryResult.data != undefined) { - console.log(queryResult.data.detailGangguanDiselesaikanMobileApkt) - - dataSub.value = queryResult.data.detailGangguanDiselesaikanMobileApkt - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingSubData.value = value - }) + await requestGraphQl(queries.gangguan.rekap.gangguanDiselesaikanMobileAPKTDetail, query) + .then((result) => { + if (result.data.data != undefined) { + dataSub.value = result.data.data.detailGangguanDiselesaikanMobileApkt + } else { + dataSub.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingSubData.value = false + }) } const dataGridRef = ref(null) @@ -900,41 +894,37 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => { } } -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { posko, uid, up3 } = params - const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.rekap.gangguanDiselesaikanMobileAPKT, - { - 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.id : 0, - idUid: uid ? uid.id : 0, - idUp3: up3 ? up3.id : 0 - } - ) - - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.rekapitulasiGangguanDiselesaikanMobileAPKT - } - console.log(queryResult.data) - - reportMeta.value = filters.value - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingData.value = value - }) + const query = { + 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.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0 + } + loadingData.value = true + await requestGraphQl(queries.gangguan.rekap.gangguanDiselesaikanMobileAPKT, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.rekapitulasiGangguanDiselesaikanMobileAPKT + } else { + data.value = [] + } + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingData.value = false + }) } const filters = ref() onMounted(() => { diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue index 40d215f..e6b1bda 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue @@ -450,7 +450,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import { exportToPDF } from '@/report/Gangguan/Rekap/RGangguan_JenisGangguan' import { apolloClient } from '@/utils/api/api.graphql' @@ -553,11 +553,11 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => { dataSubSelected.value = data } -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { posko, uid, up3 } = params - const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.rekap.jenisGangguan, { + const query = { dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10), @@ -567,67 +567,68 @@ const filterData = (params: any) => { posko: posko ? posko.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 - }) + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = [...queryResult.data.rekapitulasiPerJenisGangguan].map( - (item: any, index: number) => { - return { - no: ++index, - sub_kelompok: item.sub_kelompok, - kode: item.kode, - jenisGangguan: item.tipe_permasalahan, - laporan: { - total: item.total, - sudahSelesai: { - jml: item.total_selesai, - persen: item.persen_selesai - }, - belumSelesai: { - jml: item.total_inproses, - persen: item.persen_inproses - } - }, - responseTime: { - menit: { - total: item.total_durasi_response, - rataRata: item.avg_durasi_response, - max: item.max_durasi_response, - min: item.min_durasi_response - }, + loadingData.value = true + await requestGraphQl(queries.gangguan.rekap.jenisGangguan, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = [...result.data.data.rekapitulasiPerJenisGangguan].map( + (item: any, index: number) => { + return { + no: ++index, + sub_kelompok: item.sub_kelompok, + kode: item.kode, + jenisGangguan: item.tipe_permasalahan, laporan: { - lebihSla: item.total_diatas_sla_response, - kurangSla: item.total_dibawah_sla_response - } - }, - recoveryTime: { - menit: { - total: item.total_durasi_recovery, - rataRata: item.avg_durasi_recovery, - max: item.max_durasi_recovery, - min: item.min_durasi_recovery + total: item.total, + sudahSelesai: { + jml: item.total_selesai, + persen: item.persen_selesai + }, + belumSelesai: { + jml: item.total_inproses, + persen: item.persen_inproses + } }, - laporan: { - lebihSla: item.total_diatas_sla_recovery, - kurangSla: item.total_dibawah_sla_recovery + responseTime: { + menit: { + total: item.total_durasi_response, + rataRata: item.avg_durasi_response, + max: item.max_durasi_response, + min: item.min_durasi_response + }, + laporan: { + lebihSla: item.total_diatas_sla_response, + kurangSla: item.total_dibawah_sla_response + } + }, + recoveryTime: { + menit: { + total: item.total_durasi_recovery, + rataRata: item.avg_durasi_recovery, + max: item.max_durasi_recovery, + min: item.min_durasi_recovery + }, + laporan: { + lebihSla: item.total_diatas_sla_recovery, + kurangSla: item.total_dibawah_sla_recovery + } } } } - } - ) - } - - reportMeta.value = filters.value - }) - - onError((queryError) => { - console.log(queryError) - }) - - watch(loading, (value) => { - loadingData.value = value - }) + ) + } else { + data.value = [] + } + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingData.value = false + }) } const filters = ref() diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue index 70cf528..4b6eaf0 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue @@ -789,7 +789,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import InputText from '@/components/InputText.vue' import DetailDialog from '@/components/Dialogs/DetailDialog.vue' @@ -842,43 +842,41 @@ const onExporting = (e: any) => { } } -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { posko, uid, up3 } = params - const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.rekap.jenisGangguanSE004, - { - 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.id : 0, - idUid: uid ? uid.id : 0, - idUp3: up3 ? up3.id : 0 - } - ) + const query = { + 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.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0 + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.rekapitulasiJenisGangguanSE004 - } - - reportMeta.value = filters.value - }) - - onError((queryError) => { - console.log(queryError) - }) - - watch(loading, (value) => { - loadingData.value = value - }) + loadingData.value = true + await requestGraphQl(queries.gangguan.rekap.jenisGangguanSE004, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.rekapitulasiJenisGangguanSE004 + } else { + data.value = [] + } + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingData.value = false + }) } -const getDetail = () => { +const getDetail = async () => { loadingSubData.value = true const dateValue = filters.value.periode.split(' s/d ') const ref = dataSelected.value @@ -897,24 +895,22 @@ const getDetail = () => { idEquipment: ref?.kode ? parseInt(ref.kode) : 0 } - const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.rekap.jenisGangguanSE004Detail, - query - ) - - onResult((queryResult) => { - if (queryResult.data != undefined) { - dataSub.value = queryResult.data.detailGangguanJenisGangguanSE004 - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingSubData.value = value - }) + loadingSubData.value = true + await requestGraphQl(queries.gangguan.rekap.jenisGangguanSE004Detail, query) + .then((result) => { + if (result.data.data != undefined) { + dataSub.value = result.data.data.detailGangguanJenisGangguanSE004 + } else { + dataSub.value = [] + } + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingSubData.value = false + }) } const dataGridRef = ref(null) diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue index 089de98..5313e3f 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue @@ -1125,7 +1125,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import { formatWaktu } from '@/components/Form/FiltersType/reference' import DetailDialog from '@/components/Dialogs/DetailDialog.vue' @@ -1154,7 +1154,7 @@ const reportMeta = ref({ periode: '' }) -const getDetail = () => { +const getDetail = async () => { loadingSubData.value = true const dateValue = filters.value.periode.split(' s/d ') const ref = dataSelected.value @@ -1171,24 +1171,22 @@ const getDetail = () => { idUp3: ref?.id_up3 ? ref?.id_up3 : 0 } - const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.rekap.gangguanKoreksiTransaksiIndividualDetail, - query - ) - - onResult((queryResult) => { - if (queryResult.data != undefined) { - dataSub.value = queryResult.data.detailGangguanKoreksiTransaksiIndividu - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingSubData.value = value - }) + loadingSubData.value = true + await requestGraphQl(queries.gangguan.rekap.gangguanKoreksiTransaksiIndividualDetail, query) + .then((result) => { + if (result.data.data != undefined) { + dataSub.value = result.data.data.detailGangguanKoreksiTransaksiIndividu + } else { + dataSub.value = [] + } + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingSubData.value = false + }) } const dataGridRef = ref(null) @@ -1242,40 +1240,38 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => { } } -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { posko, uid, up3 } = params - const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.rekap.gangguanKoreksiTransaksiIndividual, - { - 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), - idPosko: posko ? posko.id : 0, - idUid: uid ? uid.id : 0, - idUp3: up3 ? up3.id : 0 - } - ) + const query = { + 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), + idPosko: posko ? posko.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0 + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.rekapitulasiGangguanKoreksiTransaksiIndividual - } - - reportMeta.value = filters.value - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingData.value = value - }) + loadingData.value = true + await requestGraphQl(queries.gangguan.rekap.gangguanKoreksiTransaksiIndividual, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.rekapitulasiGangguanKoreksiTransaksiIndividual + } else { + data.value = [] + } + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingData.value = false + }) } const filters = ref() diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue index 6898bfa..05f90db 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue @@ -871,7 +871,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import DetailDialog from '@/components/Dialogs/DetailDialog.vue' import InputText from '@/components/InputText.vue' @@ -898,8 +898,7 @@ const reportMeta = ref({ periode: '' }) -const getDetail = () => { - loadingSubData.value = true +const getDetail = async () => { const dateValue = filters.value.periode.split(' s/d ') const ref = dataSelected.value @@ -919,24 +918,21 @@ const getDetail = () => { media: ref?.media ? ref?.media : '' } - const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.rekap.gangguanAllDetail, - query - ) - - onResult((queryResult) => { - if (queryResult.data != undefined) { - dataSub.value = queryResult.data.detailGangguan - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingSubData.value = value - }) + loadingSubData.value = true + await requestGraphQl(queries.gangguan.rekap.gangguanAllDetail, query) + .then((result) => { + if (result.data.data != undefined) { + dataSub.value = result.data.data.detailGangguan + } else { + dataSub.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingSubData.value = false + }) } const dataGridRef = ref(null) @@ -990,41 +986,40 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => { } } -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { posko, uid, up3 } = params - const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.rekap.gangguanPerPosko, - { - 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.id : 0, - idUid: uid ? uid.id : 0, - idUp3: up3 ? up3.id : 0 - } - ) + const query = { + 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.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0 + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - const result: any[] = [...queryResult.data.rekapitulasiGangguanPerPosko] - data.value = result.sort((a: any, b: any) => a?.nama_up3.localeCompare(b?.nama_up3)) - } - - reportMeta.value = filters.value - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingData.value = value - }) + loadingData.value = true + await requestGraphQl(queries.gangguan.rekap.gangguanPerPosko, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = [...result.data.data.rekapitulasiGangguanPerPosko].sort((a: any, b: any) => + a?.nama_up3.localeCompare(b?.nama_up3) + ) + } else { + data.value = [] + } + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingData.value = false + }) } const filters = ref() diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue index 39a5de2..05e6628 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue @@ -881,7 +881,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import DetailDialog from '@/components/Dialogs/DetailDialog.vue' import InputText from '@/components/InputText.vue' @@ -910,8 +910,7 @@ const reportMeta = ref({ groupBy: false }) -const getDetail = () => { - loadingSubData.value = true +const getDetail = async () => { const dateValue = filters.value?.periode.split(' s/d ') const ref = dataSelected.value @@ -931,24 +930,21 @@ const getDetail = () => { media: ref?.media ? ref?.media : '' } - const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.rekap.gangguanAllDetail, - query - ) - - onResult((queryResult) => { - if (queryResult.data != undefined) { - dataSub.value = queryResult.data.detailGangguan - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingSubData.value = value - }) + loadingSubData.value = true + await requestGraphQl(queries.gangguan.rekap.gangguanAllDetail, query) + .then((result) => { + if (result.data.data != undefined) { + dataSub.value = result.data.data.detailGangguan + } else { + dataSub.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingSubData.value = false + }) } const dataGridRef = ref(null) @@ -1007,11 +1003,11 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => { } } -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { posko, uid, up3 } = params - const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.rekap.gangguanPerRegu, { + const query = { dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10), @@ -1021,34 +1017,33 @@ const filterData = (params: any) => { posko: posko ? posko.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 - }) + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.rekapitulasiGangguanPerRegu - } - - const { posko, uid, up3 } = params - - reportMeta.value = { - uid: { id: uid ? uid.id : 0, name: uid ? uid.name : 'Semua Unit Induk Distribusi/Wilayah' }, - up3: { - id: up3 ? up3.id : 0, - name: up3 ? up3.name : 'Semua Unit Pelaksanaan Pelayanan Pelanggan' - }, - posko: { id: posko ? posko.id : 0, name: posko ? posko.name : 'Semua Posko' }, - periode: params.periode, - groupBy: params.groupBy - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingData.value = value - }) + loadingData.value = true + await requestGraphQl(queries.gangguan.rekap.gangguanPerRegu, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.rekapitulasiGangguanPerRegu + } else { + data.value = [] + } + reportMeta.value = { + uid: { id: uid ? uid.id : 0, name: uid ? uid.name : 'Semua Unit Induk Distribusi/Wilayah' }, + up3: { + id: up3 ? up3.id : 0, + name: up3 ? up3.name : 'Semua Unit Pelaksanaan Pelayanan Pelanggan' + }, + posko: { id: posko ? posko.id : 0, name: posko ? posko.name : 'Semua Posko' }, + periode: params.periode, + groupBy: params.groupBy + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingData.value = false + }) } const filters = ref({ diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue index 78ecfd1..d7e9887 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue @@ -629,7 +629,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import { apolloClient } from '@/utils/api/api.graphql' import { provideApolloClient } from '@vue/apollo-composable' @@ -659,8 +659,7 @@ const reportMeta = ref({ groupBy: false }) -const getDetail = () => { - loadingSubData.value = true +const getDetail = async () => { const dateValue = filters.value?.periode.split(' s/d ') const ref = dataSelected.value @@ -680,24 +679,21 @@ const getDetail = () => { media: ref?.media ? ref?.media : '' } - const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.rekap.gangguanAllDetail, - query - ) - - onResult((queryResult) => { - if (queryResult.data != undefined) { - dataSub.value = queryResult.data.detailGangguan - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingSubData.value = value - }) + loadingSubData.value = true + await requestGraphQl(queries.gangguan.rekap.gangguanAllDetail, query) + .then((result) => { + if (result.data.data != undefined) { + dataSub.value = result.data.data.detailGangguan + } else { + dataSub.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingSubData.value = false + }) } const dataGridRef = ref(null) @@ -756,57 +752,47 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => { } } -const filterData = (params: any) => { - loadingData.value = true +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { posko, uid, up3 } = params - const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.rekap.gangguanPerTanggal, - { - 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.id : 0, - idUid: uid ? uid.id : 0, - idUp3: up3 ? up3.id : 0 - } - ) + const query = { + 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.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0 + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.rekapitulasiGangguanPerTanggal - } - - if (queryResult.networkStatus == 7) { + loadingData.value = true + await requestGraphQl(queries.gangguan.rekap.gangguanPerTanggal, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.rekapitulasiGangguanPerTanggal + } else { + data.value = [] + } + reportMeta.value = { + uid: { id: uid ? uid.id : 0, name: uid ? uid.name : 'Semua Unit Induk Distribusi/Wilayah' }, + up3: { + id: up3 ? up3.id : 0, + name: up3 ? up3.name : 'Semua Unit Pelaksanaan Pelayanan Pelanggan' + }, + posko: { id: posko ? posko.id : 0, name: posko ? posko.name : 'Semua Posko' }, + periode: params.periode, + groupBy: params.groupBy + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { loadingData.value = false - } - - reportMeta.value = { - uid: { id: uid ? uid.id : 0, name: uid ? uid.name : 'Semua Unit Induk Distribusi/Wilayah' }, - up3: { - id: up3 ? up3.id : 0, - name: up3 ? up3.name : 'Semua Unit Pelaksanaan Pelayanan Pelanggan' - }, - posko: { id: posko ? posko.id : 0, name: posko ? posko.name : 'Semua Posko' }, - periode: params.periode, - groupBy: params.groupBy - } - }) - - onError((error) => { - console.log(error) - // loadingData.value = false - }) - - loadingData.value = loading.value - - watch(loading, (value) => { - // loadingData.value = value - }) + }) } onMounted(() => { diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue index 651bb31..8c2c79a 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue @@ -632,7 +632,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import { formatWaktu } from '@/components/Form/FiltersType/reference' import DetailDialog from '@/components/Dialogs/DetailDialog.vue' @@ -661,8 +661,7 @@ const reportMeta = ref({ periode: '' }) -const getDetail = () => { - loadingSubData.value = true +const getDetail = async () => { const dateValue = filters.value.periode.split(' s/d ') const ref = dataSelected.value @@ -682,24 +681,21 @@ const getDetail = () => { media: ref?.media ? ref?.media : '' } - const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.rekap.gangguanAllDetail, - query - ) - - onResult((queryResult) => { - if (queryResult.data != undefined) { - dataSub.value = queryResult.data.detailGangguan - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingSubData.value = value - }) + loadingSubData.value = true + await requestGraphQl(queries.gangguan.rekap.gangguanAllDetail, query) + .then((result) => { + if (result.data.data != undefined) { + dataSub.value = result.data.data.detailGangguan + } else { + dataSub.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingSubData.value = false + }) } const dataGridRef = ref(null) @@ -753,26 +749,11 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => { console.log(dataSubSelected) } -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { posko, uid, up3 } = params - const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.rekap.gangguanRatingPerPosko, - { - 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.id, - idUid: uid.id, - idUp3: up3.id - } - ) - - refetch({ + const query = { dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10), @@ -782,28 +763,32 @@ const filterData = (params: any) => { posko: posko ? posko.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 - }) - onResult((queryResult) => { - if (queryResult.data != undefined) { - const refs = [...queryResult.data.rekapitulasiGangguanRatingPerPosko].sort((a: any, b: any) => - a.nama_up3.localeCompare(b.nama_up3) - ) - data.value = refs.map((ref: any, index: number) => { - return { - ...ref, - number: index + 1 - } - }) - } + } - reportMeta.value = filters.value - }) - onError((error) => { - console.log(error) - }) - watch(loading, (value) => { - loadingData.value = value - }) + loadingData.value = true + await requestGraphQl(queries.gangguan.rekap.gangguanRatingPerPosko, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = [...result.data.data.rekapitulasiGangguanRatingPerPosko] + .sort((a: any, b: any) => a.nama_up3.localeCompare(b.nama_up3)) + .map((ref: any, index: number) => { + return { + ...ref, + number: index + 1 + } + }) + } else { + data.value = [] + } + + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingData.value = false + }) } const filters = ref() onMounted(() => { diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerRegu.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerRegu.vue index 81f994c..b488913 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerRegu.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerRegu.vue @@ -619,7 +619,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import { formatWaktu } from '@/components/Form/FiltersType/reference' import vue3starRatings from 'vue3-star-ratings' @@ -650,8 +650,7 @@ const reportMeta = ref({ periode: '' }) -const getDetail = () => { - loadingSubData.value = true +const getDetail = async () => { const dateValue = filters.value.periode.split(' s/d ') const ref = dataSelected.value @@ -671,24 +670,23 @@ const getDetail = () => { media: ref?.media ? ref?.media : '' } - const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.rekap.gangguanAllDetail, - query - ) + loadingSubData.value = true + await requestGraphQl(queries.gangguan.rekap.gangguanAllDetail, query) + .then((result) => { + if (result.data.data != undefined) { + dataSub.value = result.data.data.detailGangguan + } else { + dataSub.value = [] + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - dataSub.value = queryResult.data.detailGangguan - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingSubData.value = value - }) + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingSubData.value = false + }) } const dataGridRef = ref(null) @@ -743,20 +741,11 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => { console.log(dataSubSelected) } -const { onResult, onError, loading, refetch } = useQuery( - queries.gangguan.rekap.gangguanRatingPerRegu, - { - dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), - dateTo: new Date('2023-10-01').toISOString().slice(0, 10), - posko: '', - idUid: 0, - idUp3: 0 - } -) -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { posko, uid, up3 } = params - refetch({ + + const query = { dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10), @@ -766,27 +755,25 @@ const filterData = (params: any) => { posko: posko ? posko.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 - }) - onResult((queryResult) => { - if (queryResult.data != undefined) { - // const refs = [...queryResult.data.rekapitulasiGangguanRatingPerRegu].sort((a: any, b: any) => - // a.nama_up3.localeCompare(b.nama_up3) - // ) - // data.value = refs.map((ref: any, index: number) => { - // return { - // ...ref, - // number: index + 1 - // } - // }) - data.value = queryResult.data.rekapitulasiGangguanRatingPerRegu - } + } - reportMeta.value = filters.value - console.log(queryResult.data) - }) - onError((error) => { - console.log(error) - }) + loadingData.value = true + await requestGraphQl(queries.gangguan.rekap.gangguanRatingPerRegu, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.rekapitulasiGangguanRatingPerRegu + } else { + data.value = [] + } + + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingData.value = false + }) } const filters = ref() onMounted(() => { diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue index 5cc5d10..52f46b9 100755 --- a/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue +++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue @@ -315,7 +315,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import autoTable from 'jspdf-autotable' const position = { of: '#data' } @@ -536,23 +536,13 @@ const onExporting = (e: any) => { } const data = ref([]) +const loading = ref(false) -const { onResult, onError, loading, refetch } = useQuery( - queries.keluhan.daftar.keluhanBerdasarkanMedia, - { - dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), - dateTo: new Date('2023-10-01').toISOString().slice(0, 10), - idUlp: 0, - idUid: 0, - idUp3: 0 - } -) - -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { ulp, uid, up3 } = params - refetch({ + const query = { dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10), @@ -562,20 +552,25 @@ const filterData = (params: any) => { idUlp: ulp ? ulp.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 - }) + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.daftarKeluhanBerdasarkanMedia - } + loading.value = true + await requestGraphQl(queries.keluhan.daftar.keluhanBerdasarkanMedia, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.daftarKeluhanBerdasarkanMedia + } else { + data.value = [] + } - reportMeta.value = filters.value - console.log(queryResult.data) - }) - - onError((error) => { - console.log(error) - }) + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loading.value = false + }) } const filters = ref() diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue index 3e781eb..ef95ab9 100755 --- a/src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue +++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue @@ -349,7 +349,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import { jsPDF } from 'jspdf' import autoTable from 'jspdf-autotable' @@ -361,6 +361,7 @@ const showPane = ref(true) const data = ref([]) const dataSelected = ref({}) const dialogDetail = ref(false) +const loading = ref(false) const showDetail = () => (dialogDetail.value = true) @@ -571,22 +572,11 @@ const onSelectionChanged = ({ selectedRowsData }: any) => { showDetail() } -const { onResult, onError, loading, refetch } = useQuery( - queries.keluhan.daftar.keluhanDipindahkanKeIDULPLain, - { - dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), - dateTo: new Date('2023-10-01').toISOString().slice(0, 10), - idUlp: 0, - idUid: 0, - idUp3: 0 - } -) - -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { ulp, uid, up3 } = params - refetch({ + const query = { dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10), @@ -596,20 +586,25 @@ const filterData = (params: any) => { idUlp: ulp ? ulp.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 - }) + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.daftarKeluhanDialihkanKeUnitLain - } + loading.value = true + await requestGraphQl(queries.keluhan.daftar.keluhanDipindahkanKeIDULPLain, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.daftarKeluhanDialihkanKeUnitLain + } else { + data.value = [] + } - reportMeta.value = filters.value - console.log(queryResult.data) - }) - - onError((error) => { - console.log(error) - }) + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loading.value = false + }) } const filters = ref() diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue index 96b104f..8701a69 100755 --- a/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue +++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue @@ -339,7 +339,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import autoTable from 'jspdf-autotable' @@ -566,27 +566,15 @@ const onExporting = (e: any) => { } const data = ref([]) +const loading = ref(false) -const { onResult, onError, loading, refetch } = useQuery( - queries.keluhan.daftar.keluhanMelaporLebihDariSatuKali, - { - minJmlLapor: 1, - maxJmlLapor: 100, - dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), - dateTo: new Date('2023-10-01').toISOString().slice(0, 10), - idUlp: 0, - idUid: 0, - idUp3: 0 - } -) - -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { ulp, uid, up3 } = params const minJmlLapor = params.minJmlLapor ? params.minJmlLapor : 1 const maxJmlLapor = params.maxJmlLapor ? params.maxJmlLapor : 100 - refetch({ + const query = { minJmlLapor: minJmlLapor, maxJmlLapor: maxJmlLapor, dateFrom: dateValue[0] @@ -598,20 +586,25 @@ const filterData = (params: any) => { idUlp: ulp ? ulp.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 - }) + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.daftarKeluhanMelaporLebihDariSatuKali - } + loading.value = true + await requestGraphQl(queries.keluhan.daftar.keluhanMelaporLebihDariSatuKali, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.daftarKeluhanMelaporLebihDariSatuKali + } else { + data.value = [] + } - reportMeta.value = filters.value - console.log(queryResult.data) - }) - - onError((error) => { - console.log(error) - }) + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loading.value = false + }) } const filters = ref() diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue index 9e5a8ed..26da23b 100755 --- a/src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue +++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue @@ -317,7 +317,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import autoTable from 'jspdf-autotable' const position = { of: '#data' } @@ -548,25 +548,13 @@ const onExporting = (e: any) => { } const data = ref([]) +const loading = ref(false) -const { onResult, onError, loading, refetch } = useQuery( - queries.keluhan.daftar.keluhanRecoveryTime, - { - dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), - dateTo: new Date('2023-10-01').toISOString().slice(0, 10), - minDurasiRecoveryTime: 0, - maxDurasiRecoveryTime: 0, - idUlp: 0, - idUid: 0, - idUp3: 0 - } -) - -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { ulp, uid, up3, minTime, maxTime } = params - refetch({ + const query = { dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10), @@ -578,20 +566,25 @@ const filterData = (params: any) => { idUlp: ulp ? ulp.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 - }) + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.daftarKeluhanRecoveryTime - } + loading.value = true + await requestGraphQl(queries.keluhan.daftar.keluhanRecoveryTime, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.daftarKeluhanRecoveryTime + } else { + data.value = [] + } - reportMeta.value = filters.value - console.log(queryResult.data) - }) - - onError((error) => { - console.log(error) - }) + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loading.value = false + }) } const filters = ref() diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue index b8643b2..c5444af 100755 --- a/src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue +++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue @@ -335,7 +335,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import autoTable from 'jspdf-autotable' @@ -567,25 +567,13 @@ const onExporting = (e: any) => { } const data = ref([]) +const loading = ref(false) -const { onResult, onError, loading, refetch } = useQuery( - queries.keluhan.daftar.keluhanResponseTime, - { - dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), - dateTo: new Date('2023-10-01').toISOString().slice(0, 10), - minDurasiResponseTime: 0, - maxDurasiResponseTime: 0, - idUlp: 0, - idUid: 0, - idUp3: 0 - } -) - -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { ulp, uid, up3, maxTime, minTime } = params - refetch({ + const query = { dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10), @@ -597,20 +585,25 @@ const filterData = (params: any) => { idUlp: ulp ? ulp.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 - }) + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.daftarKeluhanResponseTime - } + loading.value = true + await requestGraphQl(queries.keluhan.daftar.keluhanResponseTime, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.daftarKeluhanResponseTime + } else { + data.value = [] + } - reportMeta.value = filters.value - console.log(queryResult.data) - }) - - onError((error) => { - console.log(error) - }) + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loading.value = false + }) } const filters = ref() diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue index 7c6cb06..961e948 100755 --- a/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue +++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue @@ -308,7 +308,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import autoTable from 'jspdf-autotable' const position = { of: '#data' } @@ -531,23 +531,13 @@ const onExporting = (e: any) => { } const data = ref([]) +const loading = ref(false) -const { onResult, onError, loading, refetch } = useQuery( - queries.keluhan.daftar.keluhanSelesaiTanpaIDPelanggan, - { - dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), - dateTo: new Date('2023-10-01').toISOString().slice(0, 10), - idUlp: 0, - idUid: 0, - idUp3: 0 - } -) - -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { ulp, uid, up3 } = params - refetch({ + const query = { dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10), @@ -557,20 +547,25 @@ const filterData = (params: any) => { idUlp: ulp ? ulp.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 - }) + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.daftarKeluhanSelesaiTanpaIdPelanggan - } + loading.value = true + await requestGraphQl(queries.keluhan.daftar.keluhanSelesaiTanpaIDPelanggan, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.daftarKeluhanSelesaiTanpaIdPelanggan + } else { + data.value = [] + } - reportMeta.value = filters.value - console.log(queryResult.data) - }) - - onError((error) => { - console.log(error) - }) + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loading.value = false + }) } const filters = ref() diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue index 0ee94b2..7a35133 100755 --- a/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue +++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue @@ -327,7 +327,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import { formatWaktu } from '@/components/Form/FiltersType/reference' import autoTable from 'jspdf-autotable' @@ -556,18 +556,7 @@ const onExporting = (e: any) => { } const data = ref([]) - -const { onResult, onError, loading, refetch } = useQuery( - queries.keluhan.daftar.keluhanDiselesaikanCC123, - { - dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), - dateTo: new Date('2023-10-01').toISOString().slice(0, 10), - idUlp: 0, - idUid: 0, - idUp3: 0, - media: '' - } -) +const loading = ref(false) const filters = ref() const reportMeta = ref({ uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' }, @@ -576,11 +565,11 @@ const reportMeta = ref({ periode: '' }) -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { ulp, uid, up3 } = params - refetch({ + const query = { dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10), @@ -591,19 +580,25 @@ const filterData = (params: any) => { idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0, media: '' - }) + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.daftarKeluhanDiselesaikanCC123 - } + loading.value = true + await requestGraphQl(queries.keluhan.daftar.keluhanDiselesaikanCC123, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.daftarKeluhanDiselesaikanCC123 + } else { + data.value = [] + } - reportMeta.value = filters.value - }) - - onError((error) => { - console.log(error) - }) + reportMeta.value = filters.value + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loading.value = false + }) } onMounted(() => { diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue index 11772d9..cec10e5 100755 --- a/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue +++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue @@ -785,7 +785,7 @@ import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' import { formatWaktu } from '@/components/Form/FiltersType/reference' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import { apolloClient } from '@/utils/api/api.graphql' import { provideApolloClient } from '@vue/apollo-composable' @@ -805,11 +805,11 @@ const closedialogDetail = () => (dialogDetail.value = false) const loadingData = ref(false) const loadingSubData = ref(false) -const filterData = (params: any) => { +const filterData = async (params: any) => { const { ulp, uid, up3 } = params const dateValue = params.periode.split(' s/d ') - const { onResult, onError, loading, refetch } = useQuery(queries.keluhan.rekap.rekapKeluhanAll, { + const query = { dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10), @@ -819,25 +819,26 @@ const filterData = (params: any) => { idUlp: ulp ? ulp.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 - }) + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.rekapitulasiKeluhanAll - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingData.value = value - }) + loadingData.value = true + await requestGraphQl(queries.keluhan.rekap.rekapKeluhanAll, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.rekapitulasiKeluhanAll + } else { + data.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingData.value = false + }) } const getDetail = async () => { - loadingSubData.value = true const dateValue = filters.value.periode.split(' s/d ') const selected = dataSelected.value @@ -853,21 +854,21 @@ const getDetail = async () => { idUp3: selected?.id_up3 ? selected?.id_up3 : 0 } - const result = useQuery(queries.keluhan.rekap.rekapKeluhanAllDetail, query) - - result.onResult((queryResult) => { - if (queryResult.data != undefined) { - dataSub.value = queryResult.data.detailKeluhanAll - } - }) - - result.onError((error) => { - console.log(error) - }) - - watch(result.loading, (value) => { - loadingSubData.value = value - }) + loadingSubData.value = true + await requestGraphQl(queries.keluhan.rekap.rekapKeluhanAllDetail, query) + .then((result) => { + if (result.data.data != undefined) { + dataSub.value = result.data.data.detailKeluhanAll + } else { + dataSub.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingSubData.value = false + }) } const dataGridRef = ref(null) diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue index 7fb3185..a1b1a90 100755 --- a/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue +++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue @@ -489,7 +489,7 @@ import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' import { formatWaktu } from '@/components/Form/FiltersType/reference' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import { apolloClient } from '@/utils/api/api.graphql' import { provideApolloClient } from '@vue/apollo-composable' @@ -509,42 +509,41 @@ const closedialogDetail = () => (dialogDetail.value = false) const loadingData = ref(false) const loadingSubData = ref(false) -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { ulp, uid, up3 } = params - const { onResult, onError, loading, refetch } = useQuery( - queries.keluhan.rekap.rekapKeluhanBerdasarkanMedia, - { - 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), - idUlp: ulp ? ulp.id : 0, - idUid: uid ? uid.id : 0, - idUp3: up3 ? up3.id : 0, - media: '' - } - ) + const query = { + 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), + idUlp: ulp ? ulp.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0, + media: '' + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.rekapitulasiKeluhanBerdasarkanMedia - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingData.value = value - }) + loadingData.value = true + await requestGraphQl(queries.keluhan.rekap.rekapKeluhanBerdasarkanMedia, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.rekapitulasiKeluhanBerdasarkanMedia + } else { + data.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingData.value = false + }) } -const getDetail = () => { +const getDetail = async () => { const dateValue = filters.value.periode.split(' s/d ') const selected = dataSelected.value @@ -560,24 +559,21 @@ const getDetail = () => { idUp3: selected?.id_up3 ? selected?.id_up3 : 0 } - const { onResult, onError, loading } = useQuery( - queries.keluhan.rekap.rekapKeluhanAllDetail, - query - ) - - onResult((queryResult) => { - if (queryResult.data != undefined) { - dataSub.value = queryResult.data.detailKeluhanAll - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingSubData.value = value - }) + loadingSubData.value = true + await requestGraphQl(queries.keluhan.rekap.rekapKeluhanAllDetail, query) + .then((result) => { + if (result.data.data != undefined) { + dataSub.value = result.data.data.detailKeluhanAll + } else { + dataSub.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingSubData.value = false + }) } const dataGridRef = ref(null) diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue index fb0d8c8..32c7eda 100755 --- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue +++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue @@ -764,7 +764,7 @@ import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' import { formatWaktu } from '@/components/Form/FiltersType/reference' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, isNumber, formatPercentage } from '@/utils/numbers' import { apolloClient } from '@/utils/api/api.graphql' import { provideApolloClient } from '@vue/apollo-composable' @@ -784,41 +784,40 @@ const closedialogDetail = () => (dialogDetail.value = false) const loadingData = ref(false) const loadingSubData = ref(false) -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { ulp, uid, up3 } = params - const { onResult, onError, loading, refetch } = useQuery( - queries.keluhan.rekap.keluhanPenyelesaianPerFungsiBIidang, - { - 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), - idUlp: ulp ? ulp.id : 0, - idUid: uid ? uid.id : 0, - idUp3: up3 ? up3.id : 0 - } - ) + const query = { + 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), + idUlp: ulp ? ulp.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0 + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.rekapitulasiKeluhanPenyelesaianPerFungsiBidang - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingData.value = value - }) + loadingData.value = true + await requestGraphQl(queries.keluhan.rekap.keluhanPenyelesaianPerFungsiBIidang, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.rekapitulasiKeluhanPenyelesaianPerFungsiBidang + } else { + data.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingData.value = false + }) } -const getDetail = () => { +const getDetail = async () => { const dateValue = filters.value.periode.split(' s/d ') const selected = dataSelected.value @@ -834,24 +833,21 @@ const getDetail = () => { idUp3: selected?.id_up3 ? selected?.id_up3 : 0 } - const { onResult, onError, loading } = useQuery( - queries.keluhan.rekap.rekapKeluhanAllDetail, - query - ) - - onResult((queryResult) => { - if (queryResult.data != undefined) { - dataSub.value = queryResult.data.detailKeluhanAll - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingSubData.value = value - }) + loadingSubData.value = true + await requestGraphQl(queries.keluhan.rekap.rekapKeluhanAllDetail, query) + .then((result) => { + if (result.data.data != undefined) { + dataSub.value = result.data.data.detailKeluhanAll + } else { + dataSub.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingSubData.value = false + }) } const dataGridRef = ref(null) diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerJenisKeluhan.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerJenisKeluhan.vue index 94ab3d3..5a8e652 100755 --- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerJenisKeluhan.vue +++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerJenisKeluhan.vue @@ -913,7 +913,7 @@ import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' import { formatWaktu } from '@/components/Form/FiltersType/reference' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, isNumber, formatPercentage } from '@/utils/numbers' import { apolloClient } from '@/utils/api/api.graphql' import { provideApolloClient } from '@vue/apollo-composable' @@ -933,48 +933,47 @@ const closedialogDetail = () => (dialogDetail.value = false) const loadingData = ref(false) const loadingSubData = ref(false) -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { ulp, uid, up3 } = params - const { onResult, onError, loading, refetch } = useQuery( - queries.keluhan.rekap.keluhanPerJenisKeluhan, - { - 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), - idUlp: ulp ? ulp.id : 0, - idUid: uid ? uid.id : 0, - idUp3: up3 ? up3.id : 0 - } - ) + const query = { + 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), + idUlp: ulp ? ulp.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0 + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = [...queryResult.data.rekapitulasiKeluhanPerJenisKeluhan] - .sort((a: any, b: any) => a.tipe_keluhan.localeCompare(b.tipe_keluhan)) - .map((item: any, index: number) => { - return { - ...item, - number: index + 1 - } - }) - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingData.value = value - }) + loadingData.value = true + await requestGraphQl(queries.keluhan.rekap.keluhanPerJenisKeluhan, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = [...result.data.data.rekapitulasiKeluhanPerJenisKeluhan] + .sort((a: any, b: any) => a.tipe_keluhan.localeCompare(b.tipe_keluhan)) + .map((item: any, index: number) => { + return { + ...item, + number: index + 1 + } + }) + } else { + data.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingData.value = false + }) } -const getDetail = () => { +const getDetail = async () => { const dateValue = filters.value.periode.split(' s/d ') const selected = dataSelected.value @@ -990,24 +989,21 @@ const getDetail = () => { idUp3: selected?.id_up3 ? selected?.id_up3 : 0 } - const { onResult, onError, loading } = useQuery( - queries.keluhan.rekap.rekapKeluhanAllDetail, - query - ) - - onResult((queryResult) => { - if (queryResult.data != undefined) { - dataSub.value = queryResult.data.detailKeluhanAll - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingSubData.value = value - }) + loadingSubData.value = true + await requestGraphQl(queries.keluhan.rekap.rekapKeluhanAllDetail, query) + .then((result) => { + if (result.data.data != undefined) { + dataSub.value = result.data.data.detailKeluhanAll + } else { + dataSub.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingSubData.value = false + }) } const dataGridRef = ref(null) diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue index 5be408a..4566c6e 100755 --- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue +++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue @@ -769,7 +769,7 @@ import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' import { formatWaktu } from '@/components/Form/FiltersType/reference' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import { apolloClient } from '@/utils/api/api.graphql' import { provideApolloClient } from '@vue/apollo-composable' @@ -789,41 +789,40 @@ const closedialogDetail = () => (dialogDetail.value = false) const loadingData = ref(false) const loadingSubData = ref(false) -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { ulp, uid, up3 } = params - const { onResult, onError, loading, refetch } = useQuery( - queries.keluhan.rekap.keluhanPerKelompokKeluhan, - { - 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), - idUlp: ulp ? ulp.id : 0, - idUid: uid ? uid.id : 0, - idUp3: up3 ? up3.id : 0 - } - ) + const query = { + 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), + idUlp: ulp ? ulp.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0 + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.rekapitulasiKeluhanPerKelompokKeluhan - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingData.value = value - }) + loadingData.value = true + await requestGraphQl(queries.keluhan.rekap.keluhanPerKelompokKeluhan, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.rekapitulasiKeluhanPerKelompokKeluhan + } else { + data.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingData.value = false + }) } -const getDetail = () => { +const getDetail = async () => { const dateValue = filters.value.periode.split(' s/d ') const selected = dataSelected.value @@ -839,24 +838,21 @@ const getDetail = () => { idUp3: selected?.id_up3 ? selected?.id_up3 : 0 } - const { onResult, onError, loading } = useQuery( - queries.keluhan.rekap.rekapKeluhanAllDetail, - query - ) - - onResult((queryResult) => { - if (queryResult.data != undefined) { - dataSub.value = queryResult.data.detailKeluhanAll - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingSubData.value = value - }) + loadingSubData.value = true + await requestGraphQl(queries.keluhan.rekap.rekapKeluhanAllDetail, query) + .then((result) => { + if (result.data.data != undefined) { + dataSub.value = result.data.data.detailKeluhanAll + } else { + dataSub.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingSubData.value = false + }) } const dataGridRef = ref(null) diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerTanggal.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerTanggal.vue index 921dd99..51a6739 100755 --- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerTanggal.vue +++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerTanggal.vue @@ -773,7 +773,7 @@ import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' import { formatWaktu } from '@/components/Form/FiltersType/reference' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import { apolloClient } from '@/utils/api/api.graphql' import { provideApolloClient } from '@vue/apollo-composable' @@ -793,41 +793,40 @@ const closedialogDetail = () => (dialogDetail.value = false) const loadingData = ref(false) const loadingSubData = ref(false) -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { ulp, uid, up3 } = params - const { onResult, onError, loading, refetch } = useQuery( - queries.keluhan.rekap.keluhanPerTanggal, - { - 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), - idUlp: ulp ? ulp.id : 0, - idUid: uid ? uid.id : 0, - idUp3: up3 ? up3.id : 0 - } - ) + const query = { + 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), + idUlp: ulp ? ulp.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0 + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.rekapitulasiKeluhanPerTanggal - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingData.value = value - }) + loadingData.value = true + await requestGraphQl(queries.keluhan.rekap.keluhanPerTanggal, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.rekapitulasiKeluhanPerTanggal + } else { + data.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingData.value = false + }) } -const getDetail = () => { +const getDetail = async () => { const dateValue = filters.value.periode.split(' s/d ') const selected = dataSelected.value @@ -843,24 +842,21 @@ const getDetail = () => { idUp3: selected?.id_up3 ? selected?.id_up3 : 0 } - const { onResult, onError, loading } = useQuery( - queries.keluhan.rekap.rekapKeluhanAllDetail, - query - ) - - onResult((queryResult) => { - if (queryResult.data != undefined) { - dataSub.value = queryResult.data.detailKeluhanAll - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingSubData.value = value - }) + loadingSubData.value = true + await requestGraphQl(queries.keluhan.rekap.rekapKeluhanAllDetail, query) + .then((result) => { + if (result.data.data != undefined) { + dataSub.value = result.data.data.detailKeluhanAll + } else { + dataSub.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingSubData.value = false + }) } const dataGridRef = ref(null) diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue index 168286a..3a11b01 100755 --- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue +++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue @@ -912,7 +912,7 @@ import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' import { formatWaktu } from '@/components/Form/FiltersType/reference' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import { apolloClient } from '@/utils/api/api.graphql' import { provideApolloClient } from '@vue/apollo-composable' @@ -932,11 +932,10 @@ const closedialogDetail = () => (dialogDetail.value = false) const loadingData = ref(false) const loadingSubData = ref(false) -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { ulp, uid, up3 } = params - - const { onResult, onError, loading, refetch } = useQuery(queries.keluhan.rekap.keluhanPerUnit, { + const query = { dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10), @@ -946,31 +945,33 @@ const filterData = (params: any) => { idUlp: ulp ? ulp.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 - }) + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = [...queryResult.data.rekapitulasiKeluhanPerUnit] - .sort((a, b) => a.nama_up3.localeCompare(b.nama_up3)) - .map((item, index) => { - return { - ...item, - number: index + 1 - } - }) - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingData.value = value - }) + loadingData.value = true + await requestGraphQl(queries.keluhan.rekap.keluhanPerUnit, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = [...result.data.data.rekapitulasiKeluhanPerUnit] + .sort((a, b) => a.nama_up3.localeCompare(b.nama_up3)) + .map((item, index) => { + return { + ...item, + number: index + 1 + } + }) + } else { + data.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingData.value = false + }) } -const getDetail = () => { +const getDetail = async () => { const dateValue = filters.value.periode.split(' s/d ') const selected = dataSelected.value @@ -986,24 +987,21 @@ const getDetail = () => { idUp3: selected?.id_up3 ? selected?.id_up3 : 0 } - const { onResult, onError, loading } = useQuery( - queries.keluhan.rekap.rekapKeluhanAllDetail, - query - ) - - onResult((queryResult) => { - if (queryResult.data != undefined) { - dataSub.value = queryResult.data.detailKeluhanAll - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingSubData.value = value - }) + loadingSubData.value = true + await requestGraphQl(queries.keluhan.rekap.rekapKeluhanAllDetail, query) + .then((result) => { + if (result.data.data != undefined) { + dataSub.value = result.data.data.detailKeluhanAll + } else { + dataSub.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingSubData.value = false + }) } const dataGridRef = ref(null) diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_RatingPerUnit.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_RatingPerUnit.vue index ad4b4e8..4039e95 100755 --- a/src/components/Pages/Keluhan/Rekap/RKeluhan_RatingPerUnit.vue +++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_RatingPerUnit.vue @@ -219,7 +219,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import { queries } from '@/utils/api/api.graphql' +import { queries, requestGraphQl } from '@/utils/api/api.graphql' import { apolloClient } from '@/utils/api/api.graphql' import { provideApolloClient } from '@vue/apollo-composable' @@ -238,41 +238,40 @@ const closedialogDetail = () => (dialogDetail.value = false) const loadingData = ref(false) const loadingSubData = ref(false) -const filterData = (params: any) => { +const filterData = async (params: any) => { const dateValue = params.periode.split(' s/d ') const { ulp, uid, up3 } = params - const { onResult, onError, loading, refetch } = useQuery( - queries.keluhan.rekap.keluhanPerRatingUnit, - { - 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), - idUlp: ulp ? ulp.id : 0, - idUid: uid ? uid.id : 0, - idUp3: up3 ? up3.id : 0 - } - ) + const query = { + 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), + idUlp: ulp ? ulp.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0 + } - onResult((queryResult) => { - if (queryResult.data != undefined) { - data.value = queryResult.data.rekapitulasiKeluhanRatingPerUnit - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingData.value = value - }) + loadingData.value = true + await requestGraphQl(queries.keluhan.rekap.keluhanPerRatingUnit, query) + .then((result) => { + if (result.data.data != undefined) { + data.value = result.data.data.rekapitulasiKeluhanRatingPerUnit + } else { + data.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingData.value = false + }) } -const getDetail = () => { +const getDetail = async () => { const dateValue = filters.value.periode.split(' s/d ') const selected = dataSelected.value @@ -288,24 +287,21 @@ const getDetail = () => { idUp3: selected?.id_up3 ? selected?.id_up3 : 0 } - const { onResult, onError, loading } = useQuery( - queries.keluhan.rekap.rekapKeluhanAllDetail, - query - ) - - onResult((queryResult) => { - if (queryResult.data != undefined) { - dataSub.value = queryResult.data.detailKeluhanAll - } - }) - - onError((error) => { - console.log(error) - }) - - watch(loading, (value) => { - loadingSubData.value = value - }) + loadingSubData.value = true + await requestGraphQl(queries.keluhan.rekap.rekapKeluhanAllDetail, query) + .then((result) => { + if (result.data.data != undefined) { + dataSub.value = result.data.data.detailKeluhanAll + } else { + dataSub.value = [] + } + }) + .catch((err) => { + console.error(err) + }) + .finally(() => { + loadingSubData.value = false + }) } const dataGridRef = ref(null)