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
Download Patch File Download Diff File Expand all files Collapse all files

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