Refactor useQuery in Anomali_LAPPGP.vue and Anomali_LAPPGU.vue
This commit is contained in:
@ -22,27 +22,35 @@ import { Type4 } from '@/components/Form/FiltersType'
|
||||
import Filters from '@/components/Form/Filters.vue'
|
||||
import { queries } from '@/utils/api/api.graphql'
|
||||
const data = ref<any[]>([])
|
||||
const loading = ref(false)
|
||||
const filters = ref({
|
||||
jenisLaporan: {
|
||||
id: 1,
|
||||
name: 'Laporan Berulang Unit'
|
||||
},
|
||||
ulp: 0,
|
||||
uid: 0,
|
||||
up3: 0
|
||||
})
|
||||
|
||||
const { onResult, onError, loading, refetch } = useQuery(
|
||||
filters.value.jenisLaporan.name == 'Laporan Berulang Unit'
|
||||
? queries.anomali.gangguan.petugasBerulang
|
||||
: filters.value.jenisLaporan.name == 'Laporan Rating Negatif'
|
||||
? queries.anomali.gangguan.petugasRatingNegatif
|
||||
: queries.anomali.gangguan.petugasSkipStep,
|
||||
{
|
||||
namaRegional: '',
|
||||
// dateFrom: new Date().toISOString().slice(0, 10),
|
||||
// dateTo: new Date().toISOString().slice(0, 10),
|
||||
idUlp: 0,
|
||||
idUid: 0,
|
||||
idUp3: 0
|
||||
}
|
||||
)
|
||||
|
||||
const filterData = (params: any) => {
|
||||
const { ulp, uid, up3, jenisLaporan } = params
|
||||
|
||||
const { onResult, onError, loading, refetch } = useQuery(
|
||||
jenisLaporan.name == 'Laporan Berulang Unit'
|
||||
? queries.anomali.gangguan.petugasBerulang
|
||||
: jenisLaporan.name == 'Laporan Rating Negatif'
|
||||
? queries.anomali.gangguan.petugasRatingNegatif
|
||||
: queries.anomali.gangguan.petugasSkipStep,
|
||||
{
|
||||
namaRegional: '',
|
||||
// dateFrom: new Date().toISOString().slice(0, 10),
|
||||
// dateTo: new Date().toISOString().slice(0, 10),
|
||||
idUlp: 0,
|
||||
idUid: 0,
|
||||
idUp3: 0
|
||||
}
|
||||
)
|
||||
|
||||
const dateValue = params.periode.split(' s/d ')
|
||||
refetch({
|
||||
namaRegional: '',
|
||||
@ -79,8 +87,6 @@ const filterData = (params: any) => {
|
||||
})
|
||||
}
|
||||
|
||||
const filters = ref()
|
||||
|
||||
onMounted(() => {
|
||||
if (import.meta.env.DEV) {
|
||||
data.value = [
|
||||
|
@ -22,27 +22,35 @@ import { useQuery } from '@vue/apollo-composable'
|
||||
import { onMounted, ref, watch } from 'vue'
|
||||
import { queries } from '@/utils/api/api.graphql'
|
||||
const data = ref<any[]>([])
|
||||
const loading = ref(false)
|
||||
const filters = ref({
|
||||
jenisLaporan: {
|
||||
id: 1,
|
||||
name: 'Laporan Berulang Unit'
|
||||
},
|
||||
ulp: 0,
|
||||
uid: 0,
|
||||
up3: 0
|
||||
})
|
||||
|
||||
const { onResult, onError, loading, refetch } = useQuery(
|
||||
filters.value.jenisLaporan.name == 'Laporan Berulang Unit'
|
||||
? queries.anomali.gangguan.unitBerulang
|
||||
: filters.value.jenisLaporan.name == 'Laporan Rating Negatif'
|
||||
? queries.anomali.gangguan.unitRatingNegatif
|
||||
: queries.anomali.gangguan.unitSkipStep,
|
||||
{
|
||||
namaRegional: '',
|
||||
// dateFrom: new Date().toISOString().slice(0, 10),
|
||||
// dateTo: new Date().toISOString().slice(0, 10),
|
||||
idUlp: 0,
|
||||
idUid: 0,
|
||||
idUp3: 0
|
||||
}
|
||||
)
|
||||
|
||||
const filterData = (params: any) => {
|
||||
const { ulp, uid, up3, jenisLaporan } = params
|
||||
|
||||
const { onResult, onError, loading, refetch } = useQuery(
|
||||
jenisLaporan.name == 'Laporan Berulang Unit'
|
||||
? queries.anomali.gangguan.unitBerulang
|
||||
: jenisLaporan.name == 'Laporan Rating Negatif'
|
||||
? queries.anomali.gangguan.unitRatingNegatif
|
||||
: queries.anomali.gangguan.unitSkipStep,
|
||||
{
|
||||
namaRegional: '',
|
||||
// dateFrom: new Date().toISOString().slice(0, 10),
|
||||
// dateTo: new Date().toISOString().slice(0, 10),
|
||||
idUlp: 0,
|
||||
idUid: 0,
|
||||
idUp3: 0
|
||||
}
|
||||
)
|
||||
|
||||
const dateValue = params.periode.split(' s/d ')
|
||||
refetch({
|
||||
namaRegional: '',
|
||||
@ -79,8 +87,6 @@ const filterData = (params: any) => {
|
||||
})
|
||||
}
|
||||
|
||||
const filters = ref()
|
||||
|
||||
onMounted(() => {
|
||||
if (import.meta.env.DEV) {
|
||||
data.value = [
|
||||
|
Reference in New Issue
Block a user