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

Merge branch 'dev-defuj' of github.com:defuj/eis into dev-bagus

Browse Source
This commit is contained in:
kur0nek-o
2024-03-29 11:15:33 +07:00
parent f2acec6845 8ce3c0b6ca
commit 0424c5034c
63 changed files with 2610 additions and 2795 deletions
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
})
}

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

@ -11,6 +11,7 @@
<div id="data">
<DxDataGrid
@cell-click="onCellClicked"
ref="dataGridRef"
:allow-column-reordering="true"
class="max-h-[calc(100vh-140px)] mb-10"
@ -25,7 +26,7 @@
:allow-column-resizing="true"
column-resizing-mode="widget"
>
<DxGrouping :auto-expand-all="false" :context-menu-enabled="true" expand-mode="rowClick" />
<DxGrouping :auto-expand-all="false" :context-menu-enabled="true" />
<DxSelection mode="single" />
<!-- <DxPaging :page-size="40" :enabled="true" />
<DxPager
@ -495,13 +496,13 @@
</DxSummary>
<template #formatText="{ data }">
<p class="text-left cursor-pointer">
<p class="text-left cursor-pointer" @click="setAgreementDialog(data.column.caption)">
{{ data.text }}
</p>
</template>
<template #formatNumber="{ data }">
<p class="text-right cursor-pointer">
<p class="text-right cursor-pointer" @click="setAgreementDialog(data.column.caption)">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -513,7 +514,7 @@
</template>
<template #formatTime="{ data }">
<p class="cursor-pointer">
<p class="cursor-pointer" @click="setAgreementDialog(data.column.caption)">
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p>
</template>
@ -522,6 +523,7 @@
<p
class="text-right cursor-pointer"
:class="[data.text < 5 ? 'text-green-500' : 'text-red-500']"
@click="setAgreementDialog(data.column.caption)"
>
{{
isNumber(data.text)
@ -537,6 +539,7 @@
<p
class="text-right cursor-pointer"
:class="[data.text < 45 ? 'text-green-500' : 'text-red-500']"
@click="setAgreementDialog(data.column.caption)"
>
{{
isNumber(data.text)
@ -552,6 +555,7 @@
<p
class="text-right cursor-pointer"
:class="[data.text < 180 ? 'text-green-500' : 'text-red-500']"
@click="setAgreementDialog(data.column.caption)"
>
{{
isNumber(data.text)
@ -1074,7 +1078,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 { getGangguanDetail, queries } from '@/utils/api/api.graphql'
import { requestGraphQl, queries } 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'
@ -1096,6 +1100,11 @@ const dialogDetail = ref(false)
const closedialogDetail = () => (dialogDetail.value = false)
const loadingData = ref(false)
const loadingSubData = ref(false)
const agreeToShowDialog = ref(false)
const progressSelected = ref(0)
const groupIndex = ref(0)
const groupDialog = ref(false)
const groupData = ref<any>(null)
const reportMeta = ref({
uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' },
up3: { id: 0, name: 'Semua Unit Pelaksanaan Pelayanan Pelanggan' },
@ -1103,6 +1112,50 @@ const reportMeta = ref({
periode: ''
})
const onCellClicked = (e: any) => {
// console.log('cell clicked', e)
// console.log('group cell clicked', e.column.caption)
// console.log('value', e.values[e.row.groupIndex])
if (e.rowType == 'group') {
groupDialog.value = true
groupIndex.value = e.row.groupIndex
setAgreementDialog(e.column.caption)
if (e.row.groupIndex == 0) {
//
} else if (e.row.groupIndex == 1) {
const data = e.data.collapsedItems[0].items[0].items[0]
groupData.value = data
console.table(data)
} else if (e.row.groupIndex == 2) {
const data = e.data.collapsedItems[0].items[0]
groupData.value = data
console.table(data)
} else if (e.row.groupIndex == 3) {
const data = e.data.collapsedItems[0]
groupData.value = data
console.table(data)
}
showDetail()
} else {
groupDialog.value = false
}
}
const setAgreementDialog = (column: string) => {
if (column == 'Total' || column == 'Selesai' || column == 'In Progress') {
agreeToShowDialog.value = true
if (column == 'Total') {
progressSelected.value = 0
} else if (column == 'Selesai') {
progressSelected.value = 1
} else {
progressSelected.value = 2
}
} else {
agreeToShowDialog.value = false
}
}
const calculateCustomSummary = (options: any) => {
if (options.name == 'persenSelesai') {
console.log(options.component.persen_selesai)
@ -1129,13 +1182,12 @@ const resetData = () => {
dataSubSelected.value = null
}
const filterData = (params: any) => {
const filterData = async (params: any) => {
resetData()
loadingData.value = true
const { posko, uid, up3 } = params
const dateValue = params.periode.split(' s/d ')
const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.rekap.gangguanAll, {
const query = {
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10),
@ -1145,24 +1197,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) {
data.value = queryResult.data.rekapitulasiAllGangguan
loadingData.value = false
loadingData.value = true
await requestGraphQl(queries.gangguan.rekap.gangguanAll, query)
.then((result) => {
if (result.data.data != null) {
data.value = result.data.data.rekapitulasiAllGangguan
} else {
data.value = []
}
reportMeta.value = filters.value
})
onError((error) => {
console.log(error)
loadingData.value = false
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
// loadingData.value = value
.finally(() => {
loadingData.value = false
})
}
@ -1171,7 +1223,50 @@ const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value
const query = {
var 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),
posko: 0,
idUid: 0,
idUp3: 0,
idRegu: 0,
idUlp: 0,
namaRegional: '',
media: '',
isSelesai: progressSelected.value,
tanggal: ''
}
if (groupDialog.value) {
if (groupIndex.value == 0) {
query = {
...query,
isSelesai: progressSelected.value
}
} else if (groupIndex.value == 1) {
query = {
...query,
namaRegional: groupData.value?.nama_regional ? groupData.value?.nama_regional : ''
}
} else if (groupIndex.value == 2) {
query = {
...query,
idUid: groupData.value?.id_uid ? groupData.value?.id_uid : 0,
namaRegional: groupData.value?.nama_regional ? groupData.value?.nama_regional : ''
}
} else if (groupIndex.value == 3) {
query = {
...query,
idUid: groupData.value?.id_uid ? groupData.value?.id_uid : 0,
idUp3: groupData.value?.id_up3 ? groupData.value?.id_up3 : 0,
namaRegional: groupData.value?.nama_regional ? groupData.value?.nama_regional : ''
}
}
} else {
query = {
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10),
@ -1184,45 +1279,27 @@ const getDetail = async () => {
idRegu: selected?.id_regu ? selected?.id_regu : 0,
idUlp: selected?.id_ulp ? selected?.id_ulp : 0,
namaRegional: selected?.nama_regional ? selected?.nama_regional : '',
media: selected?.media ? selected?.media : ''
media: selected?.media ? selected?.media : '',
isSelesai: progressSelected.value,
tanggal: ''
}
}
console.table(query)
await getGangguanDetail(query)
await requestGraphQl(queries.gangguan.rekap.gangguanAllDetail, query)
.then((result) => {
// console.table(result.data.data.detailGangguan)
if (result.data.data != null) {
dataSub.value = result.data.data.detailGangguan
} else {
dataSub.value = []
}
})
.catch((err) => {
console.log(err)
console.error(err)
})
.finally(() => {
loadingSubData.value = false
})
// const result = useQuery(queries.gangguan.rekap.gangguanAllDetail, query, {
// fetchPolicy: 'network-only'
// })
// result.onResult((queryResult) => {
// if (queryResult.data != undefined) {
// dataSub.value = queryResult.data.detailGangguan
// console.table(queryResult.data.detailGangguan)
// }
// })
// watch(result, (value) => {
// if (dataSub.value != value.detailGangguan) {
// console.table(value.detailGangguan)
// }
// })
// result.onError((error) => {
// console.log(error)
// })
// watch(result.loading, (value) => {
// loadingSubData.value = value
// })
}
const dataGridRef = ref<DxDataGrid | null>(null)
const clearSelection = () => {
@ -1234,10 +1311,12 @@ const clearSelection = () => {
}
const showDetail = () => {
clearSelection()
if (agreeToShowDialog.value) {
dataSub.value = []
dataSubSelected.value = null
dialogDetail.value = true
getDetail()
}
}
const onExporting = (e: any) => {

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
})
}

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

@ -88,13 +88,13 @@
/>
<template #formatText="{ data }">
<p class="text-left cursor-pointer">
{{ data.text }}
<p class="text-left cursor-pointer" @click="setDate(data.column.caption)">
{{ data.text == null || data.text == '' ? '-' : data.text }}
</p>
</template>
<template #formatNumber="{ data }">
<p class="text-right cursor-pointer">
<p class="text-right cursor-pointer" @click="setDate(data.column.caption)">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -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'
@ -515,6 +515,7 @@ const dataSubSelected = ref<any>()
const dialogDetail = ref(false)
const loadingData = ref(false)
const loadingSubData = ref(false)
const date = ref('2023-02-04')
const reportMeta = ref({
uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' },
up3: { id: 0, name: 'Semua Unit Pelaksanaan Pelayanan Pelanggan' },
@ -522,44 +523,44 @@ const reportMeta = ref({
periode: ''
})
const getDetail = () => {
loadingSubData.value = true
const setDate = (value: any) => {
if (isNumber(value)) {
const tanggal = value < 10 ? `0${value}` : value
const dateValue = filters.value.periode.split(' s/d ')
const dateYear = dateValue[0].split('-').reverse().join('-').slice(0, -2) + tanggal
console.log('date', dateYear)
date.value = dateYear
} else {
date.value = ''
}
}
const getDetail = async () => {
const ref = dataSelected.value
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),
tanggal: date.value,
posko: ref?.id_posko ? ref?.id_posko : 0,
idUid: ref?.id_uid ? ref?.id_uid : 0,
idUp3: ref?.id_up3 ? ref?.id_up3 : 0,
idRegu: ref?.id_regu ? ref?.id_regu : 0,
idUlp: ref?.id_ulp ? ref?.id_ulp : 0,
namaRegional: ref?.nama_regional ? ref?.nama_regional : '',
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.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
})
}
@ -604,8 +605,11 @@ const onExporting = (e: any) => {
const onDataSelectionChanged = ({ selectedRowsData }: any) => {
if (selectedRowsData[0] != undefined) {
dataSelected.value = selectedRowsData[0]
if (date.value != '') {
showDetail()
}
}
}
const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
@ -614,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),
@ -631,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
})
}

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

@ -439,7 +439,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'
@ -473,13 +473,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),
@ -490,26 +488,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.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 = []
}
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 getDetail = () => {
const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ')
const selected = dataSelected.value
@ -525,23 +523,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

@ -1123,7 +1123,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'
@ -1152,7 +1152,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
@ -1169,23 +1169,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
})
}
@ -1240,13 +1238,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),
@ -1257,22 +1253,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
})
}

68
src/components/Pages/Material/Daftar/Material_DGMYG.vue
View File

@ -152,51 +152,19 @@ import Filters from '@/components/Form/Filters.vue'
import { Type14 } from '@/components/Form/FiltersType'
import { useQuery } from '@vue/apollo-composable'
import gql from 'graphql-tag'
import { queries, requestGraphQl } from '@/utils/api/api.graphql'
const position = { of: '#data' }
const showIndicator = ref(true)
const shading = ref(true)
const showPane = ref(true)
const data = ref<any[]>([])
const loading = ref(false)
const daftarGangguanDanMaterialDipakai = gql`
query DaftardaftarGangguanDanMaterialDipakai(
$dateFrom: Date!
$dateTo: Date!
$posko: String
$idUid: Int
$idUp3: Int
) {
daftarGangguanDanMaterialDipakai(
dateFrom: $dateFrom
dateTo: $dateTo
distribusi: $idUid
area: $idUp3
posko: $posko
) {
isi_laporan
nama_material
nama_pelanggan
nomor_gangguan
penyebab_gangguan
regu
satuan
sumber
volume
waktu_padam
}
}
`
const { onResult, onError, loading, refetch } = useQuery(daftarGangguanDanMaterialDipakai, {
dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
idUid: 0,
idUp3: 0,
posko: ''
})
const filterData = (params: any) => {
const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ')
const { posko, idUid, idUp3 } = params
refetch({
const query = {
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10),
@ -206,22 +174,22 @@ const filterData = (params: any) => {
idUid: idUid ? idUid.id : 0,
idUp3: idUp3 ? idUp3.id : 0,
posko: posko ? posko.id : 0
})
onResult((queryResult) => {
if (queryResult.data != undefined) {
queryResult.data.daftarGangguanDanMaterialDipakai.forEach((item: any) => {
data.value = [
...data.value,
{
...item
}
]
})
loading.value = true
await requestGraphQl(queries.material.daftar.daftarGangguanDanMaterialDipakai, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.daftarGangguanDanMaterialDipakai
} else {
data.value = []
}
console.log(queryResult.data)
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
.finally(() => {
loading.value = false
})
}
const filters = ref()

94
src/components/Pages/Material/Rekap/Material_RPM.vue
View File

@ -112,78 +112,18 @@ import { Type14 } from '@/components/Form/FiltersType'
import Filters from '@/components/Form/Filters.vue'
import { useQuery } from '@vue/apollo-composable'
import gql from 'graphql-tag'
import { queries, requestGraphQl } from '@/utils/api/api.graphql'
const position = { of: '#data' }
const showIndicator = ref(true)
const shading = ref(true)
const showPane = ref(true)
const data = ref<any[]>([])
const loading = ref(false)
const rekapitulasiPemakaianMaterial = gql`
query DaftarrekapitulasiPemakaianMaterial(
$dateFrom: Date!
$dateTo: Date!
$posko: String
$idUid: Int
$idUp3: Int
) {
rekapitulasiPemakaianMaterial(
dateFrom: $dateFrom
dateTo: $dateTo
distribusi: $idUid
area: $idUp3
posko: $posko
) {
kode_material
nama_material
satuan
sumber_material
tgl1
tgl10
tgl11
tgl12
tgl13
tgl14
tgl15
tgl16
tgl17
tgl18
tgl19
tgl2
tgl20
tgl21
tgl22
tgl23
tgl24
tgl25
tgl26
tgl27
tgl28
tgl29
tgl3
tgl30
tgl31
tgl4
tgl5
tgl6
tgl7
tgl8
tgl9
}
}
`
const { onResult, onError, loading, refetch } = useQuery(rekapitulasiPemakaianMaterial, {
dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
idUid: 0,
idUp3: 0,
posko: 0
})
const filterData = (params: any) => {
const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ')
const { posko, idUid, idUp3 } = params
refetch({
const query = {
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10),
@ -193,22 +133,22 @@ const filterData = (params: any) => {
idUid: idUid ? idUid.id : 0,
idUp3: idUp3 ? idUp3.id : 0,
posko: posko ? posko.id : 0
})
onResult((queryResult) => {
if (queryResult.data != undefined) {
queryResult.data.rekapitulasiPemakaianMaterial.forEach((item: any) => {
data.value = [
...data.value,
{
...item
}
]
})
loading.value = true
await requestGraphQl(queries.material.rekap.rekapitulasiPemakaianMaterial, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.rekapitulasiPemakaianMaterial
} else {
data.value = []
}
console.log(queryResult.data)
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
.finally(() => {
loading.value = false
})
}
const filters = ref()

64
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,11 +283,9 @@ 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,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
@ -295,28 +293,29 @@ const filterData = (params: any) => {
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,23 +331,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/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,9 +244,7 @@ const filterData = (params: any) => {
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.gangguan.rekap.rekapitulasiEnsGangguan,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
@ -254,20 +252,21 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : 10,
tahun: bulan ? tahun.id : 2023
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaRekapitulasiEnsGangguan
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 = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}
@ -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,23 +315,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/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,15 +483,13 @@ 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,
{
const query = {
regional: regional.name == 'Semua Regional' ? null : regional.id,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
@ -499,20 +497,21 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : 10,
tahun: bulan ? tahun.id : 2023
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaGangguanBelumSelesai
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 = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}
@ -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,23 +560,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
})
}

57
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,12 +188,9 @@ 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.gangguanPerJenisGangguan,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
@ -201,20 +198,21 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : 10,
tahun: bulan ? tahun.id : 2023
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaGangguanPerJenisGangguan
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 = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}
@ -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,23 +260,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
})
}

65
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,11 +407,9 @@ 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,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
@ -419,24 +417,24 @@ const filterData = (params: any) => {
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,23 +481,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
})
}

57
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,9 +364,7 @@ const filterData = (params: any) => {
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.gangguan.rekap.jumlahKaliGangguan,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
@ -374,23 +372,25 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaJumlahKaliGangguan
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 = []
}
})
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
@ -406,23 +406,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/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,9 +311,7 @@ const filterData = (params: any) => {
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.gangguan.rekap.laporUlangGangguan,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
@ -321,20 +319,21 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : 10,
tahun: bulan ? tahun.id : 2023
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaRekapitulasiLaporUlangGangguan
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 = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}
const onExporting = (e: any) => {
@ -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,23 +380,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/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,9 +262,7 @@ const filterData = (params: any) => {
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.gangguan.rekap.recoveryTimeGangguan,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
@ -272,20 +270,21 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaRecoveryTimeGangguan
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 = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}
@ -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,23 +332,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/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,9 +262,7 @@ const filterData = (params: any) => {
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.gangguan.rekap.responseTimeGangguan,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
@ -272,20 +270,21 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaResponseTimeGangguan
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 = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}
@ -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,23 +332,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/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,23 +220,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
})
}
@ -264,15 +261,13 @@ 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,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
@ -280,20 +275,21 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaGangguanPerJenisKeluhan
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 = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}

56
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,23 +442,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
})
}
@ -486,16 +483,14 @@ 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,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
@ -503,20 +498,21 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaJumlahDurasiRptRctKeluhan
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 = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}

56
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,9 +346,7 @@ const filterData = (params: any) => {
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.keluhan.rekap.jumlahKaliKeluhan,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
@ -356,24 +354,25 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaJumlahKaliKeluhan
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 = []
}
})
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
@ -389,23 +388,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/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,23 +239,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
})
}
@ -283,16 +280,14 @@ 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,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
@ -300,20 +295,21 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaRekapitulasiKeluhanBelumSelesai
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 = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}

56
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,23 +347,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
})
}
@ -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,9 +396,7 @@ const filterData = (params: any) => {
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.keluhan.rekap.laporUlangKeluhan,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
@ -409,20 +404,21 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaRekapitulasiLaporUlangKeluhan
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 = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}

56
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,9 +365,7 @@ const filterData = (params: any) => {
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.keluhan.rekap.recoveryTimeKeluhan,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
@ -375,24 +373,25 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaRecoveryTimeKeluhan
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 = []
}
})
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
@ -408,23 +407,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/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,9 +362,7 @@ const filterData = (params: any) => {
currentYear.value = tahun.id
lastYear.value = tahun.id - 1
const { onResult, onError, loading, refetch } = useQuery(
queries.monalisa.keluhan.rekap.responseTimeKeluhan,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
@ -372,24 +370,25 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.monalisaResponseTimeKeluhan
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 = []
}
})
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
@ -405,23 +404,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/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,23 +736,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
})
}
@ -780,16 +777,14 @@ 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,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
@ -797,20 +792,21 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.agingComplaintBulanan
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 = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}

56
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,23 +347,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
})
}
@ -391,15 +388,13 @@ 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,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
@ -407,20 +402,21 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.energyNotSalesBulanan
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 = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}

32
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,15 +353,13 @@ 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(
queries.monalisa.laporan.bulanan.kepatuhandanAkurasiDalamPelaporanBulanan,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
@ -369,20 +367,24 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.kepatuhandanAkurasiDalamPelaporanBulanan
loadingData.value = true
await requestGraphQl(
queries.monalisa.laporan.bulanan.kepatuhandanAkurasiDalamPelaporanBulanan,
query
)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.kepatuhandanAkurasiDalamPelaporanBulanan
} else {
data.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/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,23 +1060,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
})
}
@ -1104,16 +1101,14 @@ 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,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
@ -1121,20 +1116,21 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.penurunanJumlahKomplainBulanan
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 = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}

56
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,23 +425,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
})
}
@ -468,14 +465,12 @@ 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,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
@ -483,20 +478,21 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : 10,
tahun: bulan ? tahun.id : 2023
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.agingComplaintKumulatif
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 = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}
const filters = ref()

56
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,23 +347,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
})
}
@ -391,16 +388,14 @@ 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,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
@ -408,20 +403,21 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.energyNotSalesKumulatif
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 = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}

59
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,23 +359,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
})
}
@ -403,16 +400,14 @@ 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.kepatuhandanAkurasiDalamPelaporanKumulatif,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
@ -420,20 +415,24 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.kepatuhandanAkurasiDalamPelaporanKumulatif
loadingData.value = true
await requestGraphQl(
queries.monalisa.laporan.kumulatif.kepatuhandanAkurasiDalamPelaporanKumulatif,
query
)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.kepatuhandanAkurasiDalamPelaporanKumulatif
} else {
data.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/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,23 +806,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
})
}
@ -850,16 +847,14 @@ 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,
{
const query = {
namaRegional: regional.name == 'Semua Regional' ? '' : regional.name,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
@ -867,20 +862,21 @@ const filterData = (params: any) => {
bulan: bulan ? bulan.id : currentMonth.value,
tahun: bulan ? tahun.id : currentYear.value
}
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.penurunanJumlahKomplainKumulatif
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 = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}

38
src/components/Pages/PencarianData/PencarianData.vue
View File

@ -253,7 +253,7 @@ import {
import { Type15 } from '@/components/Form/FiltersType'
import Filters from '@/components/Form/Filters.vue'
import { useQuery } from '@vue/apollo-composable'
import { queries } from '@/utils/api/api.graphql'
import { queries, requestGraphQl } from '@/utils/api/api.graphql'
import { formatWaktu } from '@/components/Form/FiltersType/reference'
import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { apolloClient } from '@/utils/api/api.graphql'
@ -303,15 +303,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 { type, keyword, searchBy } = params
const { onResult, onError, loading, refetch } = useQuery(
filters.value.type == 'Gangguan'
? queries.pencarian.pencarianGangguan
: queries.pencarian.pencarianKeluhan,
{
const query = {
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
: new Date().toISOString().slice(0, 10),
@ -324,23 +320,31 @@ const filterData = (params: any) => {
alamatPelapor: searchBy == 'Alamat' ? keyword : '',
pembuatLaporan: searchBy == 'Pembuat' ? keyword : ''
}
loadingData.value = true
await requestGraphQl(
filters.value.type == 'Gangguan'
? queries.pencarian.pencarianGangguan
: queries.pencarian.pencarianKeluhan,
query
)
onResult((queryResult) => {
if (queryResult.data != undefined) {
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.agingComplaintKumulatif
if (type == 'Gangguan') {
data.value = queryResult.data.pencarianDataReportNumberGangguan
data.value = result.data.data.pencarianDataReportNumberGangguan
} else {
data.value = queryResult.data.pencarianDataReportNumberKeluhan
data.value = result.data.data.pencarianDataReportNumberKeluhan
}
} else {
data.value = []
}
})
onError((error) => {
console.log(error)
.catch((err) => {
console.error(err)
})
watch(loading, (value) => {
loadingData.value = value
.finally(() => {
loadingData.value = false
})
}

220
src/utils/api/api.graphql.ts
View File

@ -1,5 +1,11 @@
//deploy vm
import { ApolloClient, createHttpLink, gql, InMemoryCache } from '@apollo/client/core'
import {
ApolloClient,
createHttpLink,
gql,
InMemoryCache,
type DocumentNode
} from '@apollo/client/core'
import axios from 'axios'
const controller = new AbortController()
const url = import.meta.env.VITE_APP_GRAPHQL_ENDPOINT
@ -13,69 +19,11 @@ const instance = axios.create({
signal: controller.signal
})
export const getGangguanDetail = async (data: any) => {
// controller.abort()
export const getQueryString = (query: DocumentNode) => query.loc?.source.body!
export const requestGraphQl = async (query: DocumentNode, data: any) => {
return await instance.post('', {
query: `query detailGangguan(
$dateFrom: Date!
$dateTo: Date!
$posko: Int!
$idUid: Int!
$idUp3: Int!
$idRegu: Int!
$media: String!
$idUlp: Int!
$namaRegional: String!
) {
detailGangguan(
dateFrom: $dateFrom
dateTo: $dateTo
posko: $posko
idUid: $idUid
idUp3: $idUp3
idRegu: $idRegu
idUlp: $idUlp
namaRegional: $namaRegional
media: $media
) {
id
nama_regional
id_uid
nama_uid
id_up3
nama_up3
id_ulp
nama_ulp
id_posko
nama_posko
no_laporan
pembuat_laporan
waktu_lapor
waktu_response
waktu_recovery
durasi_dispatch_time
durasi_response_time
durasi_recovery_time
status_akhir
is_marking
referensi_marking
idpel_nometer
nama_pelapor
alamat_pelapor
no_telp_pelapor
keterangan_pelapor
media
nama_posko
jarak_closing
dispatch_oleh
diselesaikan_oleh
penyebab
tindakan
kode_gangguan
jenis_gangguan
nilai_rating
}
}`,
query: getQueryString(query),
variables: data
})
}
@ -1365,6 +1313,61 @@ export const queries = {
}
}
`,
berdasarkanMediaDetail: gql`
query detailRekapitulasiGangguanBerdasarkanMedia(
$tanggal: Date!
$posko: Int!
$idUid: Int!
$idUp3: Int!
$namaRegional: String!
$media: String!
) {
detailRekapitulasiGangguanBerdasarkanMedia(
tanggal: $tanggal
posko: $posko
idUid: $idUid
idUp3: $idUp3
namaRegional: $namaRegional
media: $media
) {
alamat_pelapor
diselesaikan_oleh
dispatch_oleh
durasi_dispatch_time
durasi_recovery_time
durasi_response_time
id
id_posko
id_uid
id_ulp
id_up3
idpel_nometer
is_marking
jarak_closing
jenis_gangguan
keterangan_pelapor
kode_gangguan
media
nama_pelapor
nama_posko
nama_regional
nama_uid
nama_ulp
nama_up3
nilai_rating
no_laporan
no_telp_pelapor
pembuat_laporan
penyebab
referensi_marking
status_akhir
tindakan
waktu_lapor
waktu_recovery
waktu_response
}
}
`,
berdasarkanMedia: gql`
query rekapitulasiGangguanBerdasarkanMedia(
$dateFrom: Date!
@ -1475,6 +1478,8 @@ export const queries = {
$media: String!
$idUlp: Int!
$namaRegional: String!
$isSelesai: Int!
$tanggal: String
) {
detailGangguan(
dateFrom: $dateFrom
@ -1486,6 +1491,8 @@ export const queries = {
idUlp: $idUlp
namaRegional: $namaRegional
media: $media
isSelesai: $isSelesai
tanggal: $tanggal
) {
id
nama_regional
@ -3028,5 +3035,92 @@ export const queries = {
}
}
`
},
material: {
daftar: {
daftarGangguanDanMaterialDipakai: gql`
query DaftardaftarGangguanDanMaterialDipakai(
$dateFrom: Date!
$dateTo: Date!
$posko: String
$idUid: Int
$idUp3: Int
) {
daftarGangguanDanMaterialDipakai(
dateFrom: $dateFrom
dateTo: $dateTo
distribusi: $idUid
area: $idUp3
posko: $posko
) {
isi_laporan
nama_material
nama_pelanggan
nomor_gangguan
penyebab_gangguan
regu
satuan
sumber
volume
waktu_padam
}
}
`
},
rekap: {
rekapitulasiPemakaianMaterial: gql`
query DaftarrekapitulasiPemakaianMaterial(
$dateFrom: Date!
$dateTo: Date!
$posko: String
$idUid: Int
$idUp3: Int
) {
rekapitulasiPemakaianMaterial(
dateFrom: $dateFrom
dateTo: $dateTo
distribusi: $idUid
area: $idUp3
posko: $posko
) {
kode_material
nama_material
satuan
sumber_material
tgl1
tgl10
tgl11
tgl12
tgl13
tgl14
tgl15
tgl16
tgl17
tgl18
tgl19
tgl2
tgl20
tgl21
tgl22
tgl23
tgl24
tgl25
tgl26
tgl27
tgl28
tgl29
tgl3
tgl30
tgl31
tgl4
tgl5
tgl6
tgl7
tgl8
tgl9
}
}
`
}
}
}