defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor data retrieval in filterData function

Browse Source
This commit is contained in:
Dede Fuji Abdul 2024-03-29 00:22:39 +07:00
parent c7bbf61878
commit b05b6f82bc
35 changed files with 1247 additions and 1427 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue
View File

@ -310,7 +310,7 @@ import {
DxSelection DxSelection
} from 'devextreme-vue/data-grid' } from 'devextreme-vue/data-grid'
import { useQuery } from '@vue/apollo-composable' 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' import { exportToPDF, exportToDOCX, exportToXLSX } from '@/report/Gangguan/Daftar/DGangguan_BM'
const position = { of: '#data' } const position = { of: '#data' }
@ -321,6 +321,7 @@ const data = ref<any[]>([])
const dataSelected = ref<any>({}) const dataSelected = ref<any>({})
const dialogDetail = ref(false) const dialogDetail = ref(false)
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(null)
const loading = ref(false)
const clearSelection = () => { const clearSelection = () => {
const dataGrid = dataGridRef.value!.instance! const dataGrid = dataGridRef.value!.instance!
dataGrid.clearSelection() dataGrid.clearSelection()
@ -337,20 +338,11 @@ const showDetail = () => (dialogDetail.value = true)
const closeDialog = () => (dialogDetail.value = false) const closeDialog = () => (dialogDetail.value = false)
const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar.berdasarkanMedia, { const filterData = async (params: any) => {
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 { posko, uid, up3, media } = params const { posko, uid, up3, media } = params
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
refetch({ const query = {
dateFrom: dateValue[0] dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-') ? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10), : new Date().toISOString().slice(0, 10),
@ -361,20 +353,25 @@ const filterData = (params: any) => {
idUid: uid ? uid.id : 0, idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0, idUp3: up3 ? up3.id : 0,
media: media ? media.id : '' media: media ? media.id : ''
}) }
onResult((queryResult) => { loading.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.gangguan.daftar.berdasarkanMedia, query)
data.value = queryResult.data.daftarGangguanBerdasarkanMedia .then((result) => {
} if (result.data.data != undefined) {
data.value = result.data.data.daftarGangguanBerdasarkanMedia
} else {
data.value = []
}
reportMeta.value = filters.value reportMeta.value = filters.value
console.log(queryResult.data) })
}) .catch((err) => {
console.error(err)
onError((error) => { })
console.log(error) .finally(() => {
}) loading.value = false
})
} }
const onExporting = (e: any) => { const onExporting = (e: any) => {

48
src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue
View File

@ -360,7 +360,7 @@ import { onMounted, ref } from 'vue'
import DetailDialog from '@/components/Dialogs/DetailDialog.vue' import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
import InputText from '@/components/InputText.vue' import InputText from '@/components/InputText.vue'
import { useQuery } from '@vue/apollo-composable' 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' import { exportToPDF, exportToXLSX, exportToDOCX } from '@/report/Gangguan/Daftar/DGangguan_DKPL'
const position = { of: '#dataTable' } const position = { of: '#dataTable' }
@ -370,13 +370,14 @@ const showPane = ref(true)
const data = ref<any[]>([]) const data = ref<any[]>([])
const dataSelected = ref<any>() const dataSelected = ref<any>()
const dialogDetail = ref(false) const dialogDetail = ref(false)
const loading = ref(false)
const closeDialog = () => (dialogDetail.value = false) const closeDialog = () => (dialogDetail.value = false)
const filterData = (params: any) => { const filterData = async (params: any) => {
const { posko, uid, up3 } = params const { posko, uid, up3 } = params
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
refetch({ const query = {
dateFrom: dateValue[0] dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-') ? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10), : new Date().toISOString().slice(0, 10),
@ -386,29 +387,26 @@ const filterData = (params: any) => {
posko: posko ? posko.id : 0, posko: posko ? posko.id : 0,
idUid: uid ? uid.id : 0, idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.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<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(null)
const clearSelection = () => { const clearSelection = () => {
const dataGrid = dataGridRef.value!.instance! const dataGrid = dataGridRef.value!.instance!

47
src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue
View File

@ -320,7 +320,7 @@ import {
DxSelection DxSelection
} from 'devextreme-vue/data-grid' } from 'devextreme-vue/data-grid'
import { useQuery } from '@vue/apollo-composable' 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' import { exportToPDF, exportToXLSX, exportToDOCX } from '@/report/Gangguan/Daftar/DGangguan_DMAPKT'
const position = { of: '#data' } const position = { of: '#data' }
@ -331,6 +331,7 @@ const data = ref<any[]>([])
const dataSelected = ref<any>({}) const dataSelected = ref<any>({})
const dialogDetail = ref(false) const dialogDetail = ref(false)
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(null)
const loading = ref(false)
const clearSelection = () => { const clearSelection = () => {
const dataGrid = dataGridRef.value!.instance! const dataGrid = dataGridRef.value!.instance!
dataGrid.clearSelection() dataGrid.clearSelection()
@ -347,22 +348,11 @@ const showDetail = () => (dialogDetail.value = true)
const closeDialog = () => (dialogDetail.value = false) const closeDialog = () => (dialogDetail.value = false)
const { onResult, onError, loading, refetch } = useQuery( const filterData = async (params: any) => {
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 dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params const { posko, uid, up3 } = params
refetch({ const query = {
dateFrom: dateValue[0] dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-') ? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10), : new Date().toISOString().slice(0, 10),
@ -372,20 +362,25 @@ const filterData = (params: any) => {
posko: posko ? posko.id : 0, posko: posko ? posko.id : 0,
idUid: uid ? uid.id : 0, idUid: uid ? uid.id : 0,
idUp3: up3?.id ? up3.id : 0 idUp3: up3?.id ? up3.id : 0
}) }
onResult((queryResult) => { loading.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.gangguan.daftar.diselesaikanMobileAPKT, query)
data.value = queryResult.data.daftarGangguanDiselesaikanMobileAPKT .then((result) => {
} if (result.data.data != undefined) {
data.value = result.data.data.daftarGangguanDiselesaikanMobileAPKT
} else {
data.value = []
}
reportMeta.value = filters.value reportMeta.value = filters.value
console.log(queryResult.data) })
}) .catch((err) => {
console.error(err)
onError((error) => { })
console.log(error) .finally(() => {
}) loading.value = false
})
} }
const onExporting = (e: any) => { const onExporting = (e: any) => {

113
src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue
View File

@ -441,7 +441,7 @@ import {
import DetailDialog from '@/components/Dialogs/DetailDialog.vue' import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
import InputText from '@/components/InputText.vue' import InputText from '@/components/InputText.vue'
import { useQuery } from '@vue/apollo-composable' 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 { formatNumber, isNumber } from '@/utils/numbers'
import { exportToPDF, exportToXLSX, exportToDOCX } from '@/report/Gangguan/Daftar/DGangguan_MLD1K' import { exportToPDF, exportToXLSX, exportToDOCX } from '@/report/Gangguan/Daftar/DGangguan_MLD1K'
import { apolloClient } from '@/utils/api/api.graphql' 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 dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value const selected = dataSelected.value
@ -498,25 +498,23 @@ const getDetail = () => {
idUid: selected?.id_uid ? selected?.id_uid : 0, idUid: selected?.id_uid ? selected?.id_uid : 0,
idUp3: selected?.id_up3 ? selected?.id_up3 : 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( reportMeta.value = filters.value
queries.keluhan.rekap.rekapKeluhanAllDetail, })
query .catch((err) => {
) console.error(err)
})
onResult((queryResult) => { .finally(() => {
if (queryResult.data != undefined) { loadingSubData.value = false
dataSub.value = queryResult.data.detailKeluhanAll })
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingSubData.value = value
})
} }
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(null)
@ -533,19 +531,8 @@ const showDetail = () => {
} }
} }
const onDataSelectionChanged = ({ const onDataSelectionChanged = ({ selectedRowsData }: any) => {
selectedRowsData,
selectedRowKeys,
currentSelectedRowKeys,
element,
component
}: any) => {
if (selectedRowsData[0] != undefined) { if (selectedRowsData[0] != undefined) {
// console.log(selectedRowKeys)
// console.log(currentSelectedRowKeys)
// console.log(element)
// console.log(component)
dataSelected.value = selectedRowsData[0] dataSelected.value = selectedRowsData[0]
showDetail() showDetail()
} }
@ -558,42 +545,40 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
const closeDialog = () => (dialogDetail.value = false) const closeDialog = () => (dialogDetail.value = false)
const filterData = (params: any) => { const filterData = async (params: any) => {
const { minJmlLapor, maxJmlLapor, posko, uid, up3 } = params const { minJmlLapor, maxJmlLapor, posko, uid, up3 } = params
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { onResult, onError, loading, refetch } = useQuery( const query = {
queries.gangguan.daftar.melaporLebihDariSatuKali, minJmlLapor: minJmlLapor ? minJmlLapor : 1,
{ maxJmlLapor: maxJmlLapor ? maxJmlLapor : 1,
minJmlLapor: minJmlLapor ? minJmlLapor : 1, dateFrom: dateValue[0]
maxJmlLapor: maxJmlLapor ? maxJmlLapor : 1, ? dateValue[0].split('-').reverse().join('-')
dateFrom: dateValue[0] : new Date().toISOString().slice(0, 10),
? dateValue[0].split('-').reverse().join('-') dateTo: dateValue[1]
: new Date().toISOString().slice(0, 10), ? dateValue[1].split('-').reverse().join('-')
dateTo: dateValue[1] : new Date().toISOString().slice(0, 10),
? dateValue[1].split('-').reverse().join('-') posko: posko ? posko.id : 0,
: new Date().toISOString().slice(0, 10), idUid: uid ? uid.id : 0,
posko: posko ? posko.id : 0, idUp3: up3 ? up3.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) => { reportMeta.value = filters.value
if (queryResult.data != undefined) { })
data.value = queryResult.data.daftarGangguanMelaporLebihDariSatuKali .catch((err) => {
} console.error(err)
})
reportMeta.value = filters.value .finally(() => {
}) loadingData.value = false
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
} }
const onExporting = (e: any) => { const onExporting = (e: any) => {

46
src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue
View File

@ -346,7 +346,7 @@ import {
DxSelection DxSelection
} from 'devextreme-vue/data-grid' } from 'devextreme-vue/data-grid'
import { useQuery } from '@vue/apollo-composable' import { useQuery } from '@vue/apollo-composable'
import { queries } from '@/utils/api/api.graphql' import { queries, requestGraphQl } from '@/utils/api/api.graphql'
import { import {
exportToPDF, exportToPDF,
exportToXLSX, exportToXLSX,
@ -361,6 +361,7 @@ const data = ref<any[]>([])
const dataSelected = ref<any>({}) const dataSelected = ref<any>({})
const dialogDetail = ref(false) const dialogDetail = ref(false)
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(null)
const loading = ref(false)
const clearSelection = () => { const clearSelection = () => {
const dataGrid = dataGridRef.value!.instance! const dataGrid = dataGridRef.value!.instance!
dataGrid.clearSelection() dataGrid.clearSelection()
@ -377,11 +378,11 @@ const showDetail = () => (dialogDetail.value = true)
const closeDialog = () => (dialogDetail.value = false) const closeDialog = () => (dialogDetail.value = false)
const filterData = (params: any) => { const filterData = async (params: any) => {
const { minTime, maxTime, posko, uid, up3 } = params const { minTime, maxTime, posko, uid, up3 } = params
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
refetch({ const query = {
dateFrom: dateValue[0] dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-') ? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10), : new Date().toISOString().slice(0, 10),
@ -393,19 +394,24 @@ const filterData = (params: any) => {
posko: posko ? posko.id : 0, posko: posko ? posko.id : 0,
idUid: uid ? uid.id : 0, idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.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) => { reportMeta.value = filters.value
if (queryResult.data != undefined) { })
data.value = queryResult.data.daftarGangguanRecoveryTime .catch((err) => {
} console.error(err)
})
reportMeta.value = filters.value .finally(() => {
}) loading.value = false
})
onError((error) => {
console.log(error)
})
} }
const onExporting = (e: any) => { 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 filters = ref()
const reportMeta = ref({ const reportMeta = ref({
uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' }, uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' },

46
src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue
View File

@ -323,7 +323,7 @@ import {
import DetailDialog from '@/components/Dialogs/DetailDialog.vue' import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
import InputText from '@/components/InputText.vue' import InputText from '@/components/InputText.vue'
import { useQuery } from '@vue/apollo-composable' import { useQuery } from '@vue/apollo-composable'
import { queries } from '@/utils/api/api.graphql' import { queries, requestGraphQl } from '@/utils/api/api.graphql'
import { import {
exportToPDF, exportToPDF,
exportToXLSX, exportToXLSX,
@ -338,6 +338,7 @@ const data = ref<any[]>([])
const dataSelected = ref<any>({}) const dataSelected = ref<any>({})
const dialogDetail = ref(false) const dialogDetail = ref(false)
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(null)
const loading = ref(false)
const clearSelection = () => { const clearSelection = () => {
const dataGrid = dataGridRef.value!.instance! const dataGrid = dataGridRef.value!.instance!
dataGrid.clearSelection() dataGrid.clearSelection()
@ -354,11 +355,11 @@ const showDetail = () => (dialogDetail.value = true)
const closeDialog = () => (dialogDetail.value = false) const closeDialog = () => (dialogDetail.value = false)
const filterData = (params: any) => { const filterData = async (params: any) => {
const { minTime, maxTime, posko, uid, up3 } = params const { minTime, maxTime, posko, uid, up3 } = params
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
refetch({ const query = {
dateFrom: dateValue[0] dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-') ? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10), : new Date().toISOString().slice(0, 10),
@ -370,31 +371,26 @@ const filterData = (params: any) => {
posko: posko ? posko.id : 0, posko: posko ? posko.id : 0,
idUid: uid ? uid.id : 0, idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.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) => { reportMeta.value = filters.value
if (queryResult.data != undefined) { })
data.value = queryResult.data.daftarGangguanResponseTime .catch((err) => {
} console.error(err)
})
reportMeta.value = filters.value .finally(() => {
}) loading.value = false
})
onError((error) => {
console.log(error)
})
} }
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) => { const onExporting = (e: any) => {
if (e.format === 'pdf') { if (e.format === 'pdf') {
exportToPDF(reportMeta, data) exportToPDF(reportMeta, data)

48
src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue
View File

@ -320,7 +320,7 @@ import {
DxSelection DxSelection
} from 'devextreme-vue/data-grid' } from 'devextreme-vue/data-grid'
import { useQuery } from '@vue/apollo-composable' 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' import { exportToPDF, exportToDOCX, exportToXLSX } from '@/report/Gangguan/Daftar/DGangguan_STIDP'
const position = { of: '#data' } const position = { of: '#data' }
@ -331,6 +331,7 @@ const data = ref<any[]>([])
const dataSelected = ref<any>({}) const dataSelected = ref<any>({})
const dialogDetail = ref(false) const dialogDetail = ref(false)
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(null)
const loading = ref(false)
const clearSelection = () => { const clearSelection = () => {
const dataGrid = dataGridRef.value!.instance! const dataGrid = dataGridRef.value!.instance!
dataGrid.clearSelection() dataGrid.clearSelection()
@ -347,22 +348,11 @@ const showDetail = () => (dialogDetail.value = true)
const closeDialog = () => (dialogDetail.value = false) const closeDialog = () => (dialogDetail.value = false)
const { onResult, onError, loading, refetch } = useQuery( const filterData = async (params: any) => {
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 { posko, uid, up3 } = params const { posko, uid, up3 } = params
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
refetch({ const query = {
dateFrom: dateValue[0] dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-') ? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10), : new Date().toISOString().slice(0, 10),
@ -372,20 +362,24 @@ const filterData = (params: any) => {
posko: posko ? posko.id : 0, posko: posko ? posko.id : 0,
idUid: uid ? uid.id : 0, idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.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) => { reportMeta.value = filters.value
if (queryResult.data != undefined) { })
data.value = queryResult.data.daftarGangguanSelesaiTanpaIdPelanggan .catch((err) => {
} console.error(err)
})
reportMeta.value = filters.value .finally(() => {
console.log(queryResult.data) loading.value = false
}) })
onError((error) => {
console.log(error)
})
} }
const onExporting = (e: any) => { const onExporting = (e: any) => {

13
src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue
View File

@ -1202,7 +1202,12 @@ const filterData = async (params: any) => {
loadingData.value = true loadingData.value = true
await requestGraphQl(queries.gangguan.rekap.gangguanAll, query) await requestGraphQl(queries.gangguan.rekap.gangguanAll, query)
.then((result) => { .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 reportMeta.value = filters.value
}) })
.catch((err) => { .catch((err) => {
@ -1283,7 +1288,11 @@ const getDetail = async () => {
await requestGraphQl(queries.gangguan.rekap.gangguanAllDetail, query) await requestGraphQl(queries.gangguan.rekap.gangguanAllDetail, query)
.then((result) => { .then((result) => {
dataSub.value = result.data.data.detailGangguan if (result.data.data != null) {
dataSub.value = result.data.data.detailGangguan
} else {
dataSub.value = []
}
}) })
.catch((err) => { .catch((err) => {
console.error(err) console.error(err)

110
src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue
View File

@ -508,7 +508,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' 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 { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import InputText from '@/components/InputText.vue' import InputText from '@/components/InputText.vue'
import { formatWaktu } from '@/components/Form/FiltersType/reference' import { formatWaktu } from '@/components/Form/FiltersType/reference'
@ -537,7 +537,7 @@ const reportMeta = ref({
periode: '' periode: ''
}) })
const getDetail = () => { const getDetail = async () => {
loadingSubData.value = true loadingSubData.value = true
const dateValue = filters.value.periode.split(' s/d ') const dateValue = filters.value.periode.split(' s/d ')
const ref = dataSelected.value const ref = dataSelected.value
@ -554,24 +554,20 @@ const getDetail = () => {
idUp3: ref.id_up3 idUp3: ref.id_up3
} }
const { onResult, onError, loading, refetch } = useQuery( await requestGraphQl(queries.gangguan.rekap.gangguanAlihPoskoDetail, query)
queries.gangguan.rekap.gangguanAlihPoskoDetail, .then((result) => {
query if (result.data.data != undefined) {
) dataSub.value = result.data.data.detailGangguanAlihPosko
} else {
onResult((queryResult) => { dataSub.value = []
if (queryResult.data != undefined) { }
dataSub.value = queryResult.data.detailGangguanAlihPosko })
} .catch((err) => {
}) console.error(err)
})
onError((error) => { .finally(() => {
console.log(error) loadingSubData.value = false
}) })
watch(loading, (value) => {
loadingSubData.value = value
})
} }
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(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 dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params const { posko, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery( const query = {
queries.gangguan.rekap.gangguanAlihPosko, dateFrom: dateValue[0]
{ ? dateValue[0].split('-').reverse().join('-')
dateFrom: dateValue[0] : new Date().toISOString().slice(0, 10),
? dateValue[0].split('-').reverse().join('-') dateTo: dateValue[1]
: new Date().toISOString().slice(0, 10), ? dateValue[1].split('-').reverse().join('-')
dateTo: dateValue[1] : new Date().toISOString().slice(0, 10),
? dateValue[1].split('-').reverse().join('-') posko: posko ? posko.id : 0,
: new Date().toISOString().slice(0, 10), idUid: uid ? uid.id : 0,
posko: posko ? posko.id : 0, idUp3: up3 ? up3.id : 0
idUid: uid ? uid.id : 0, }
idUp3: up3 ? up3.id : 0
}
)
onResult((queryResult) => { loadingData.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.gangguan.rekap.gangguanAlihPosko, query)
const refs = [...queryResult.data.rekapitulasiGangguanAlihPosko].sort((a: any, b: any) => .then((result) => {
a.nama_uid.localeCompare(b.nama_uid) 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) => { reportMeta.value = filters.value
return { })
...ref, .catch((err) => {
number: index + 1 console.error(err)
} })
}) .finally(() => {
} loadingData.value = false
})
reportMeta.value = filters.value
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
} }
const filters = ref() const filters = ref()

95
src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue
View File

@ -493,7 +493,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' 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 { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import DetailDialog from '@/components/Dialogs/DetailDialog.vue' import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
import { formatWaktu } from '@/components/Form/FiltersType/reference' import { formatWaktu } from '@/components/Form/FiltersType/reference'
@ -535,8 +535,7 @@ const setDate = (value: any) => {
} }
} }
const getDetail = () => { const getDetail = async () => {
loadingSubData.value = true
const ref = dataSelected.value const ref = dataSelected.value
const query = { const query = {
@ -548,24 +547,21 @@ const getDetail = () => {
media: ref?.media ? ref?.media : '' media: ref?.media ? ref?.media : ''
} }
const { onResult, onError, loading, refetch } = useQuery( loadingSubData.value = true
queries.gangguan.rekap.berdasarkanMediaDetail, await requestGraphQl(queries.gangguan.rekap.berdasarkanMediaDetail, query)
query .then((result) => {
) if (result.data.data != undefined) {
dataSub.value = result.data.data.detailRekapitulasiGangguanBerdasarkanMedia
onResult((queryResult) => { } else {
if (queryResult.data != undefined) { dataSub.value = []
dataSub.value = queryResult.data.detailRekapitulasiGangguanBerdasarkanMedia }
} })
}) .catch((err) => {
console.error(err)
onError((error) => { })
console.log(error) .finally(() => {
}) loadingSubData.value = false
})
watch(loading, (value) => {
loadingSubData.value = value
})
} }
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(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 dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params const { posko, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery( const query = {
queries.gangguan.rekap.berdasarkanMedia, dateFrom: dateValue[0]
{ ? dateValue[0].split('-').reverse().join('-')
dateFrom: dateValue[0] : new Date().toISOString().slice(0, 10),
? dateValue[0].split('-').reverse().join('-') dateTo: dateValue[1]
: new Date().toISOString().slice(0, 10), ? dateValue[1].split('-').reverse().join('-')
dateTo: dateValue[1] : new Date().toISOString().slice(0, 10),
? dateValue[1].split('-').reverse().join('-') posko: posko ? posko.id : 0,
: new Date().toISOString().slice(0, 10), idUid: uid ? uid.id : 0,
posko: posko ? posko.id : 0, idUp3: up3 ? up3.id : 0
idUid: uid ? uid.id : 0, }
idUp3: up3 ? up3.id : 0
}
)
onResult((queryResult) => { loadingData.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.gangguan.rekap.berdasarkanMedia, query)
data.value = queryResult.data.rekapitulasiGangguanBerdasarkanMedia .then((result) => {
} if (result.data.data != undefined) {
data.value = result.data.data.rekapitulasiGangguanBerdasarkanMedia
} else {
data.value = []
}
reportMeta.value = filters.value reportMeta.value = filters.value
}) })
.catch((err) => {
onError((error) => { console.error(err)
console.log(error) })
}) .finally(() => {
loadingData.value = false
watch(loading, (value) => { })
loadingData.value = value
})
} }
const filters = ref() const filters = ref()

92
src/components/Pages/Gangguan/Rekap/RGangguan_CTTM.vue
View File

@ -432,7 +432,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' 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 { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { formatWaktu } from '@/components/Form/FiltersType/reference' import { formatWaktu } from '@/components/Form/FiltersType/reference'
import { apolloClient } from '@/utils/api/api.graphql' import { apolloClient } from '@/utils/api/api.graphql'
@ -459,41 +459,40 @@ const setMonth = (month: any) => {
monthSelected.value = getMonthNumber(month) monthSelected.value = getMonthNumber(month)
} }
const filterData = (params: any) => { const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params const { posko, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery( const query = {
queries.gangguan.rekap.gangguanCleansingTransaksiTM, dateFrom: dateValue[0]
{ ? dateValue[0].split('-').reverse().join('-')
dateFrom: dateValue[0] : new Date().toISOString().slice(0, 10),
? dateValue[0].split('-').reverse().join('-') dateTo: dateValue[1]
: new Date().toISOString().slice(0, 10), ? dateValue[1].split('-').reverse().join('-')
dateTo: dateValue[1] : new Date().toISOString().slice(0, 10),
? dateValue[1].split('-').reverse().join('-') idUlp: posko ? posko.id : 0,
: new Date().toISOString().slice(0, 10), idUid: uid ? uid.id : 0,
idUlp: posko ? posko.id : 0, idUp3: up3 ? up3.id : 0
idUid: uid ? uid.id : 0, }
idUp3: up3 ? up3.id : 0
}
)
onResult((queryResult) => { loadingData.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.gangguan.rekap.gangguanCleansingTransaksiTM, query)
data.value = queryResult.data.rekapitulasiGangguanCleansingTransaksiTM .then((result) => {
} if (result.data.data != undefined) {
}) data.value = result.data.data.rekapitulasiGangguanCleansingTransaksiTM
} else {
onError((error) => { data.value = []
console.log(error) }
}) })
.catch((err) => {
watch(loading, (value) => { console.error(err)
loadingData.value = value })
}) .finally(() => {
loadingData.value = false
})
} }
const getDetail = () => { const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ') const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value const selected = dataSelected.value
@ -509,24 +508,21 @@ const getDetail = () => {
idUp3: selected?.id_up3 ? selected?.id_up3 : 0 idUp3: selected?.id_up3 ? selected?.id_up3 : 0
} }
const { onResult, onError, loading } = useQuery( loadingSubData.value = true
queries.gangguan.rekap.gangguanCleansingTransaksiTMDetail, await requestGraphQl(queries.gangguan.rekap.gangguanCleansingTransaksiTMDetail, query)
query .then((result) => {
) if (result.data.data != undefined) {
dataSub.value = result.data.data.detailGangguanCleansingTransaksiTM
onResult((queryResult) => { } else {
if (queryResult.data != undefined) { dataSub.value = []
dataSub.value = queryResult.data.detailGangguanCleansingTransaksiTM }
} })
}) .catch((err) => {
console.error(err)
onError((error) => { })
console.log(error) .finally(() => {
}) loadingSubData.value = false
})
watch(loading, (value) => {
loadingSubData.value = value
})
} }
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(null)

98
src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue
View File

@ -779,7 +779,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' 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 { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { formatWaktu } from '@/components/Form/FiltersType/reference' import { formatWaktu } from '@/components/Form/FiltersType/reference'
import InputText from '@/components/InputText.vue' import InputText from '@/components/InputText.vue'
@ -808,7 +808,7 @@ const reportMeta = ref({
periode: '' periode: ''
}) })
const getDetail = () => { const getDetail = async () => {
loadingSubData.value = true loadingSubData.value = true
const dateValue = filters.value.periode.split(' s/d ') const dateValue = filters.value.periode.split(' s/d ')
const { posko, uid, up3 } = filters.value const { posko, uid, up3 } = filters.value
@ -827,26 +827,20 @@ const getDetail = () => {
idRegu: ref.id_regu idRegu: ref.id_regu
} }
const { onResult, onError, loading, refetch } = useQuery( await requestGraphQl(queries.gangguan.rekap.gangguanDiselesaikanMobileAPKTDetail, query)
queries.gangguan.rekap.gangguanDiselesaikanMobileAPKTDetail, .then((result) => {
query if (result.data.data != undefined) {
) dataSub.value = result.data.data.detailGangguanDiselesaikanMobileApkt
} else {
onResult((queryResult) => { dataSub.value = []
if (queryResult.data != undefined) { }
console.log(queryResult.data.detailGangguanDiselesaikanMobileApkt) })
.catch((err) => {
dataSub.value = queryResult.data.detailGangguanDiselesaikanMobileApkt console.error(err)
} })
}) .finally(() => {
loadingSubData.value = false
onError((error) => { })
console.log(error)
})
watch(loading, (value) => {
loadingSubData.value = value
})
} }
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(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 dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params const { posko, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery( const query = {
queries.gangguan.rekap.gangguanDiselesaikanMobileAPKT, dateFrom: dateValue[0]
{ ? dateValue[0].split('-').reverse().join('-')
dateFrom: dateValue[0] : new Date().toISOString().slice(0, 10),
? dateValue[0].split('-').reverse().join('-') dateTo: dateValue[1]
: new Date().toISOString().slice(0, 10), ? dateValue[1].split('-').reverse().join('-')
dateTo: dateValue[1] : new Date().toISOString().slice(0, 10),
? dateValue[1].split('-').reverse().join('-') posko: posko ? posko.id : 0,
: new Date().toISOString().slice(0, 10), idUid: uid ? uid.id : 0,
posko: posko ? posko.id : 0, idUp3: up3 ? up3.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) {
onResult((queryResult) => { data.value = result.data.data.rekapitulasiGangguanDiselesaikanMobileAPKT
if (queryResult.data != undefined) { } else {
data.value = queryResult.data.rekapitulasiGangguanDiselesaikanMobileAPKT data.value = []
} }
console.log(queryResult.data) reportMeta.value = filters.value
})
reportMeta.value = filters.value .catch((err) => {
}) console.error(err)
})
onError((error) => { .finally(() => {
console.log(error) loadingData.value = false
}) })
watch(loading, (value) => {
loadingData.value = value
})
} }
const filters = ref() const filters = ref()
onMounted(() => { onMounted(() => {

117
src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue
View File

@ -450,7 +450,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' 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 { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { exportToPDF } from '@/report/Gangguan/Rekap/RGangguan_JenisGangguan' import { exportToPDF } from '@/report/Gangguan/Rekap/RGangguan_JenisGangguan'
import { apolloClient } from '@/utils/api/api.graphql' import { apolloClient } from '@/utils/api/api.graphql'
@ -553,11 +553,11 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
dataSubSelected.value = data dataSubSelected.value = data
} }
const filterData = (params: any) => { const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params const { posko, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.rekap.jenisGangguan, { const query = {
dateFrom: dateValue[0] dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-') ? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10), : new Date().toISOString().slice(0, 10),
@ -567,67 +567,68 @@ const filterData = (params: any) => {
posko: posko ? posko.id : 0, posko: posko ? posko.id : 0,
idUid: uid ? uid.id : 0, idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0 idUp3: up3 ? up3.id : 0
}) }
onResult((queryResult) => { loadingData.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.gangguan.rekap.jenisGangguan, query)
data.value = [...queryResult.data.rekapitulasiPerJenisGangguan].map( .then((result) => {
(item: any, index: number) => { if (result.data.data != undefined) {
return { data.value = [...result.data.data.rekapitulasiPerJenisGangguan].map(
no: ++index, (item: any, index: number) => {
sub_kelompok: item.sub_kelompok, return {
kode: item.kode, no: ++index,
jenisGangguan: item.tipe_permasalahan, sub_kelompok: item.sub_kelompok,
laporan: { kode: item.kode,
total: item.total, jenisGangguan: item.tipe_permasalahan,
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
},
laporan: { laporan: {
lebihSla: item.total_diatas_sla_response, total: item.total,
kurangSla: item.total_dibawah_sla_response sudahSelesai: {
} jml: item.total_selesai,
}, persen: item.persen_selesai
recoveryTime: { },
menit: { belumSelesai: {
total: item.total_durasi_recovery, jml: item.total_inproses,
rataRata: item.avg_durasi_recovery, persen: item.persen_inproses
max: item.max_durasi_recovery, }
min: item.min_durasi_recovery
}, },
laporan: { responseTime: {
lebihSla: item.total_diatas_sla_recovery, menit: {
kurangSla: item.total_dibawah_sla_recovery 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
}
} }
} }
} }
} )
) } else {
} data.value = []
}
reportMeta.value = filters.value reportMeta.value = filters.value
}) })
.catch((err) => {
onError((queryError) => { console.error(err)
console.log(queryError) })
}) .finally(() => {
loadingData.value = false
watch(loading, (value) => { })
loadingData.value = value
})
} }
const filters = ref() const filters = ref()

96
src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue
View File

@ -789,7 +789,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' 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 { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import InputText from '@/components/InputText.vue' import InputText from '@/components/InputText.vue'
import DetailDialog from '@/components/Dialogs/DetailDialog.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 dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params const { posko, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery( const query = {
queries.gangguan.rekap.jenisGangguanSE004, dateFrom: dateValue[0]
{ ? dateValue[0].split('-').reverse().join('-')
dateFrom: dateValue[0] : new Date().toISOString().slice(0, 10),
? dateValue[0].split('-').reverse().join('-') dateTo: dateValue[1]
: new Date().toISOString().slice(0, 10), ? dateValue[1].split('-').reverse().join('-')
dateTo: dateValue[1] : new Date().toISOString().slice(0, 10),
? dateValue[1].split('-').reverse().join('-') posko: posko ? posko.id : 0,
: new Date().toISOString().slice(0, 10), idUid: uid ? uid.id : 0,
posko: posko ? posko.id : 0, idUp3: up3 ? up3.id : 0
idUid: uid ? uid.id : 0, }
idUp3: up3 ? up3.id : 0
}
)
onResult((queryResult) => { loadingData.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.gangguan.rekap.jenisGangguanSE004, query)
data.value = queryResult.data.rekapitulasiJenisGangguanSE004 .then((result) => {
} if (result.data.data != undefined) {
data.value = result.data.data.rekapitulasiJenisGangguanSE004
reportMeta.value = filters.value } else {
}) data.value = []
}
onError((queryError) => { reportMeta.value = filters.value
console.log(queryError) })
}) .catch((err) => {
console.error(err)
watch(loading, (value) => { })
loadingData.value = value .finally(() => {
}) loadingData.value = false
})
} }
const getDetail = () => { const getDetail = async () => {
loadingSubData.value = true loadingSubData.value = true
const dateValue = filters.value.periode.split(' s/d ') const dateValue = filters.value.periode.split(' s/d ')
const ref = dataSelected.value const ref = dataSelected.value
@ -897,24 +895,22 @@ const getDetail = () => {
idEquipment: ref?.kode ? parseInt(ref.kode) : 0 idEquipment: ref?.kode ? parseInt(ref.kode) : 0
} }
const { onResult, onError, loading, refetch } = useQuery( loadingSubData.value = true
queries.gangguan.rekap.jenisGangguanSE004Detail, await requestGraphQl(queries.gangguan.rekap.jenisGangguanSE004Detail, query)
query .then((result) => {
) if (result.data.data != undefined) {
dataSub.value = result.data.data.detailGangguanJenisGangguanSE004
onResult((queryResult) => { } else {
if (queryResult.data != undefined) { dataSub.value = []
dataSub.value = queryResult.data.detailGangguanJenisGangguanSE004 }
} reportMeta.value = filters.value
}) })
.catch((err) => {
onError((error) => { console.error(err)
console.log(error) })
}) .finally(() => {
loadingSubData.value = false
watch(loading, (value) => { })
loadingSubData.value = value
})
} }
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(null)

96
src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue
View File

@ -1125,7 +1125,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' 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 { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { formatWaktu } from '@/components/Form/FiltersType/reference' import { formatWaktu } from '@/components/Form/FiltersType/reference'
import DetailDialog from '@/components/Dialogs/DetailDialog.vue' import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
@ -1154,7 +1154,7 @@ const reportMeta = ref({
periode: '' periode: ''
}) })
const getDetail = () => { const getDetail = async () => {
loadingSubData.value = true loadingSubData.value = true
const dateValue = filters.value.periode.split(' s/d ') const dateValue = filters.value.periode.split(' s/d ')
const ref = dataSelected.value const ref = dataSelected.value
@ -1171,24 +1171,22 @@ const getDetail = () => {
idUp3: ref?.id_up3 ? ref?.id_up3 : 0 idUp3: ref?.id_up3 ? ref?.id_up3 : 0
} }
const { onResult, onError, loading, refetch } = useQuery( loadingSubData.value = true
queries.gangguan.rekap.gangguanKoreksiTransaksiIndividualDetail, await requestGraphQl(queries.gangguan.rekap.gangguanKoreksiTransaksiIndividualDetail, query)
query .then((result) => {
) if (result.data.data != undefined) {
dataSub.value = result.data.data.detailGangguanKoreksiTransaksiIndividu
onResult((queryResult) => { } else {
if (queryResult.data != undefined) { dataSub.value = []
dataSub.value = queryResult.data.detailGangguanKoreksiTransaksiIndividu }
} reportMeta.value = filters.value
}) })
.catch((err) => {
onError((error) => { console.error(err)
console.log(error) })
}) .finally(() => {
loadingSubData.value = false
watch(loading, (value) => { })
loadingSubData.value = value
})
} }
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(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 dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params const { posko, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery( const query = {
queries.gangguan.rekap.gangguanKoreksiTransaksiIndividual, dateFrom: dateValue[0]
{ ? dateValue[0].split('-').reverse().join('-')
dateFrom: dateValue[0] : new Date().toISOString().slice(0, 10),
? dateValue[0].split('-').reverse().join('-') dateTo: dateValue[1]
: new Date().toISOString().slice(0, 10), ? dateValue[1].split('-').reverse().join('-')
dateTo: dateValue[1] : new Date().toISOString().slice(0, 10),
? dateValue[1].split('-').reverse().join('-') idPosko: posko ? posko.id : 0,
: new Date().toISOString().slice(0, 10), idUid: uid ? uid.id : 0,
idPosko: posko ? posko.id : 0, idUp3: up3 ? up3.id : 0
idUid: uid ? uid.id : 0, }
idUp3: up3 ? up3.id : 0
}
)
onResult((queryResult) => { loadingData.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.gangguan.rekap.gangguanKoreksiTransaksiIndividual, query)
data.value = queryResult.data.rekapitulasiGangguanKoreksiTransaksiIndividual .then((result) => {
} if (result.data.data != undefined) {
data.value = result.data.data.rekapitulasiGangguanKoreksiTransaksiIndividual
reportMeta.value = filters.value } else {
}) data.value = []
}
onError((error) => { reportMeta.value = filters.value
console.log(error) })
}) .catch((err) => {
console.error(err)
watch(loading, (value) => { })
loadingData.value = value .finally(() => {
}) loadingData.value = false
})
} }
const filters = ref() const filters = ref()

99
src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue
View File

@ -871,7 +871,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' 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 { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import DetailDialog from '@/components/Dialogs/DetailDialog.vue' import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
import InputText from '@/components/InputText.vue' import InputText from '@/components/InputText.vue'
@ -898,8 +898,7 @@ const reportMeta = ref({
periode: '' periode: ''
}) })
const getDetail = () => { const getDetail = async () => {
loadingSubData.value = true
const dateValue = filters.value.periode.split(' s/d ') const dateValue = filters.value.periode.split(' s/d ')
const ref = dataSelected.value const ref = dataSelected.value
@ -919,24 +918,21 @@ const getDetail = () => {
media: ref?.media ? ref?.media : '' media: ref?.media ? ref?.media : ''
} }
const { onResult, onError, loading, refetch } = useQuery( loadingSubData.value = true
queries.gangguan.rekap.gangguanAllDetail, await requestGraphQl(queries.gangguan.rekap.gangguanAllDetail, query)
query .then((result) => {
) if (result.data.data != undefined) {
dataSub.value = result.data.data.detailGangguan
onResult((queryResult) => { } else {
if (queryResult.data != undefined) { dataSub.value = []
dataSub.value = queryResult.data.detailGangguan }
} })
}) .catch((err) => {
console.error(err)
onError((error) => { })
console.log(error) .finally(() => {
}) loadingSubData.value = false
})
watch(loading, (value) => {
loadingSubData.value = value
})
} }
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(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 dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params const { posko, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery( const query = {
queries.gangguan.rekap.gangguanPerPosko, dateFrom: dateValue[0]
{ ? dateValue[0].split('-').reverse().join('-')
dateFrom: dateValue[0] : new Date().toISOString().slice(0, 10),
? dateValue[0].split('-').reverse().join('-') dateTo: dateValue[1]
: new Date().toISOString().slice(0, 10), ? dateValue[1].split('-').reverse().join('-')
dateTo: dateValue[1] : new Date().toISOString().slice(0, 10),
? dateValue[1].split('-').reverse().join('-') posko: posko ? posko.id : 0,
: new Date().toISOString().slice(0, 10), idUid: uid ? uid.id : 0,
posko: posko ? posko.id : 0, idUp3: up3 ? up3.id : 0
idUid: uid ? uid.id : 0, }
idUp3: up3 ? up3.id : 0
}
)
onResult((queryResult) => { loadingData.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.gangguan.rekap.gangguanPerPosko, query)
const result: any[] = [...queryResult.data.rekapitulasiGangguanPerPosko] .then((result) => {
data.value = result.sort((a: any, b: any) => a?.nama_up3.localeCompare(b?.nama_up3)) if (result.data.data != undefined) {
} data.value = [...result.data.data.rekapitulasiGangguanPerPosko].sort((a: any, b: any) =>
a?.nama_up3.localeCompare(b?.nama_up3)
reportMeta.value = filters.value )
}) } else {
data.value = []
onError((error) => { }
console.log(error) reportMeta.value = filters.value
}) })
.catch((err) => {
watch(loading, (value) => { console.error(err)
loadingData.value = value })
}) .finally(() => {
loadingData.value = false
})
} }
const filters = ref() const filters = ref()

95
src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue
View File

@ -881,7 +881,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' 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 { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import DetailDialog from '@/components/Dialogs/DetailDialog.vue' import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
import InputText from '@/components/InputText.vue' import InputText from '@/components/InputText.vue'
@ -910,8 +910,7 @@ const reportMeta = ref({
groupBy: false groupBy: false
}) })
const getDetail = () => { const getDetail = async () => {
loadingSubData.value = true
const dateValue = filters.value?.periode.split(' s/d ') const dateValue = filters.value?.periode.split(' s/d ')
const ref = dataSelected.value const ref = dataSelected.value
@ -931,24 +930,21 @@ const getDetail = () => {
media: ref?.media ? ref?.media : '' media: ref?.media ? ref?.media : ''
} }
const { onResult, onError, loading, refetch } = useQuery( loadingSubData.value = true
queries.gangguan.rekap.gangguanAllDetail, await requestGraphQl(queries.gangguan.rekap.gangguanAllDetail, query)
query .then((result) => {
) if (result.data.data != undefined) {
dataSub.value = result.data.data.detailGangguan
onResult((queryResult) => { } else {
if (queryResult.data != undefined) { dataSub.value = []
dataSub.value = queryResult.data.detailGangguan }
} })
}) .catch((err) => {
console.error(err)
onError((error) => { })
console.log(error) .finally(() => {
}) loadingSubData.value = false
})
watch(loading, (value) => {
loadingSubData.value = value
})
} }
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(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 dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params const { posko, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.rekap.gangguanPerRegu, { const query = {
dateFrom: dateValue[0] dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-') ? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10), : new Date().toISOString().slice(0, 10),
@ -1021,34 +1017,33 @@ const filterData = (params: any) => {
posko: posko ? posko.id : 0, posko: posko ? posko.id : 0,
idUid: uid ? uid.id : 0, idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0 idUp3: up3 ? up3.id : 0
}) }
onResult((queryResult) => { loadingData.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.gangguan.rekap.gangguanPerRegu, query)
data.value = queryResult.data.rekapitulasiGangguanPerRegu .then((result) => {
} if (result.data.data != undefined) {
data.value = result.data.data.rekapitulasiGangguanPerRegu
const { posko, uid, up3 } = params } else {
data.value = []
reportMeta.value = { }
uid: { id: uid ? uid.id : 0, name: uid ? uid.name : 'Semua Unit Induk Distribusi/Wilayah' }, reportMeta.value = {
up3: { uid: { id: uid ? uid.id : 0, name: uid ? uid.name : 'Semua Unit Induk Distribusi/Wilayah' },
id: up3 ? up3.id : 0, up3: {
name: up3 ? up3.name : 'Semua Unit Pelaksanaan Pelayanan Pelanggan' 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, posko: { id: posko ? posko.id : 0, name: posko ? posko.name : 'Semua Posko' },
groupBy: params.groupBy periode: params.periode,
} groupBy: params.groupBy
}) }
})
onError((error) => { .catch((err) => {
console.log(error) console.error(err)
}) })
.finally(() => {
watch(loading, (value) => { loadingData.value = false
loadingData.value = value })
})
} }
const filters = ref({ const filters = ref({

120
src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue
View File

@ -629,7 +629,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' 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 { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { apolloClient } from '@/utils/api/api.graphql' import { apolloClient } from '@/utils/api/api.graphql'
import { provideApolloClient } from '@vue/apollo-composable' import { provideApolloClient } from '@vue/apollo-composable'
@ -659,8 +659,7 @@ const reportMeta = ref({
groupBy: false groupBy: false
}) })
const getDetail = () => { const getDetail = async () => {
loadingSubData.value = true
const dateValue = filters.value?.periode.split(' s/d ') const dateValue = filters.value?.periode.split(' s/d ')
const ref = dataSelected.value const ref = dataSelected.value
@ -680,24 +679,21 @@ const getDetail = () => {
media: ref?.media ? ref?.media : '' media: ref?.media ? ref?.media : ''
} }
const { onResult, onError, loading, refetch } = useQuery( loadingSubData.value = true
queries.gangguan.rekap.gangguanAllDetail, await requestGraphQl(queries.gangguan.rekap.gangguanAllDetail, query)
query .then((result) => {
) if (result.data.data != undefined) {
dataSub.value = result.data.data.detailGangguan
onResult((queryResult) => { } else {
if (queryResult.data != undefined) { dataSub.value = []
dataSub.value = queryResult.data.detailGangguan }
} })
}) .catch((err) => {
console.error(err)
onError((error) => { })
console.log(error) .finally(() => {
}) loadingSubData.value = false
})
watch(loading, (value) => {
loadingSubData.value = value
})
} }
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(null)
@ -756,57 +752,47 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
} }
} }
const filterData = (params: any) => { const filterData = async (params: any) => {
loadingData.value = true
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params const { posko, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery( const query = {
queries.gangguan.rekap.gangguanPerTanggal, dateFrom: dateValue[0]
{ ? dateValue[0].split('-').reverse().join('-')
dateFrom: dateValue[0] : new Date().toISOString().slice(0, 10),
? dateValue[0].split('-').reverse().join('-') dateTo: dateValue[1]
: new Date().toISOString().slice(0, 10), ? dateValue[1].split('-').reverse().join('-')
dateTo: dateValue[1] : new Date().toISOString().slice(0, 10),
? dateValue[1].split('-').reverse().join('-') posko: posko ? posko.id : 0,
: new Date().toISOString().slice(0, 10), idUid: uid ? uid.id : 0,
posko: posko ? posko.id : 0, idUp3: up3 ? up3.id : 0
idUid: uid ? uid.id : 0, }
idUp3: up3 ? up3.id : 0
}
)
onResult((queryResult) => { loadingData.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.gangguan.rekap.gangguanPerTanggal, query)
data.value = queryResult.data.rekapitulasiGangguanPerTanggal .then((result) => {
} if (result.data.data != undefined) {
data.value = result.data.data.rekapitulasiGangguanPerTanggal
if (queryResult.networkStatus == 7) { } 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 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(() => { onMounted(() => {

103
src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue
View File

@ -632,7 +632,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' 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 { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { formatWaktu } from '@/components/Form/FiltersType/reference' import { formatWaktu } from '@/components/Form/FiltersType/reference'
import DetailDialog from '@/components/Dialogs/DetailDialog.vue' import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
@ -661,8 +661,7 @@ const reportMeta = ref({
periode: '' periode: ''
}) })
const getDetail = () => { const getDetail = async () => {
loadingSubData.value = true
const dateValue = filters.value.periode.split(' s/d ') const dateValue = filters.value.periode.split(' s/d ')
const ref = dataSelected.value const ref = dataSelected.value
@ -682,24 +681,21 @@ const getDetail = () => {
media: ref?.media ? ref?.media : '' media: ref?.media ? ref?.media : ''
} }
const { onResult, onError, loading, refetch } = useQuery( loadingSubData.value = true
queries.gangguan.rekap.gangguanAllDetail, await requestGraphQl(queries.gangguan.rekap.gangguanAllDetail, query)
query .then((result) => {
) if (result.data.data != undefined) {
dataSub.value = result.data.data.detailGangguan
onResult((queryResult) => { } else {
if (queryResult.data != undefined) { dataSub.value = []
dataSub.value = queryResult.data.detailGangguan }
} })
}) .catch((err) => {
console.error(err)
onError((error) => { })
console.log(error) .finally(() => {
}) loadingSubData.value = false
})
watch(loading, (value) => {
loadingSubData.value = value
})
} }
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(null)
@ -753,26 +749,11 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
console.log(dataSubSelected) console.log(dataSubSelected)
} }
const filterData = (params: any) => { const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params const { posko, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery( const query = {
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({
dateFrom: dateValue[0] dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-') ? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10), : new Date().toISOString().slice(0, 10),
@ -782,28 +763,32 @@ const filterData = (params: any) => {
posko: posko ? posko.id : 0, posko: posko ? posko.id : 0,
idUid: uid ? uid.id : 0, idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.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 loadingData.value = true
}) await requestGraphQl(queries.gangguan.rekap.gangguanRatingPerPosko, query)
onError((error) => { .then((result) => {
console.log(error) if (result.data.data != undefined) {
}) data.value = [...result.data.data.rekapitulasiGangguanRatingPerPosko]
watch(loading, (value) => { .sort((a: any, b: any) => a.nama_up3.localeCompare(b.nama_up3))
loadingData.value = value .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() const filters = ref()
onMounted(() => { onMounted(() => {

91
src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerRegu.vue
View File

@ -619,7 +619,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' 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 { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { formatWaktu } from '@/components/Form/FiltersType/reference' import { formatWaktu } from '@/components/Form/FiltersType/reference'
import vue3starRatings from 'vue3-star-ratings' import vue3starRatings from 'vue3-star-ratings'
@ -650,8 +650,7 @@ const reportMeta = ref({
periode: '' periode: ''
}) })
const getDetail = () => { const getDetail = async () => {
loadingSubData.value = true
const dateValue = filters.value.periode.split(' s/d ') const dateValue = filters.value.periode.split(' s/d ')
const ref = dataSelected.value const ref = dataSelected.value
@ -671,24 +670,23 @@ const getDetail = () => {
media: ref?.media ? ref?.media : '' media: ref?.media ? ref?.media : ''
} }
const { onResult, onError, loading, refetch } = useQuery( loadingSubData.value = true
queries.gangguan.rekap.gangguanAllDetail, await requestGraphQl(queries.gangguan.rekap.gangguanAllDetail, query)
query .then((result) => {
) if (result.data.data != undefined) {
dataSub.value = result.data.data.detailGangguan
} else {
dataSub.value = []
}
onResult((queryResult) => { reportMeta.value = filters.value
if (queryResult.data != undefined) { })
dataSub.value = queryResult.data.detailGangguan .catch((err) => {
} console.error(err)
}) })
.finally(() => {
onError((error) => { loadingSubData.value = false
console.log(error) })
})
watch(loading, (value) => {
loadingSubData.value = value
})
} }
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(null)
@ -743,20 +741,11 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
console.log(dataSubSelected) console.log(dataSubSelected)
} }
const { onResult, onError, loading, refetch } = useQuery( const filterData = async (params: any) => {
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 dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params const { posko, uid, up3 } = params
refetch({
const query = {
dateFrom: dateValue[0] dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-') ? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10), : new Date().toISOString().slice(0, 10),
@ -766,27 +755,25 @@ const filterData = (params: any) => {
posko: posko ? posko.id : 0, posko: posko ? posko.id : 0,
idUid: uid ? uid.id : 0, idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.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 loadingData.value = true
console.log(queryResult.data) await requestGraphQl(queries.gangguan.rekap.gangguanRatingPerRegu, query)
}) .then((result) => {
onError((error) => { if (result.data.data != undefined) {
console.log(error) 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() const filters = ref()
onMounted(() => { onMounted(() => {

47
src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue
View File

@ -315,7 +315,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' 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' import autoTable from 'jspdf-autotable'
const position = { of: '#data' } const position = { of: '#data' }
@ -536,23 +536,13 @@ const onExporting = (e: any) => {
} }
const data = ref<any[]>([]) const data = ref<any[]>([])
const loading = ref(false)
const { onResult, onError, loading, refetch } = useQuery( const filterData = async (params: any) => {
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 dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { ulp, uid, up3 } = params const { ulp, uid, up3 } = params
refetch({ const query = {
dateFrom: dateValue[0] dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-') ? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10), : new Date().toISOString().slice(0, 10),
@ -562,20 +552,25 @@ const filterData = (params: any) => {
idUlp: ulp ? ulp.id : 0, idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0, idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0 idUp3: up3 ? up3.id : 0
}) }
onResult((queryResult) => { loading.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.keluhan.daftar.keluhanBerdasarkanMedia, query)
data.value = queryResult.data.daftarKeluhanBerdasarkanMedia .then((result) => {
} if (result.data.data != undefined) {
data.value = result.data.data.daftarKeluhanBerdasarkanMedia
} else {
data.value = []
}
reportMeta.value = filters.value reportMeta.value = filters.value
console.log(queryResult.data) })
}) .catch((err) => {
console.error(err)
onError((error) => { })
console.log(error) .finally(() => {
}) loading.value = false
})
} }
const filters = ref() const filters = ref()

47
src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue
View File

@ -349,7 +349,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' 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 { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { jsPDF } from 'jspdf' import { jsPDF } from 'jspdf'
import autoTable from 'jspdf-autotable' import autoTable from 'jspdf-autotable'
@ -361,6 +361,7 @@ const showPane = ref(true)
const data = ref<any[]>([]) const data = ref<any[]>([])
const dataSelected = ref<any>({}) const dataSelected = ref<any>({})
const dialogDetail = ref(false) const dialogDetail = ref(false)
const loading = ref(false)
const showDetail = () => (dialogDetail.value = true) const showDetail = () => (dialogDetail.value = true)
@ -571,22 +572,11 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
showDetail() showDetail()
} }
const { onResult, onError, loading, refetch } = useQuery( const filterData = async (params: any) => {
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 dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { ulp, uid, up3 } = params const { ulp, uid, up3 } = params
refetch({ const query = {
dateFrom: dateValue[0] dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-') ? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10), : new Date().toISOString().slice(0, 10),
@ -596,20 +586,25 @@ const filterData = (params: any) => {
idUlp: ulp ? ulp.id : 0, idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0, idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0 idUp3: up3 ? up3.id : 0
}) }
onResult((queryResult) => { loading.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.keluhan.daftar.keluhanDipindahkanKeIDULPLain, query)
data.value = queryResult.data.daftarKeluhanDialihkanKeUnitLain .then((result) => {
} if (result.data.data != undefined) {
data.value = result.data.data.daftarKeluhanDialihkanKeUnitLain
} else {
data.value = []
}
reportMeta.value = filters.value reportMeta.value = filters.value
console.log(queryResult.data) })
}) .catch((err) => {
console.error(err)
onError((error) => { })
console.log(error) .finally(() => {
}) loading.value = false
})
} }
const filters = ref() const filters = ref()

49
src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue
View File

@ -339,7 +339,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' 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 { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import autoTable from 'jspdf-autotable' import autoTable from 'jspdf-autotable'
@ -566,27 +566,15 @@ const onExporting = (e: any) => {
} }
const data = ref<any[]>([]) const data = ref<any[]>([])
const loading = ref(false)
const { onResult, onError, loading, refetch } = useQuery( const filterData = async (params: any) => {
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 dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { ulp, uid, up3 } = params const { ulp, uid, up3 } = params
const minJmlLapor = params.minJmlLapor ? params.minJmlLapor : 1 const minJmlLapor = params.minJmlLapor ? params.minJmlLapor : 1
const maxJmlLapor = params.maxJmlLapor ? params.maxJmlLapor : 100 const maxJmlLapor = params.maxJmlLapor ? params.maxJmlLapor : 100
refetch({ const query = {
minJmlLapor: minJmlLapor, minJmlLapor: minJmlLapor,
maxJmlLapor: maxJmlLapor, maxJmlLapor: maxJmlLapor,
dateFrom: dateValue[0] dateFrom: dateValue[0]
@ -598,20 +586,25 @@ const filterData = (params: any) => {
idUlp: ulp ? ulp.id : 0, idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0, idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0 idUp3: up3 ? up3.id : 0
}) }
onResult((queryResult) => { loading.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.keluhan.daftar.keluhanMelaporLebihDariSatuKali, query)
data.value = queryResult.data.daftarKeluhanMelaporLebihDariSatuKali .then((result) => {
} if (result.data.data != undefined) {
data.value = result.data.data.daftarKeluhanMelaporLebihDariSatuKali
} else {
data.value = []
}
reportMeta.value = filters.value reportMeta.value = filters.value
console.log(queryResult.data) })
}) .catch((err) => {
console.error(err)
onError((error) => { })
console.log(error) .finally(() => {
}) loading.value = false
})
} }
const filters = ref() const filters = ref()

49
src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue
View File

@ -317,7 +317,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' 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' import autoTable from 'jspdf-autotable'
const position = { of: '#data' } const position = { of: '#data' }
@ -548,25 +548,13 @@ const onExporting = (e: any) => {
} }
const data = ref<any[]>([]) const data = ref<any[]>([])
const loading = ref(false)
const { onResult, onError, loading, refetch } = useQuery( const filterData = async (params: any) => {
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 dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { ulp, uid, up3, minTime, maxTime } = params const { ulp, uid, up3, minTime, maxTime } = params
refetch({ const query = {
dateFrom: dateValue[0] dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-') ? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10), : new Date().toISOString().slice(0, 10),
@ -578,20 +566,25 @@ const filterData = (params: any) => {
idUlp: ulp ? ulp.id : 0, idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0, idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0 idUp3: up3 ? up3.id : 0
}) }
onResult((queryResult) => { loading.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.keluhan.daftar.keluhanRecoveryTime, query)
data.value = queryResult.data.daftarKeluhanRecoveryTime .then((result) => {
} if (result.data.data != undefined) {
data.value = result.data.data.daftarKeluhanRecoveryTime
} else {
data.value = []
}
reportMeta.value = filters.value reportMeta.value = filters.value
console.log(queryResult.data) })
}) .catch((err) => {
console.error(err)
onError((error) => { })
console.log(error) .finally(() => {
}) loading.value = false
})
} }
const filters = ref() const filters = ref()

49
src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue
View File

@ -335,7 +335,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' 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 { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import autoTable from 'jspdf-autotable' import autoTable from 'jspdf-autotable'
@ -567,25 +567,13 @@ const onExporting = (e: any) => {
} }
const data = ref<any[]>([]) const data = ref<any[]>([])
const loading = ref(false)
const { onResult, onError, loading, refetch } = useQuery( const filterData = async (params: any) => {
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 dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { ulp, uid, up3, maxTime, minTime } = params const { ulp, uid, up3, maxTime, minTime } = params
refetch({ const query = {
dateFrom: dateValue[0] dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-') ? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10), : new Date().toISOString().slice(0, 10),
@ -597,20 +585,25 @@ const filterData = (params: any) => {
idUlp: ulp ? ulp.id : 0, idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0, idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0 idUp3: up3 ? up3.id : 0
}) }
onResult((queryResult) => { loading.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.keluhan.daftar.keluhanResponseTime, query)
data.value = queryResult.data.daftarKeluhanResponseTime .then((result) => {
} if (result.data.data != undefined) {
data.value = result.data.data.daftarKeluhanResponseTime
} else {
data.value = []
}
reportMeta.value = filters.value reportMeta.value = filters.value
console.log(queryResult.data) })
}) .catch((err) => {
console.error(err)
onError((error) => { })
console.log(error) .finally(() => {
}) loading.value = false
})
} }
const filters = ref() const filters = ref()

47
src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue
View File

@ -308,7 +308,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' 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' import autoTable from 'jspdf-autotable'
const position = { of: '#data' } const position = { of: '#data' }
@ -531,23 +531,13 @@ const onExporting = (e: any) => {
} }
const data = ref<any[]>([]) const data = ref<any[]>([])
const loading = ref(false)
const { onResult, onError, loading, refetch } = useQuery( const filterData = async (params: any) => {
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 dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { ulp, uid, up3 } = params const { ulp, uid, up3 } = params
refetch({ const query = {
dateFrom: dateValue[0] dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-') ? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10), : new Date().toISOString().slice(0, 10),
@ -557,20 +547,25 @@ const filterData = (params: any) => {
idUlp: ulp ? ulp.id : 0, idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0, idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0 idUp3: up3 ? up3.id : 0
}) }
onResult((queryResult) => { loading.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.keluhan.daftar.keluhanSelesaiTanpaIDPelanggan, query)
data.value = queryResult.data.daftarKeluhanSelesaiTanpaIdPelanggan .then((result) => {
} if (result.data.data != undefined) {
data.value = result.data.data.daftarKeluhanSelesaiTanpaIdPelanggan
} else {
data.value = []
}
reportMeta.value = filters.value reportMeta.value = filters.value
console.log(queryResult.data) })
}) .catch((err) => {
console.error(err)
onError((error) => { })
console.log(error) .finally(() => {
}) loading.value = false
})
} }
const filters = ref() const filters = ref()

47
src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue
View File

@ -327,7 +327,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' 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 { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { formatWaktu } from '@/components/Form/FiltersType/reference' import { formatWaktu } from '@/components/Form/FiltersType/reference'
import autoTable from 'jspdf-autotable' import autoTable from 'jspdf-autotable'
@ -556,18 +556,7 @@ const onExporting = (e: any) => {
} }
const data = ref<any[]>([]) const data = ref<any[]>([])
const loading = ref(false)
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 filters = ref() const filters = ref()
const reportMeta = ref({ const reportMeta = ref({
uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' }, uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' },
@ -576,11 +565,11 @@ const reportMeta = ref({
periode: '' periode: ''
}) })
const filterData = (params: any) => { const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { ulp, uid, up3 } = params const { ulp, uid, up3 } = params
refetch({ const query = {
dateFrom: dateValue[0] dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-') ? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10), : new Date().toISOString().slice(0, 10),
@ -591,19 +580,25 @@ const filterData = (params: any) => {
idUid: uid ? uid.id : 0, idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0, idUp3: up3 ? up3.id : 0,
media: '' media: ''
}) }
onResult((queryResult) => { loading.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.keluhan.daftar.keluhanDiselesaikanCC123, query)
data.value = queryResult.data.daftarKeluhanDiselesaikanCC123 .then((result) => {
} if (result.data.data != undefined) {
data.value = result.data.data.daftarKeluhanDiselesaikanCC123
} else {
data.value = []
}
reportMeta.value = filters.value reportMeta.value = filters.value
}) })
.catch((err) => {
onError((error) => { console.error(err)
console.log(error) })
}) .finally(() => {
loading.value = false
})
} }
onMounted(() => { onMounted(() => {

67
src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue
View File

@ -785,7 +785,7 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' import { useQuery } from '@vue/apollo-composable'
import { formatWaktu } from '@/components/Form/FiltersType/reference' 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 { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { apolloClient } from '@/utils/api/api.graphql' import { apolloClient } from '@/utils/api/api.graphql'
import { provideApolloClient } from '@vue/apollo-composable' import { provideApolloClient } from '@vue/apollo-composable'
@ -805,11 +805,11 @@ const closedialogDetail = () => (dialogDetail.value = false)
const loadingData = ref(false) const loadingData = ref(false)
const loadingSubData = ref(false) const loadingSubData = ref(false)
const filterData = (params: any) => { const filterData = async (params: any) => {
const { ulp, uid, up3 } = params const { ulp, uid, up3 } = params
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { onResult, onError, loading, refetch } = useQuery(queries.keluhan.rekap.rekapKeluhanAll, { const query = {
dateFrom: dateValue[0] dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-') ? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10), : new Date().toISOString().slice(0, 10),
@ -819,25 +819,26 @@ const filterData = (params: any) => {
idUlp: ulp ? ulp.id : 0, idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0, idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0 idUp3: up3 ? up3.id : 0
}) }
onResult((queryResult) => { loadingData.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.keluhan.rekap.rekapKeluhanAll, query)
data.value = queryResult.data.rekapitulasiKeluhanAll .then((result) => {
} if (result.data.data != undefined) {
}) data.value = result.data.data.rekapitulasiKeluhanAll
} else {
onError((error) => { data.value = []
console.log(error) }
}) })
.catch((err) => {
watch(loading, (value) => { console.error(err)
loadingData.value = value })
}) .finally(() => {
loadingData.value = false
})
} }
const getDetail = async () => { const getDetail = async () => {
loadingSubData.value = true
const dateValue = filters.value.periode.split(' s/d ') const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value const selected = dataSelected.value
@ -853,21 +854,21 @@ const getDetail = async () => {
idUp3: selected?.id_up3 ? selected?.id_up3 : 0 idUp3: selected?.id_up3 ? selected?.id_up3 : 0
} }
const result = useQuery(queries.keluhan.rekap.rekapKeluhanAllDetail, query) loadingSubData.value = true
await requestGraphQl(queries.keluhan.rekap.rekapKeluhanAllDetail, query)
result.onResult((queryResult) => { .then((result) => {
if (queryResult.data != undefined) { if (result.data.data != undefined) {
dataSub.value = queryResult.data.detailKeluhanAll dataSub.value = result.data.data.detailKeluhanAll
} } else {
}) dataSub.value = []
}
result.onError((error) => { })
console.log(error) .catch((err) => {
}) console.error(err)
})
watch(result.loading, (value) => { .finally(() => {
loadingSubData.value = value loadingSubData.value = false
}) })
} }
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(null)

94
src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue
View File

@ -489,7 +489,7 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' import { useQuery } from '@vue/apollo-composable'
import { formatWaktu } from '@/components/Form/FiltersType/reference' 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 { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { apolloClient } from '@/utils/api/api.graphql' import { apolloClient } from '@/utils/api/api.graphql'
import { provideApolloClient } from '@vue/apollo-composable' import { provideApolloClient } from '@vue/apollo-composable'
@ -509,42 +509,41 @@ const closedialogDetail = () => (dialogDetail.value = false)
const loadingData = ref(false) const loadingData = ref(false)
const loadingSubData = ref(false) const loadingSubData = ref(false)
const filterData = (params: any) => { const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { ulp, uid, up3 } = params const { ulp, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery( const query = {
queries.keluhan.rekap.rekapKeluhanBerdasarkanMedia, dateFrom: dateValue[0]
{ ? dateValue[0].split('-').reverse().join('-')
dateFrom: dateValue[0] : new Date().toISOString().slice(0, 10),
? dateValue[0].split('-').reverse().join('-') dateTo: dateValue[1]
: new Date().toISOString().slice(0, 10), ? dateValue[1].split('-').reverse().join('-')
dateTo: dateValue[1] : new Date().toISOString().slice(0, 10),
? dateValue[1].split('-').reverse().join('-') idUlp: ulp ? ulp.id : 0,
: new Date().toISOString().slice(0, 10), idUid: uid ? uid.id : 0,
idUlp: ulp ? ulp.id : 0, idUp3: up3 ? up3.id : 0,
idUid: uid ? uid.id : 0, media: ''
idUp3: up3 ? up3.id : 0, }
media: ''
}
)
onResult((queryResult) => { loadingData.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.keluhan.rekap.rekapKeluhanBerdasarkanMedia, query)
data.value = queryResult.data.rekapitulasiKeluhanBerdasarkanMedia .then((result) => {
} if (result.data.data != undefined) {
}) data.value = result.data.data.rekapitulasiKeluhanBerdasarkanMedia
} else {
onError((error) => { data.value = []
console.log(error) }
}) })
.catch((err) => {
watch(loading, (value) => { console.error(err)
loadingData.value = value })
}) .finally(() => {
loadingData.value = false
})
} }
const getDetail = () => { const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ') const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value const selected = dataSelected.value
@ -560,24 +559,21 @@ const getDetail = () => {
idUp3: selected?.id_up3 ? selected?.id_up3 : 0 idUp3: selected?.id_up3 ? selected?.id_up3 : 0
} }
const { onResult, onError, loading } = useQuery( loadingSubData.value = true
queries.keluhan.rekap.rekapKeluhanAllDetail, await requestGraphQl(queries.keluhan.rekap.rekapKeluhanAllDetail, query)
query .then((result) => {
) if (result.data.data != undefined) {
dataSub.value = result.data.data.detailKeluhanAll
onResult((queryResult) => { } else {
if (queryResult.data != undefined) { dataSub.value = []
dataSub.value = queryResult.data.detailKeluhanAll }
} })
}) .catch((err) => {
console.error(err)
onError((error) => { })
console.log(error) .finally(() => {
}) loadingSubData.value = false
})
watch(loading, (value) => {
loadingSubData.value = value
})
} }
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(null)

92
src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue
View File

@ -764,7 +764,7 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' import { useQuery } from '@vue/apollo-composable'
import { formatWaktu } from '@/components/Form/FiltersType/reference' 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 { formatNumber, isNumber, formatPercentage } from '@/utils/numbers'
import { apolloClient } from '@/utils/api/api.graphql' import { apolloClient } from '@/utils/api/api.graphql'
import { provideApolloClient } from '@vue/apollo-composable' import { provideApolloClient } from '@vue/apollo-composable'
@ -784,41 +784,40 @@ const closedialogDetail = () => (dialogDetail.value = false)
const loadingData = ref(false) const loadingData = ref(false)
const loadingSubData = ref(false) const loadingSubData = ref(false)
const filterData = (params: any) => { const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { ulp, uid, up3 } = params const { ulp, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery( const query = {
queries.keluhan.rekap.keluhanPenyelesaianPerFungsiBIidang, dateFrom: dateValue[0]
{ ? dateValue[0].split('-').reverse().join('-')
dateFrom: dateValue[0] : new Date().toISOString().slice(0, 10),
? dateValue[0].split('-').reverse().join('-') dateTo: dateValue[1]
: new Date().toISOString().slice(0, 10), ? dateValue[1].split('-').reverse().join('-')
dateTo: dateValue[1] : new Date().toISOString().slice(0, 10),
? dateValue[1].split('-').reverse().join('-') idUlp: ulp ? ulp.id : 0,
: new Date().toISOString().slice(0, 10), idUid: uid ? uid.id : 0,
idUlp: ulp ? ulp.id : 0, idUp3: up3 ? up3.id : 0
idUid: uid ? uid.id : 0, }
idUp3: up3 ? up3.id : 0
}
)
onResult((queryResult) => { loadingData.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.keluhan.rekap.keluhanPenyelesaianPerFungsiBIidang, query)
data.value = queryResult.data.rekapitulasiKeluhanPenyelesaianPerFungsiBidang .then((result) => {
} if (result.data.data != undefined) {
}) data.value = result.data.data.rekapitulasiKeluhanPenyelesaianPerFungsiBidang
} else {
onError((error) => { data.value = []
console.log(error) }
}) })
.catch((err) => {
watch(loading, (value) => { console.error(err)
loadingData.value = value })
}) .finally(() => {
loadingData.value = false
})
} }
const getDetail = () => { const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ') const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value const selected = dataSelected.value
@ -834,24 +833,21 @@ const getDetail = () => {
idUp3: selected?.id_up3 ? selected?.id_up3 : 0 idUp3: selected?.id_up3 ? selected?.id_up3 : 0
} }
const { onResult, onError, loading } = useQuery( loadingSubData.value = true
queries.keluhan.rekap.rekapKeluhanAllDetail, await requestGraphQl(queries.keluhan.rekap.rekapKeluhanAllDetail, query)
query .then((result) => {
) if (result.data.data != undefined) {
dataSub.value = result.data.data.detailKeluhanAll
onResult((queryResult) => { } else {
if (queryResult.data != undefined) { dataSub.value = []
dataSub.value = queryResult.data.detailKeluhanAll }
} })
}) .catch((err) => {
console.error(err)
onError((error) => { })
console.log(error) .finally(() => {
}) loadingSubData.value = false
})
watch(loading, (value) => {
loadingSubData.value = value
})
} }
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(null)

106
src/components/Pages/Keluhan/Rekap/RKeluhan_PerJenisKeluhan.vue
View File

@ -913,7 +913,7 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' import { useQuery } from '@vue/apollo-composable'
import { formatWaktu } from '@/components/Form/FiltersType/reference' 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 { formatNumber, isNumber, formatPercentage } from '@/utils/numbers'
import { apolloClient } from '@/utils/api/api.graphql' import { apolloClient } from '@/utils/api/api.graphql'
import { provideApolloClient } from '@vue/apollo-composable' import { provideApolloClient } from '@vue/apollo-composable'
@ -933,48 +933,47 @@ const closedialogDetail = () => (dialogDetail.value = false)
const loadingData = ref(false) const loadingData = ref(false)
const loadingSubData = ref(false) const loadingSubData = ref(false)
const filterData = (params: any) => { const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { ulp, uid, up3 } = params const { ulp, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery( const query = {
queries.keluhan.rekap.keluhanPerJenisKeluhan, dateFrom: dateValue[0]
{ ? dateValue[0].split('-').reverse().join('-')
dateFrom: dateValue[0] : new Date().toISOString().slice(0, 10),
? dateValue[0].split('-').reverse().join('-') dateTo: dateValue[1]
: new Date().toISOString().slice(0, 10), ? dateValue[1].split('-').reverse().join('-')
dateTo: dateValue[1] : new Date().toISOString().slice(0, 10),
? dateValue[1].split('-').reverse().join('-') idUlp: ulp ? ulp.id : 0,
: new Date().toISOString().slice(0, 10), idUid: uid ? uid.id : 0,
idUlp: ulp ? ulp.id : 0, idUp3: up3 ? up3.id : 0
idUid: uid ? uid.id : 0, }
idUp3: up3 ? up3.id : 0
}
)
onResult((queryResult) => { loadingData.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.keluhan.rekap.keluhanPerJenisKeluhan, query)
data.value = [...queryResult.data.rekapitulasiKeluhanPerJenisKeluhan] .then((result) => {
.sort((a: any, b: any) => a.tipe_keluhan.localeCompare(b.tipe_keluhan)) if (result.data.data != undefined) {
.map((item: any, index: number) => { data.value = [...result.data.data.rekapitulasiKeluhanPerJenisKeluhan]
return { .sort((a: any, b: any) => a.tipe_keluhan.localeCompare(b.tipe_keluhan))
...item, .map((item: any, index: number) => {
number: index + 1 return {
} ...item,
}) number: index + 1
} }
}) })
} else {
onError((error) => { data.value = []
console.log(error) }
}) })
.catch((err) => {
watch(loading, (value) => { console.error(err)
loadingData.value = value })
}) .finally(() => {
loadingData.value = false
})
} }
const getDetail = () => { const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ') const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value const selected = dataSelected.value
@ -990,24 +989,21 @@ const getDetail = () => {
idUp3: selected?.id_up3 ? selected?.id_up3 : 0 idUp3: selected?.id_up3 ? selected?.id_up3 : 0
} }
const { onResult, onError, loading } = useQuery( loadingSubData.value = true
queries.keluhan.rekap.rekapKeluhanAllDetail, await requestGraphQl(queries.keluhan.rekap.rekapKeluhanAllDetail, query)
query .then((result) => {
) if (result.data.data != undefined) {
dataSub.value = result.data.data.detailKeluhanAll
onResult((queryResult) => { } else {
if (queryResult.data != undefined) { dataSub.value = []
dataSub.value = queryResult.data.detailKeluhanAll }
} })
}) .catch((err) => {
console.error(err)
onError((error) => { })
console.log(error) .finally(() => {
}) loadingSubData.value = false
})
watch(loading, (value) => {
loadingSubData.value = value
})
} }
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(null)

92
src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue
View File

@ -769,7 +769,7 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' import { useQuery } from '@vue/apollo-composable'
import { formatWaktu } from '@/components/Form/FiltersType/reference' 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 { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { apolloClient } from '@/utils/api/api.graphql' import { apolloClient } from '@/utils/api/api.graphql'
import { provideApolloClient } from '@vue/apollo-composable' import { provideApolloClient } from '@vue/apollo-composable'
@ -789,41 +789,40 @@ const closedialogDetail = () => (dialogDetail.value = false)
const loadingData = ref(false) const loadingData = ref(false)
const loadingSubData = ref(false) const loadingSubData = ref(false)
const filterData = (params: any) => { const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { ulp, uid, up3 } = params const { ulp, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery( const query = {
queries.keluhan.rekap.keluhanPerKelompokKeluhan, dateFrom: dateValue[0]
{ ? dateValue[0].split('-').reverse().join('-')
dateFrom: dateValue[0] : new Date().toISOString().slice(0, 10),
? dateValue[0].split('-').reverse().join('-') dateTo: dateValue[1]
: new Date().toISOString().slice(0, 10), ? dateValue[1].split('-').reverse().join('-')
dateTo: dateValue[1] : new Date().toISOString().slice(0, 10),
? dateValue[1].split('-').reverse().join('-') idUlp: ulp ? ulp.id : 0,
: new Date().toISOString().slice(0, 10), idUid: uid ? uid.id : 0,
idUlp: ulp ? ulp.id : 0, idUp3: up3 ? up3.id : 0
idUid: uid ? uid.id : 0, }
idUp3: up3 ? up3.id : 0
}
)
onResult((queryResult) => { loadingData.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.keluhan.rekap.keluhanPerKelompokKeluhan, query)
data.value = queryResult.data.rekapitulasiKeluhanPerKelompokKeluhan .then((result) => {
} if (result.data.data != undefined) {
}) data.value = result.data.data.rekapitulasiKeluhanPerKelompokKeluhan
} else {
onError((error) => { data.value = []
console.log(error) }
}) })
.catch((err) => {
watch(loading, (value) => { console.error(err)
loadingData.value = value })
}) .finally(() => {
loadingData.value = false
})
} }
const getDetail = () => { const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ') const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value const selected = dataSelected.value
@ -839,24 +838,21 @@ const getDetail = () => {
idUp3: selected?.id_up3 ? selected?.id_up3 : 0 idUp3: selected?.id_up3 ? selected?.id_up3 : 0
} }
const { onResult, onError, loading } = useQuery( loadingSubData.value = true
queries.keluhan.rekap.rekapKeluhanAllDetail, await requestGraphQl(queries.keluhan.rekap.rekapKeluhanAllDetail, query)
query .then((result) => {
) if (result.data.data != undefined) {
dataSub.value = result.data.data.detailKeluhanAll
onResult((queryResult) => { } else {
if (queryResult.data != undefined) { dataSub.value = []
dataSub.value = queryResult.data.detailKeluhanAll }
} })
}) .catch((err) => {
console.error(err)
onError((error) => { })
console.log(error) .finally(() => {
}) loadingSubData.value = false
})
watch(loading, (value) => {
loadingSubData.value = value
})
} }
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(null)

92
src/components/Pages/Keluhan/Rekap/RKeluhan_PerTanggal.vue
View File

@ -773,7 +773,7 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' import { useQuery } from '@vue/apollo-composable'
import { formatWaktu } from '@/components/Form/FiltersType/reference' 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 { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { apolloClient } from '@/utils/api/api.graphql' import { apolloClient } from '@/utils/api/api.graphql'
import { provideApolloClient } from '@vue/apollo-composable' import { provideApolloClient } from '@vue/apollo-composable'
@ -793,41 +793,40 @@ const closedialogDetail = () => (dialogDetail.value = false)
const loadingData = ref(false) const loadingData = ref(false)
const loadingSubData = ref(false) const loadingSubData = ref(false)
const filterData = (params: any) => { const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { ulp, uid, up3 } = params const { ulp, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery( const query = {
queries.keluhan.rekap.keluhanPerTanggal, dateFrom: dateValue[0]
{ ? dateValue[0].split('-').reverse().join('-')
dateFrom: dateValue[0] : new Date().toISOString().slice(0, 10),
? dateValue[0].split('-').reverse().join('-') dateTo: dateValue[1]
: new Date().toISOString().slice(0, 10), ? dateValue[1].split('-').reverse().join('-')
dateTo: dateValue[1] : new Date().toISOString().slice(0, 10),
? dateValue[1].split('-').reverse().join('-') idUlp: ulp ? ulp.id : 0,
: new Date().toISOString().slice(0, 10), idUid: uid ? uid.id : 0,
idUlp: ulp ? ulp.id : 0, idUp3: up3 ? up3.id : 0
idUid: uid ? uid.id : 0, }
idUp3: up3 ? up3.id : 0
}
)
onResult((queryResult) => { loadingData.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.keluhan.rekap.keluhanPerTanggal, query)
data.value = queryResult.data.rekapitulasiKeluhanPerTanggal .then((result) => {
} if (result.data.data != undefined) {
}) data.value = result.data.data.rekapitulasiKeluhanPerTanggal
} else {
onError((error) => { data.value = []
console.log(error) }
}) })
.catch((err) => {
watch(loading, (value) => { console.error(err)
loadingData.value = value })
}) .finally(() => {
loadingData.value = false
})
} }
const getDetail = () => { const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ') const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value const selected = dataSelected.value
@ -843,24 +842,21 @@ const getDetail = () => {
idUp3: selected?.id_up3 ? selected?.id_up3 : 0 idUp3: selected?.id_up3 ? selected?.id_up3 : 0
} }
const { onResult, onError, loading } = useQuery( loadingSubData.value = true
queries.keluhan.rekap.rekapKeluhanAllDetail, await requestGraphQl(queries.keluhan.rekap.rekapKeluhanAllDetail, query)
query .then((result) => {
) if (result.data.data != undefined) {
dataSub.value = result.data.data.detailKeluhanAll
onResult((queryResult) => { } else {
if (queryResult.data != undefined) { dataSub.value = []
dataSub.value = queryResult.data.detailKeluhanAll }
} })
}) .catch((err) => {
console.error(err)
onError((error) => { })
console.log(error) .finally(() => {
}) loadingSubData.value = false
})
watch(loading, (value) => {
loadingSubData.value = value
})
} }
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(null)

86
src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue
View File

@ -912,7 +912,7 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' import { useQuery } from '@vue/apollo-composable'
import { formatWaktu } from '@/components/Form/FiltersType/reference' 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 { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { apolloClient } from '@/utils/api/api.graphql' import { apolloClient } from '@/utils/api/api.graphql'
import { provideApolloClient } from '@vue/apollo-composable' import { provideApolloClient } from '@vue/apollo-composable'
@ -932,11 +932,10 @@ const closedialogDetail = () => (dialogDetail.value = false)
const loadingData = ref(false) const loadingData = ref(false)
const loadingSubData = ref(false) const loadingSubData = ref(false)
const filterData = (params: any) => { const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { ulp, uid, up3 } = params const { ulp, uid, up3 } = params
const query = {
const { onResult, onError, loading, refetch } = useQuery(queries.keluhan.rekap.keluhanPerUnit, {
dateFrom: dateValue[0] dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-') ? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10), : new Date().toISOString().slice(0, 10),
@ -946,31 +945,33 @@ const filterData = (params: any) => {
idUlp: ulp ? ulp.id : 0, idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0, idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0 idUp3: up3 ? up3.id : 0
}) }
onResult((queryResult) => { loadingData.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.keluhan.rekap.keluhanPerUnit, query)
data.value = [...queryResult.data.rekapitulasiKeluhanPerUnit] .then((result) => {
.sort((a, b) => a.nama_up3.localeCompare(b.nama_up3)) if (result.data.data != undefined) {
.map((item, index) => { data.value = [...result.data.data.rekapitulasiKeluhanPerUnit]
return { .sort((a, b) => a.nama_up3.localeCompare(b.nama_up3))
...item, .map((item, index) => {
number: index + 1 return {
} ...item,
}) number: index + 1
} }
}) })
} else {
onError((error) => { data.value = []
console.log(error) }
}) })
.catch((err) => {
watch(loading, (value) => { console.error(err)
loadingData.value = value })
}) .finally(() => {
loadingData.value = false
})
} }
const getDetail = () => { const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ') const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value const selected = dataSelected.value
@ -986,24 +987,21 @@ const getDetail = () => {
idUp3: selected?.id_up3 ? selected?.id_up3 : 0 idUp3: selected?.id_up3 ? selected?.id_up3 : 0
} }
const { onResult, onError, loading } = useQuery( loadingSubData.value = true
queries.keluhan.rekap.rekapKeluhanAllDetail, await requestGraphQl(queries.keluhan.rekap.rekapKeluhanAllDetail, query)
query .then((result) => {
) if (result.data.data != undefined) {
dataSub.value = result.data.data.detailKeluhanAll
onResult((queryResult) => { } else {
if (queryResult.data != undefined) { dataSub.value = []
dataSub.value = queryResult.data.detailKeluhanAll }
} })
}) .catch((err) => {
console.error(err)
onError((error) => { })
console.log(error) .finally(() => {
}) loadingSubData.value = false
})
watch(loading, (value) => {
loadingSubData.value = value
})
} }
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(null)

92
src/components/Pages/Keluhan/Rekap/RKeluhan_RatingPerUnit.vue
View File

@ -219,7 +219,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable' 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 { apolloClient } from '@/utils/api/api.graphql'
import { provideApolloClient } from '@vue/apollo-composable' import { provideApolloClient } from '@vue/apollo-composable'
@ -238,41 +238,40 @@ const closedialogDetail = () => (dialogDetail.value = false)
const loadingData = ref(false) const loadingData = ref(false)
const loadingSubData = ref(false) const loadingSubData = ref(false)
const filterData = (params: any) => { const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { ulp, uid, up3 } = params const { ulp, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery( const query = {
queries.keluhan.rekap.keluhanPerRatingUnit, dateFrom: dateValue[0]
{ ? dateValue[0].split('-').reverse().join('-')
dateFrom: dateValue[0] : new Date().toISOString().slice(0, 10),
? dateValue[0].split('-').reverse().join('-') dateTo: dateValue[1]
: new Date().toISOString().slice(0, 10), ? dateValue[1].split('-').reverse().join('-')
dateTo: dateValue[1] : new Date().toISOString().slice(0, 10),
? dateValue[1].split('-').reverse().join('-') idUlp: ulp ? ulp.id : 0,
: new Date().toISOString().slice(0, 10), idUid: uid ? uid.id : 0,
idUlp: ulp ? ulp.id : 0, idUp3: up3 ? up3.id : 0
idUid: uid ? uid.id : 0, }
idUp3: up3 ? up3.id : 0
}
)
onResult((queryResult) => { loadingData.value = true
if (queryResult.data != undefined) { await requestGraphQl(queries.keluhan.rekap.keluhanPerRatingUnit, query)
data.value = queryResult.data.rekapitulasiKeluhanRatingPerUnit .then((result) => {
} if (result.data.data != undefined) {
}) data.value = result.data.data.rekapitulasiKeluhanRatingPerUnit
} else {
onError((error) => { data.value = []
console.log(error) }
}) })
.catch((err) => {
watch(loading, (value) => { console.error(err)
loadingData.value = value })
}) .finally(() => {
loadingData.value = false
})
} }
const getDetail = () => { const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ') const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value const selected = dataSelected.value
@ -288,24 +287,21 @@ const getDetail = () => {
idUp3: selected?.id_up3 ? selected?.id_up3 : 0 idUp3: selected?.id_up3 ? selected?.id_up3 : 0
} }
const { onResult, onError, loading } = useQuery( loadingSubData.value = true
queries.keluhan.rekap.rekapKeluhanAllDetail, await requestGraphQl(queries.keluhan.rekap.rekapKeluhanAllDetail, query)
query .then((result) => {
) if (result.data.data != undefined) {
dataSub.value = result.data.data.detailKeluhanAll
onResult((queryResult) => { } else {
if (queryResult.data != undefined) { dataSub.value = []
dataSub.value = queryResult.data.detailKeluhanAll }
} })
}) .catch((err) => {
console.error(err)
onError((error) => { })
console.log(error) .finally(() => {
}) loadingSubData.value = false
})
watch(loading, (value) => {
loadingSubData.value = value
})
} }
const dataGridRef = ref<DxDataGrid | null>(null) const dataGridRef = ref<DxDataGrid | null>(null)