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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

56
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 { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { queries } from '@/utils/api/api.graphql'
import { queries, requestGraphQl } from '@/utils/api/api.graphql'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import InputText from '@/components/InputText.vue'
import { formatWaktu } from '@/components/Form/FiltersType/reference'
@ -537,7 +537,7 @@ const reportMeta = ref({
periode: ''
})
const getDetail = () => {
const getDetail = async () => {
loadingSubData.value = true
const dateValue = filters.value.periode.split(' s/d ')
const ref = dataSelected.value
@ -554,23 +554,19 @@ const getDetail = () => {
idUp3: ref.id_up3
}
const { onResult, onError, loading, refetch } = useQuery(
queries.gangguan.rekap.gangguanAlihPoskoDetail,
query
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
dataSub.value = queryResult.data.detailGangguanAlihPosko
await requestGraphQl(queries.gangguan.rekap.gangguanAlihPoskoDetail, query)
.then((result) => {
if (result.data.data != undefined) {
dataSub.value = result.data.data.detailGangguanAlihPosko
} else {
dataSub.value = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingSubData.value = value
.finally(() => {
loadingSubData.value = false
})
}
@ -625,13 +621,11 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
}
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery(
queries.gangguan.rekap.gangguanAlihPosko,
{
const query = {
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10),
@ -642,31 +636,31 @@ const filterData = (params: any) => {
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
const refs = [...queryResult.data.rekapitulasiGangguanAlihPosko].sort((a: any, b: any) =>
loadingData.value = true
await requestGraphQl(queries.gangguan.rekap.gangguanAlihPosko, query)
.then((result) => {
if (result.data.data != undefined) {
const refs = [...result.data.data.rekapitulasiGangguanAlihPosko].sort((a: any, b: any) =>
a.nama_uid.localeCompare(b.nama_uid)
)
data.value = refs.map((ref: any, index: number) => {
return {
...ref,
number: index + 1
}
})
} else {
data.value = []
}
reportMeta.value = filters.value
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}

57
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 { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { queries } from '@/utils/api/api.graphql'
import { queries, requestGraphQl } from '@/utils/api/api.graphql'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
import { formatWaktu } from '@/components/Form/FiltersType/reference'
@ -535,8 +535,7 @@ const setDate = (value: any) => {
}
}
const getDetail = () => {
loadingSubData.value = true
const getDetail = async () => {
const ref = dataSelected.value
const query = {
@ -548,23 +547,20 @@ const getDetail = () => {
media: ref?.media ? ref?.media : ''
}
const { onResult, onError, loading, refetch } = useQuery(
queries.gangguan.rekap.berdasarkanMediaDetail,
query
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
dataSub.value = queryResult.data.detailRekapitulasiGangguanBerdasarkanMedia
loadingSubData.value = true
await requestGraphQl(queries.gangguan.rekap.berdasarkanMediaDetail, query)
.then((result) => {
if (result.data.data != undefined) {
dataSub.value = result.data.data.detailRekapitulasiGangguanBerdasarkanMedia
} else {
dataSub.value = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingSubData.value = value
.finally(() => {
loadingSubData.value = false
})
}
@ -622,13 +618,11 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
}
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery(
queries.gangguan.rekap.berdasarkanMedia,
{
const query = {
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10),
@ -639,22 +633,23 @@ const filterData = (params: any) => {
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.rekapitulasiGangguanBerdasarkanMedia
loadingData.value = true
await requestGraphQl(queries.gangguan.rekap.berdasarkanMedia, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.rekapitulasiGangguanBerdasarkanMedia
} else {
data.value = []
}
reportMeta.value = filters.value
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}

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

60
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 { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { queries } from '@/utils/api/api.graphql'
import { queries, requestGraphQl } from '@/utils/api/api.graphql'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { formatWaktu } from '@/components/Form/FiltersType/reference'
import InputText from '@/components/InputText.vue'
@ -808,7 +808,7 @@ const reportMeta = ref({
periode: ''
})
const getDetail = () => {
const getDetail = async () => {
loadingSubData.value = true
const dateValue = filters.value.periode.split(' s/d ')
const { posko, uid, up3 } = filters.value
@ -827,25 +827,19 @@ const getDetail = () => {
idRegu: ref.id_regu
}
const { onResult, onError, loading, refetch } = useQuery(
queries.gangguan.rekap.gangguanDiselesaikanMobileAPKTDetail,
query
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
console.log(queryResult.data.detailGangguanDiselesaikanMobileApkt)
dataSub.value = queryResult.data.detailGangguanDiselesaikanMobileApkt
await requestGraphQl(queries.gangguan.rekap.gangguanDiselesaikanMobileAPKTDetail, query)
.then((result) => {
if (result.data.data != undefined) {
dataSub.value = result.data.data.detailGangguanDiselesaikanMobileApkt
} else {
dataSub.value = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingSubData.value = value
.finally(() => {
loadingSubData.value = false
})
}
@ -900,13 +894,11 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
}
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery(
queries.gangguan.rekap.gangguanDiselesaikanMobileAPKT,
{
const query = {
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10),
@ -917,23 +909,21 @@ const filterData = (params: any) => {
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.rekapitulasiGangguanDiselesaikanMobileAPKT
loadingData.value = true
await requestGraphQl(queries.gangguan.rekap.gangguanDiselesaikanMobileAPKT, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.rekapitulasiGangguanDiselesaikanMobileAPKT
} else {
data.value = []
}
console.log(queryResult.data)
reportMeta.value = filters.value
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}
const filters = ref()

29
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 { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { queries } from '@/utils/api/api.graphql'
import { queries, requestGraphQl } from '@/utils/api/api.graphql'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { exportToPDF } from '@/report/Gangguan/Rekap/RGangguan_JenisGangguan'
import { apolloClient } from '@/utils/api/api.graphql'
@ -553,11 +553,11 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
dataSubSelected.value = data
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.rekap.jenisGangguan, {
const query = {
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10),
@ -567,11 +567,13 @@ const filterData = (params: any) => {
posko: posko ? posko.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0
})
}
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = [...queryResult.data.rekapitulasiPerJenisGangguan].map(
loadingData.value = true
await requestGraphQl(queries.gangguan.rekap.jenisGangguan, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = [...result.data.data.rekapitulasiPerJenisGangguan].map(
(item: any, index: number) => {
return {
no: ++index,
@ -616,17 +618,16 @@ const filterData = (params: any) => {
}
}
)
} else {
data.value = []
}
reportMeta.value = filters.value
})
onError((queryError) => {
console.log(queryError)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}

58
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 { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { queries } from '@/utils/api/api.graphql'
import { queries, requestGraphQl } from '@/utils/api/api.graphql'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import InputText from '@/components/InputText.vue'
import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
@ -842,13 +842,11 @@ const onExporting = (e: any) => {
}
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery(
queries.gangguan.rekap.jenisGangguanSE004,
{
const query = {
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10),
@ -859,26 +857,26 @@ const filterData = (params: any) => {
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.rekapitulasiJenisGangguanSE004
loadingData.value = true
await requestGraphQl(queries.gangguan.rekap.jenisGangguanSE004, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.rekapitulasiJenisGangguanSE004
} else {
data.value = []
}
reportMeta.value = filters.value
})
onError((queryError) => {
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
const dateValue = filters.value.periode.split(' s/d ')
const ref = dataSelected.value
@ -897,23 +895,21 @@ const getDetail = () => {
idEquipment: ref?.kode ? parseInt(ref.kode) : 0
}
const { onResult, onError, loading, refetch } = useQuery(
queries.gangguan.rekap.jenisGangguanSE004Detail,
query
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
dataSub.value = queryResult.data.detailGangguanJenisGangguanSE004
loadingSubData.value = true
await requestGraphQl(queries.gangguan.rekap.jenisGangguanSE004Detail, query)
.then((result) => {
if (result.data.data != undefined) {
dataSub.value = result.data.data.detailGangguanJenisGangguanSE004
} else {
dataSub.value = []
}
reportMeta.value = filters.value
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingSubData.value = value
.finally(() => {
loadingSubData.value = false
})
}

58
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 { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { queries } from '@/utils/api/api.graphql'
import { queries, requestGraphQl } from '@/utils/api/api.graphql'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { formatWaktu } from '@/components/Form/FiltersType/reference'
import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
@ -1154,7 +1154,7 @@ const reportMeta = ref({
periode: ''
})
const getDetail = () => {
const getDetail = async () => {
loadingSubData.value = true
const dateValue = filters.value.periode.split(' s/d ')
const ref = dataSelected.value
@ -1171,23 +1171,21 @@ const getDetail = () => {
idUp3: ref?.id_up3 ? ref?.id_up3 : 0
}
const { onResult, onError, loading, refetch } = useQuery(
queries.gangguan.rekap.gangguanKoreksiTransaksiIndividualDetail,
query
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
dataSub.value = queryResult.data.detailGangguanKoreksiTransaksiIndividu
loadingSubData.value = true
await requestGraphQl(queries.gangguan.rekap.gangguanKoreksiTransaksiIndividualDetail, query)
.then((result) => {
if (result.data.data != undefined) {
dataSub.value = result.data.data.detailGangguanKoreksiTransaksiIndividu
} else {
dataSub.value = []
}
reportMeta.value = filters.value
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingSubData.value = value
.finally(() => {
loadingSubData.value = false
})
}
@ -1242,13 +1240,11 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
}
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery(
queries.gangguan.rekap.gangguanKoreksiTransaksiIndividual,
{
const query = {
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10),
@ -1259,22 +1255,22 @@ const filterData = (params: any) => {
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.rekapitulasiGangguanKoreksiTransaksiIndividual
loadingData.value = true
await requestGraphQl(queries.gangguan.rekap.gangguanKoreksiTransaksiIndividual, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.rekapitulasiGangguanKoreksiTransaksiIndividual
} else {
data.value = []
}
reportMeta.value = filters.value
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}

61
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 { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { queries } from '@/utils/api/api.graphql'
import { queries, requestGraphQl } from '@/utils/api/api.graphql'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
import InputText from '@/components/InputText.vue'
@ -898,8 +898,7 @@ const reportMeta = ref({
periode: ''
})
const getDetail = () => {
loadingSubData.value = true
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const ref = dataSelected.value
@ -919,23 +918,20 @@ const getDetail = () => {
media: ref?.media ? ref?.media : ''
}
const { onResult, onError, loading, refetch } = useQuery(
queries.gangguan.rekap.gangguanAllDetail,
query
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
dataSub.value = queryResult.data.detailGangguan
loadingSubData.value = true
await requestGraphQl(queries.gangguan.rekap.gangguanAllDetail, query)
.then((result) => {
if (result.data.data != undefined) {
dataSub.value = result.data.data.detailGangguan
} else {
dataSub.value = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingSubData.value = value
.finally(() => {
loadingSubData.value = false
})
}
@ -990,13 +986,11 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
}
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery(
queries.gangguan.rekap.gangguanPerPosko,
{
const query = {
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10),
@ -1007,23 +1001,24 @@ const filterData = (params: any) => {
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0
}
loadingData.value = true
await requestGraphQl(queries.gangguan.rekap.gangguanPerPosko, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = [...result.data.data.rekapitulasiGangguanPerPosko].sort((a: any, b: any) =>
a?.nama_up3.localeCompare(b?.nama_up3)
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
const result: any[] = [...queryResult.data.rekapitulasiGangguanPerPosko]
data.value = result.sort((a: any, b: any) => a?.nama_up3.localeCompare(b?.nama_up3))
} else {
data.value = []
}
reportMeta.value = filters.value
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}

59
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 { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { queries } from '@/utils/api/api.graphql'
import { queries, requestGraphQl } from '@/utils/api/api.graphql'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
import InputText from '@/components/InputText.vue'
@ -910,8 +910,7 @@ const reportMeta = ref({
groupBy: false
})
const getDetail = () => {
loadingSubData.value = true
const getDetail = async () => {
const dateValue = filters.value?.periode.split(' s/d ')
const ref = dataSelected.value
@ -931,23 +930,20 @@ const getDetail = () => {
media: ref?.media ? ref?.media : ''
}
const { onResult, onError, loading, refetch } = useQuery(
queries.gangguan.rekap.gangguanAllDetail,
query
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
dataSub.value = queryResult.data.detailGangguan
loadingSubData.value = true
await requestGraphQl(queries.gangguan.rekap.gangguanAllDetail, query)
.then((result) => {
if (result.data.data != undefined) {
dataSub.value = result.data.data.detailGangguan
} else {
dataSub.value = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingSubData.value = value
.finally(() => {
loadingSubData.value = false
})
}
@ -1007,11 +1003,11 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
}
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.rekap.gangguanPerRegu, {
const query = {
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10),
@ -1021,15 +1017,16 @@ const filterData = (params: any) => {
posko: posko ? posko.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0
})
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.rekapitulasiGangguanPerRegu
}
const { posko, uid, up3 } = params
loadingData.value = true
await requestGraphQl(queries.gangguan.rekap.gangguanPerRegu, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.rekapitulasiGangguanPerRegu
} else {
data.value = []
}
reportMeta.value = {
uid: { id: uid ? uid.id : 0, name: uid ? uid.name : 'Semua Unit Induk Distribusi/Wilayah' },
up3: {
@ -1041,13 +1038,11 @@ const filterData = (params: any) => {
groupBy: params.groupBy
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}

66
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 { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { queries } from '@/utils/api/api.graphql'
import { queries, requestGraphQl } from '@/utils/api/api.graphql'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { apolloClient } from '@/utils/api/api.graphql'
import { provideApolloClient } from '@vue/apollo-composable'
@ -659,8 +659,7 @@ const reportMeta = ref({
groupBy: false
})
const getDetail = () => {
loadingSubData.value = true
const getDetail = async () => {
const dateValue = filters.value?.periode.split(' s/d ')
const ref = dataSelected.value
@ -680,23 +679,20 @@ const getDetail = () => {
media: ref?.media ? ref?.media : ''
}
const { onResult, onError, loading, refetch } = useQuery(
queries.gangguan.rekap.gangguanAllDetail,
query
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
dataSub.value = queryResult.data.detailGangguan
loadingSubData.value = true
await requestGraphQl(queries.gangguan.rekap.gangguanAllDetail, query)
.then((result) => {
if (result.data.data != undefined) {
dataSub.value = result.data.data.detailGangguan
} else {
dataSub.value = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingSubData.value = value
.finally(() => {
loadingSubData.value = false
})
}
@ -756,14 +752,11 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
}
}
const filterData = (params: any) => {
loadingData.value = true
const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params
const { onResult, onError, loading, refetch } = useQuery(
queries.gangguan.rekap.gangguanPerTanggal,
{
const query = {
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10),
@ -774,17 +767,15 @@ const filterData = (params: any) => {
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.rekapitulasiGangguanPerTanggal
loadingData.value = true
await requestGraphQl(queries.gangguan.rekap.gangguanPerTanggal, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.rekapitulasiGangguanPerTanggal
} else {
data.value = []
}
if (queryResult.networkStatus == 7) {
loadingData.value = false
}
reportMeta.value = {
uid: { id: uid ? uid.id : 0, name: uid ? uid.name : 'Semua Unit Induk Distribusi/Wilayah' },
up3: {
@ -796,16 +787,11 @@ const filterData = (params: any) => {
groupBy: params.groupBy
}
})
onError((error) => {
console.log(error)
// loadingData.value = false
.catch((err) => {
console.error(err)
})
loadingData.value = loading.value
watch(loading, (value) => {
// loadingData.value = value
.finally(() => {
loadingData.value = false
})
}

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

77
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 { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { queries } from '@/utils/api/api.graphql'
import { queries, requestGraphQl } from '@/utils/api/api.graphql'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { formatWaktu } from '@/components/Form/FiltersType/reference'
import vue3starRatings from 'vue3-star-ratings'
@ -650,8 +650,7 @@ const reportMeta = ref({
periode: ''
})
const getDetail = () => {
loadingSubData.value = true
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const ref = dataSelected.value
@ -671,23 +670,22 @@ const getDetail = () => {
media: ref?.media ? ref?.media : ''
}
const { onResult, onError, loading, refetch } = useQuery(
queries.gangguan.rekap.gangguanAllDetail,
query
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
dataSub.value = queryResult.data.detailGangguan
loadingSubData.value = true
await requestGraphQl(queries.gangguan.rekap.gangguanAllDetail, query)
.then((result) => {
if (result.data.data != undefined) {
dataSub.value = result.data.data.detailGangguan
} else {
dataSub.value = []
}
})
onError((error) => {
console.log(error)
reportMeta.value = filters.value
})
watch(loading, (value) => {
loadingSubData.value = value
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingSubData.value = false
})
}
@ -743,20 +741,11 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
console.log(dataSubSelected)
}
const { onResult, onError, loading, refetch } = useQuery(
queries.gangguan.rekap.gangguanRatingPerRegu,
{
dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
posko: '',
idUid: 0,
idUp3: 0
}
)
const filterData = (params: any) => {
const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params
refetch({
const query = {
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10),
@ -766,26 +755,24 @@ const filterData = (params: any) => {
posko: posko ? posko.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0
})
onResult((queryResult) => {
if (queryResult.data != undefined) {
// const refs = [...queryResult.data.rekapitulasiGangguanRatingPerRegu].sort((a: any, b: any) =>
// a.nama_up3.localeCompare(b.nama_up3)
// )
// data.value = refs.map((ref: any, index: number) => {
// return {
// ...ref,
// number: index + 1
// }
// })
data.value = queryResult.data.rekapitulasiGangguanRatingPerRegu
}
loadingData.value = true
await requestGraphQl(queries.gangguan.rekap.gangguanRatingPerRegu, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.rekapitulasiGangguanRatingPerRegu
} else {
data.value = []
}
reportMeta.value = filters.value
console.log(queryResult.data)
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingData.value = false
})
}
const filters = ref()

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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