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

Add GraphQL queries for material-related data

Browse Source
This commit is contained in:
Dede Fuji Abdul
2024-03-29 10:54:16 +07:00
parent 2bbf120210
commit 30bc1cbb97
28 changed files with 1137 additions and 1226 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue
View File

@ -227,7 +227,7 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { getMonthName } from '@/utils/texts'
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'
@ -283,40 +283,39 @@ const onExporting = (e: any) => {
}
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.gangguan.rekap.dispatchingTimeGangguan,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
idUlp: ulp ? ulp.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
idUlp: ulp ? ulp.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
loadingData.value = true
await requestGraphQl(queries.monalisa.gangguan.rekap.dispatchingTimeGangguan, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.monalisaDispatchingTimeGangguan
} else {
data.value = []
}
})
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingData.value = false
})
lastMonth.value = bulan.id == 1 ? 12 : bulan.id - 1
lastYearMoM.value = bulan.id == 1 ? tahun.id - 1 : tahun.id
currentMonth.value = bulan.id
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaDispatchingTimeGangguan
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
}
const getDetail = () => {
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value
@ -332,24 +331,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)

86
src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ENSGangguan.vue
View File

@ -209,7 +209,7 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { getMonthName } from '@/utils/texts'
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'
@ -236,7 +236,7 @@ const closedialogDetail = () => (dialogDetail.value = false)
const loadingData = ref(false)
const loadingSubData = ref(false)
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
lastMonth.value = bulan.id == 1 ? 12 : bulan.id - 1
lastYearMoM.value = bulan.id == 1 ? tahun.id - 1 : tahun.id
@ -244,31 +244,30 @@ const filterData = (params: any) => {
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.gangguan.rekap.rekapitulasiEnsGangguan,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : 10,
tahun: bulan ? tahun.id : 2023
}
)
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : 10,
tahun: bulan ? tahun.id : 2023
}
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaRekapitulasiEnsGangguan
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
loadingData.value = true
await requestGraphQl(queries.monalisa.gangguan.rekap.rekapitulasiEnsGangguan, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.monalisaRekapitulasiEnsGangguan
} else {
data.value = []
}
})
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingData.value = false
})
}
const onExporting = (e: any) => {
@ -300,7 +299,7 @@ const onExporting = (e: any) => {
}
}
const getDetail = () => {
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value
@ -316,24 +315,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)

86
src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanBelumSelesai.vue
View File

@ -453,7 +453,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'
@ -483,37 +483,36 @@ const closeDialog = () => {
dialogDetail.value = false
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
currentMonth.value = bulan.id
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.gangguan.rekap.gangguanBelumSelesai,
{
regional: regional.name == 'Semua Regional' ? null : regional.id,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : 10,
tahun: bulan ? tahun.id : 2023
}
)
const query = {
regional: regional.name == 'Semua Regional' ? null : regional.id,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : 10,
tahun: bulan ? tahun.id : 2023
}
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaGangguanBelumSelesai
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
loadingData.value = true
await requestGraphQl(queries.monalisa.gangguan.rekap.gangguanBelumSelesai, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.monalisaGangguanBelumSelesai
} else {
data.value = []
}
})
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingData.value = false
})
}
const onExporting = (e: any) => {
@ -545,7 +544,7 @@ const onExporting = (e: any) => {
}
}
const getDetail = () => {
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value
@ -561,24 +560,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)

87
src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanPerJenisGangguan.vue
View File

@ -165,7 +165,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'
@ -188,34 +188,32 @@ const closedialogDetail = () => (dialogDetail.value = false)
const loadingData = ref(false)
const loadingSubData = ref(false)
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : 10,
tahun: bulan ? tahun.id : 2023
}
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.gangguan.rekap.gangguanPerJenisGangguan,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : 10,
tahun: bulan ? tahun.id : 2023
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaGangguanPerJenisGangguan
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
loadingData.value = true
await requestGraphQl(queries.monalisa.gangguan.rekap.gangguanPerJenisGangguan, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.monalisaGangguanPerJenisGangguan
} else {
data.value = []
}
})
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingData.value = false
})
}
const onExporting = (e: any) => {
@ -246,7 +244,7 @@ const onExporting = (e: any) => {
e.cancel = true
}
}
const getDetail = () => {
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value
@ -262,24 +260,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)

87
src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahDDRPTRCTGangguan.vue
View File

@ -385,7 +385,7 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { getMonthName } from '@/utils/texts'
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'
@ -407,36 +407,34 @@ const closedialogDetail = () => (dialogDetail.value = false)
const loadingData = ref(false)
const loadingSubData = ref(false)
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.gangguan.rekap.jumlahDurasiRptRctGangguan,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : 10,
tahun: bulan ? tahun.id : 2023
}
)
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : 10,
tahun: bulan ? tahun.id : 2023
}
loadingData.value = true
await requestGraphQl(queries.monalisa.gangguan.rekap.jumlahDurasiRptRctGangguan, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.monalisaJumlahDurasiRptRctGangguan
} else {
data.value = []
}
})
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingData.value = false
})
currentMonth.value = bulan.id
currentYear.value = tahun.id
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaJumlahDurasiRptRctGangguan
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
}
const onExporting = (e: any) => {
@ -467,7 +465,7 @@ const onExporting = (e: any) => {
e.cancel = true
}
}
const getDetail = () => {
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value
@ -483,24 +481,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)

85
src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahKaliGangguan.vue
View File

@ -300,7 +300,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'
@ -356,7 +356,7 @@ const currentYear = ref(new Date().getFullYear())
const currentMonth = ref(new Date().getMonth())
const lastYear = ref(currentYear.value - 1)
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
lastMonth.value = bulan.id == 1 ? 12 : bulan.id - 1
lastYearMoM.value = bulan.id == 1 ? tahun.id - 1 : tahun.id
@ -364,33 +364,33 @@ const filterData = (params: any) => {
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.gangguan.rekap.jumlahKaliGangguan,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
idUlp: ulp ? ulp.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaJumlahKaliGangguan
}
})
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
idUlp: ulp ? ulp.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
loadingData.value = true
await requestGraphQl(queries.monalisa.gangguan.rekap.jumlahKaliGangguan, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.monalisaJumlahKaliGangguan
} 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
@ -406,24 +406,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)

86
src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_LaporUlang.vue
View File

@ -276,7 +276,7 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { getMonthName } from '@/utils/texts'
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'
@ -303,7 +303,7 @@ const closedialogDetail = () => (dialogDetail.value = false)
const loadingData = ref(false)
const loadingSubData = ref(false)
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
lastMonth.value = bulan.id == 1 ? 12 : bulan.id - 1
lastYearMoM.value = bulan.id == 1 ? tahun.id - 1 : tahun.id
@ -311,31 +311,30 @@ const filterData = (params: any) => {
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.gangguan.rekap.laporUlangGangguan,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : 10,
tahun: bulan ? tahun.id : 2023
}
)
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : 10,
tahun: bulan ? tahun.id : 2023
}
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaRekapitulasiLaporUlangGangguan
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
loadingData.value = true
await requestGraphQl(queries.monalisa.gangguan.rekap.laporUlangGangguan, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.monalisaRekapitulasiLaporUlangGangguan
} else {
data.value = []
}
})
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingData.value = false
})
}
const onExporting = (e: any) => {
if (e.format === 'pdf') {
@ -365,7 +364,7 @@ const onExporting = (e: any) => {
e.cancel = true
}
}
const getDetail = () => {
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value
@ -381,24 +380,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)

86
src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue
View File

@ -227,7 +227,7 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { getMonthName } from '@/utils/texts'
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'
@ -254,7 +254,7 @@ const closedialogDetail = () => (dialogDetail.value = false)
const loadingData = ref(false)
const loadingSubData = ref(false)
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
lastMonth.value = bulan.id == 1 ? 12 : bulan.id - 1
lastYearMoM.value = bulan.id == 1 ? tahun.id - 1 : tahun.id
@ -262,31 +262,30 @@ const filterData = (params: any) => {
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.gangguan.rekap.recoveryTimeGangguan,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
idUlp: ulp ? ulp.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
idUlp: ulp ? ulp.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaRecoveryTimeGangguan
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
loadingData.value = true
await requestGraphQl(queries.monalisa.gangguan.rekap.recoveryTimeGangguan, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.monalisaRecoveryTimeGangguan
} else {
data.value = []
}
})
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingData.value = false
})
}
const onExporting = (e: any) => {
@ -317,7 +316,7 @@ const onExporting = (e: any) => {
e.cancel = true
}
}
const getDetail = () => {
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value
@ -333,24 +332,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)

86
src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue
View File

@ -227,7 +227,7 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { getMonthName } from '@/utils/texts'
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'
@ -254,7 +254,7 @@ const closedialogDetail = () => (dialogDetail.value = false)
const loadingData = ref(false)
const loadingSubData = ref(false)
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
lastMonth.value = bulan.id == 1 ? 12 : bulan.id - 1
lastYearMoM.value = bulan.id == 1 ? tahun.id - 1 : tahun.id
@ -262,31 +262,30 @@ const filterData = (params: any) => {
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.gangguan.rekap.responseTimeGangguan,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
idUlp: ulp ? ulp.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
idUlp: ulp ? ulp.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaResponseTimeGangguan
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
loadingData.value = true
await requestGraphQl(queries.monalisa.gangguan.rekap.responseTimeGangguan, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.monalisaResponseTimeGangguan
} else {
data.value = []
}
})
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingData.value = false
})
}
const onExporting = (e: any) => {
@ -317,7 +316,7 @@ const onExporting = (e: any) => {
e.cancel = true
}
}
const getDetail = () => {
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value
@ -333,24 +332,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)

86
src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_GangguanPerJenisKeluhan.vue
View File

@ -152,7 +152,7 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
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'
@ -204,7 +204,7 @@ const onExporting = (e: any) => {
}
}
const getDetail = () => {
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value
@ -220,24 +220,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)
@ -264,37 +261,36 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
dataSubSelected.value = data
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
currentYear.value = tahun.id
currentMonth.value = bulan.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.keluhan.rekap.gangguanPerJenisKeluhan,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaGangguanPerJenisKeluhan
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
loadingData.value = true
await requestGraphQl(queries.monalisa.keluhan.rekap.gangguanPerJenisKeluhan, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.monalisaGangguanPerJenisKeluhan
} else {
data.value = []
}
})
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingData.value = false
})
}
onMounted(() => {

86
src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahDDRPTRCTKeluhan.vue
View File

@ -376,7 +376,7 @@ import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { getMonthName } from '@/utils/texts'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
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'
@ -426,7 +426,7 @@ const onExporting = (e: any) => {
e.cancel = true
}
}
const getDetail = () => {
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value
@ -442,24 +442,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)
@ -486,38 +483,37 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
dataSubSelected.value = data
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
currentYear.value = tahun.id
currentMonth.value = bulan.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.keluhan.rekap.jumlahDurasiRptRctKeluhan,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaJumlahDurasiRptRctKeluhan
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
loadingData.value = true
await requestGraphQl(queries.monalisa.keluhan.rekap.jumlahDurasiRptRctKeluhan, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.monalisaJumlahDurasiRptRctKeluhan
} else {
data.value = []
}
})
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingData.value = false
})
}
const filters = ref()

86
src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahKaliKeluhan.vue
View File

@ -282,7 +282,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'
@ -338,7 +338,7 @@ const onExporting = (e: any) => {
}
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
lastMonth.value = bulan.id == 1 ? 12 : bulan.id - 1
lastYearMoM.value = bulan.id == 1 ? tahun.id - 1 : tahun.id
@ -346,34 +346,33 @@ const filterData = (params: any) => {
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.keluhan.rekap.jumlahKaliKeluhan,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaJumlahKaliKeluhan
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
loadingData.value = true
await requestGraphQl(queries.monalisa.keluhan.rekap.jumlahKaliKeluhan, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.monalisaJumlahKaliKeluhan
} 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
@ -389,24 +388,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)

86
src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_KeluhanBelumSelesai.vue
View File

@ -173,7 +173,7 @@ import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { apolloClient, queries } from '@/utils/api/api.graphql'
import { apolloClient, queries, requestGraphQl } from '@/utils/api/api.graphql'
import { provideApolloClient } from '@vue/apollo-composable'
const client = apolloClient()
@ -223,7 +223,7 @@ const onExporting = (e: any) => {
e.cancel = true
}
}
const getDetail = () => {
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value
@ -239,24 +239,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)
@ -283,38 +280,37 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
dataSubSelected.value = data
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
currentMonth.value = bulan.id
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.keluhan.rekap.keluhanBelumSelesai,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaRekapitulasiKeluhanBelumSelesai
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
loadingData.value = true
await requestGraphQl(queries.monalisa.keluhan.rekap.keluhanBelumSelesai, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.monalisaRekapitulasiKeluhanBelumSelesai
} else {
data.value = []
}
})
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingData.value = false
})
}
onMounted(() => {

86
src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_LaporUlangKeluhan.vue
View File

@ -277,7 +277,7 @@ import { useQuery } from '@vue/apollo-composable'
import gql from 'graphql-tag'
import { getMonthName } from '@/utils/texts'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { apolloClient, queries } from '@/utils/api/api.graphql'
import { apolloClient, queries, requestGraphQl } from '@/utils/api/api.graphql'
import { provideApolloClient } from '@vue/apollo-composable'
const client = apolloClient()
@ -331,7 +331,7 @@ const onExporting = (e: any) => {
e.cancel = true
}
}
const getDetail = () => {
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value
@ -347,24 +347,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)
@ -391,7 +388,7 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
dataSubSelected.value = data
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
lastMonth.value = bulan.id == 1 ? 12 : bulan.id - 1
lastYearMoM.value = bulan.id == 1 ? tahun.id - 1 : tahun.id
@ -399,31 +396,30 @@ const filterData = (params: any) => {
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.keluhan.rekap.laporUlangKeluhan,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaRekapitulasiLaporUlangKeluhan
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
loadingData.value = true
await requestGraphQl(queries.monalisa.keluhan.rekap.laporUlangKeluhan, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.monalisaRekapitulasiLaporUlangKeluhan
} else {
data.value = []
}
})
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingData.value = false
})
}
onMounted(() => {

86
src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_RecoveryTimeKeluhan.vue
View File

@ -301,7 +301,7 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { getMonthName } from '@/utils/texts'
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'
@ -357,7 +357,7 @@ const onExporting = (e: any) => {
}
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
lastMonth.value = bulan.id == 1 ? 12 : bulan.id - 1
lastYearMoM.value = bulan.id == 1 ? tahun.id - 1 : tahun.id
@ -365,34 +365,33 @@ const filterData = (params: any) => {
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.keluhan.rekap.recoveryTimeKeluhan,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaRecoveryTimeKeluhan
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
loadingData.value = true
await requestGraphQl(queries.monalisa.keluhan.rekap.recoveryTimeKeluhan, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.monalisaRecoveryTimeKeluhan
} 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
@ -408,24 +407,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)

86
src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_ResponseTimeKeluhan.vue
View File

@ -302,7 +302,7 @@ import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { getMonthName } from '@/utils/texts'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { queries } from '@/utils/api/api.graphql'
import { queries, requestGraphQl } from '@/utils/api/api.graphql'
const position = { of: '#data' }
const showIndicator = ref(true)
@ -354,7 +354,7 @@ const onExporting = (e: any) => {
}
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
lastMonth.value = bulan.id == 1 ? 12 : bulan.id - 1
lastYearMoM.value = bulan.id == 1 ? tahun.id - 1 : tahun.id
@ -362,34 +362,33 @@ const filterData = (params: any) => {
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.keluhan.rekap.responseTimeKeluhan,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaResponseTimeKeluhan
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
loadingData.value = true
await requestGraphQl(queries.monalisa.keluhan.rekap.responseTimeKeluhan, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.monalisaResponseTimeKeluhan
} 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
@ -405,24 +404,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)

86
src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue
View File

@ -664,7 +664,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 { getMonthName, getMonthNameShort } from '@/utils/texts'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
@ -720,7 +720,7 @@ const onExporting = (e: any) => {
}
}
const getDetail = () => {
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value
@ -736,24 +736,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)
@ -780,38 +777,37 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
dataSubSelected.value = data
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
currentMonth.value = bulan.id
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.laporan.bulanan.agingComplaintBulanan,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
idUlp: ulp ? ulp.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
idUlp: ulp ? ulp.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.agingComplaintBulanan
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
loadingData.value = true
await requestGraphQl(queries.monalisa.laporan.bulanan.agingComplaintBulanan, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.agingComplaintBulanan
} else {
data.value = []
}
})
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingData.value = false
})
}
onMounted(() => {

86
src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_EnergyNotSales.vue
View File

@ -278,7 +278,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 { getMonthName } from '@/utils/texts'
import { apolloClient } from '@/utils/api/api.graphql'
@ -331,7 +331,7 @@ const onExporting = (e: any) => {
e.cancel = true
}
}
const getDetail = () => {
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value
@ -347,24 +347,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)
@ -391,37 +388,36 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
dataSubSelected.value = data
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
currentMonth.value = bulan.id
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.laporan.bulanan.energyNotSalesBulanan,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
idUlp: ulp ? ulp.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
idUlp: ulp ? ulp.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.energyNotSalesBulanan
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
loadingData.value = true
await requestGraphQl(queries.monalisa.laporan.bulanan.energyNotSalesBulanan, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.energyNotSalesBulanan
} else {
data.value = []
}
})
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingData.value = false
})
}
onMounted(() => {

52
src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_KADDalamPelaporan.vue
View File

@ -290,7 +290,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 { getMonthNameShort } from '@/utils/texts'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { apolloClient } from '@/utils/api/api.graphql'
@ -353,37 +353,39 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
clearSelection()
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
currentMonth.value = bulan.id
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
idUlp: ulp ? ulp.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
loadingData.value = true
await requestGraphQl(
queries.monalisa.laporan.bulanan.kepatuhandanAkurasiDalamPelaporanBulanan,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
idUlp: ulp ? ulp.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
query
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.kepatuhandanAkurasiDalamPelaporanBulanan
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.kepatuhandanAkurasiDalamPelaporanBulanan
} else {
data.value = []
}
})
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingData.value = false
})
}
onMounted(() => {

86
src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue
View File

@ -989,7 +989,7 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { getMonthNameShort } from '@/utils/texts'
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'
@ -1044,7 +1044,7 @@ const onExporting = (e: any) => {
}
}
const getDetail = () => {
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value
@ -1060,24 +1060,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)
@ -1104,38 +1101,37 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
dataSubSelected.value = data
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
currentMonth.value = bulan.id
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.laporan.bulanan.penurunanJumlahKomplainBulanan,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
idUlp: ulp ? ulp.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
idUlp: ulp ? ulp.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.penurunanJumlahKomplainBulanan
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
loadingData.value = true
await requestGraphQl(queries.monalisa.laporan.bulanan.penurunanJumlahKomplainBulanan, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.penurunanJumlahKomplainBulanan
} else {
data.value = []
}
})
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingData.value = false
})
}
onMounted(() => {

86
src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_AgingComplaint.vue
View File

@ -362,7 +362,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 { getMonthName, getMonthNameShort } from '@/utils/texts'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
@ -409,7 +409,7 @@ const onExporting = (e: any) => {
e.cancel = true
}
}
const getDetail = () => {
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value
@ -425,24 +425,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)
@ -468,36 +465,35 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
const data = selectedRowsData[0]
dataSubSelected.value = data
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
currentYear.value = tahun.id
currentMonth.value = bulan.id
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.laporan.kumulatif.agingComplaintKumulatif,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : 10,
tahun: bulan ? tahun.id : 2023
}
)
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : 10,
tahun: bulan ? tahun.id : 2023
}
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.agingComplaintKumulatif
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
loadingData.value = true
await requestGraphQl(queries.monalisa.laporan.kumulatif.agingComplaintKumulatif, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.agingComplaintKumulatif
} else {
data.value = []
}
})
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingData.value = false
})
}
const filters = ref()

86
src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_EnergyNotSales.vue
View File

@ -278,7 +278,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 { getMonthName } from '@/utils/texts'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { apolloClient } from '@/utils/api/api.graphql'
@ -331,7 +331,7 @@ const onExporting = (e: any) => {
e.cancel = true
}
}
const getDetail = () => {
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value
@ -347,24 +347,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)
@ -391,38 +388,37 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
dataSubSelected.value = data
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
currentMonth.value = bulan.id
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.laporan.kumulatif.energyNotSalesKumulatif,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.energyNotSalesKumulatif
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
loadingData.value = true
await requestGraphQl(queries.monalisa.laporan.kumulatif.energyNotSalesKumulatif, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.energyNotSalesKumulatif
} else {
data.value = []
}
})
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingData.value = false
})
}
onMounted(() => {

87
src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_KDADPelaporan.vue
View File

@ -290,7 +290,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 { getMonthNameShort } from '@/utils/texts'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { apolloClient } from '@/utils/api/api.graphql'
@ -343,7 +343,7 @@ const onExporting = (e: any) => {
e.cancel = true
}
}
const getDetail = () => {
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value
@ -359,24 +359,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)
@ -403,38 +400,40 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
dataSubSelected.value = data
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
currentMonth.value = bulan.id
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
loadingData.value = true
await requestGraphQl(
queries.monalisa.laporan.kumulatif.kepatuhandanAkurasiDalamPelaporanKumulatif,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
query
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.kepatuhandanAkurasiDalamPelaporanKumulatif
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.kepatuhandanAkurasiDalamPelaporanKumulatif
} else {
data.value = []
}
})
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingData.value = false
})
}
onMounted(() => {

86
src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_PenurunanJumlahKomplain.vue
View File

@ -738,7 +738,7 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { getMonthName } from '@/utils/texts'
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'
@ -790,7 +790,7 @@ const onExporting = (e: any) => {
e.cancel = true
}
}
const getDetail = () => {
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value
@ -806,24 +806,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)
@ -850,38 +847,37 @@ const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
dataSubSelected.value = data
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
currentYear.value = tahun.id
currentMonth.value = bulan.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.laporan.kumulatif.penurunanJumlahKomplainKumulatif,
{
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.penurunanJumlahKomplainKumulatif
}
})
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loadingData.value = value
})
loadingData.value = true
await requestGraphQl(queries.monalisa.laporan.kumulatif.penurunanJumlahKomplainKumulatif, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.penurunanJumlahKomplainKumulatif
} else {
data.value = []
}
})
.catch((err) => {
console.error(err)
})
.finally(() => {
loadingData.value = false
})
}
onMounted(() => {