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

change file name and directory network.ts n graphql

Browse Source
This commit is contained in:
Dede Fuji Abdul
2024-03-07 22:01:44 +07:00
parent b99be65200
commit ce38a5711c
59 changed files with 1182 additions and 3137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -49,14 +49,14 @@ import Type2 from '@/components/Form/FiltersType/Type2.vue'
import { ref } from 'vue'
import { DxDataGrid } from 'devextreme-vue'
import {
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
} from 'devextreme-vue/data-grid'
import { jsPDF } from 'jspdf'
import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
@ -65,7 +65,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/graphql'
import { queries } from '@/utils/api/api.graphql'
const currentYear = ref(new Date().getFullYear())
const currentMonth = ref(new Date().getMonth())
@ -146,3 +146,4 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
const filters = ref()
</script>
@/utils/api/graphql

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

@ -64,7 +64,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/graphql'
import { queries } from '@/utils/api/api.graphql'
const currentYear = ref(new Date().getFullYear())
const currentMonth = ref(new Date().getMonth())
@ -146,3 +146,4 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
const filters = ref()
</script>
@/utils/api/graphql

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

@ -50,7 +50,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/graphql'
import { queries } from '@/utils/api/api.graphql'
const currentYear = ref(new Date().getFullYear())
const currentMonth = ref(new Date().getMonth())
@ -131,3 +131,4 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
const filters = ref()
</script>
@/utils/api/graphql

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

@ -56,7 +56,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/graphql'
import { queries } from '@/utils/api/api.graphql'
const currentYear = ref(new Date().getFullYear())
const currentMonth = ref(new Date().getMonth())
const lastYear = ref(currentYear.value - 1)
@ -134,3 +134,4 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
const filters = ref()
</script>
@/utils/api/graphql

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

@ -99,7 +99,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/graphql'
import { queries } from '@/utils/api/api.graphql'
const currentYear = ref(new Date().getFullYear())
const currentMonth = ref(new Date().getMonth())
@ -199,3 +199,4 @@ onMounted(() => {
getMonthName(filters.value.bulan.id)
})
</script>
@/utils/api/graphql

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

@ -89,8 +89,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 gql from 'graphql-tag'
import { queries } from '@/utils/graphql'
import { queries } from '@/utils/api/api.graphql'
const position = { of: '#data' }
const showIndicator = ref(true)
@ -173,3 +172,4 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
const filters = ref()
</script>
@/utils/api/graphql

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

@ -59,12 +59,12 @@ import {
} from 'devextreme-vue/data-grid'
import { jsPDF } from 'jspdf'
import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { exportDataGrid as exportToExcel } from 'devextreme/excel_export er'
import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { getMonthName } from '@/utils/texts'
import { queries } from '@/utils/graphql'
import { queries } from '@/utils/api/api.graphql'
const currentYear = ref(new Date().getFullYear())
const currentMonth = ref(new Date().getMonth())
@ -145,3 +145,4 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
const filters = ref()
</script>
@/utils/api/graphql

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

@ -49,14 +49,14 @@ import Type2 from '@/components/Form/FiltersType/Type2.vue'
import { ref } from 'vue'
import { DxDataGrid } from 'devextreme-vue'
import {
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
} from 'devextreme-vue/data-grid'
import { jsPDF } from 'jspdf'
import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
@ -65,7 +65,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/graphql'
import { queries } from '@/utils/api/api.graphql'
const currentYear = ref(new Date().getFullYear())
const currentMonth = ref(new Date().getMonth())
@ -147,3 +147,4 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
const filters = ref()
</script>
@/utils/api/graphql

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

@ -49,14 +49,14 @@ import Type2 from '@/components/Form/FiltersType/Type2.vue'
import { ref } from 'vue'
import { DxDataGrid } from 'devextreme-vue'
import {
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
} from 'devextreme-vue/data-grid'
import { jsPDF } from 'jspdf'
import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
@ -65,7 +65,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/graphql'
import { queries } from '@/utils/api/api.graphql'
const currentYear = ref(new Date().getFullYear())
const currentMonth = ref(new Date().getMonth())
@ -147,3 +147,4 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
const filters = ref()
</script>
@/utils/api/graphql

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

@ -64,7 +64,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/graphql'
import { queries } from '@/utils/api/api.graphql'
const position = { of: '#data' }
const showIndicator = ref(true)
const shading = ref(true)
@ -145,3 +145,4 @@ onMounted(() => {
})
const filters = ref()
</script>
@/utils/api/graphql

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

@ -64,7 +64,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/graphql'
import { queries } from '@/utils/api/api.graphql'
const position = { of: '#data' }
const showIndicator = ref(true)
const shading = ref(true)
@ -144,3 +144,4 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
const filters = ref()
</script>
@/utils/api/graphql

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

@ -47,6 +47,7 @@
<template #percent="{ data }">
<p>{{ data.text }}%</p>
</template>
<template #cell-left="{ data }">
<p class="text-left">
{{ data.text }}
@ -62,14 +63,14 @@ import Filters from '@/components/Form/Filters.vue'
import Type2 from '@/components/Form/FiltersType/Type2.vue'
import { DxDataGrid } from 'devextreme-vue'
import {
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
} from 'devextreme-vue/data-grid'
import { jsPDF } from 'jspdf'
import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
@ -77,7 +78,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/graphql'
import { queries } from '@/utils/api/api.graphql'
const position = { of: '#data' }
const showIndicator = ref(true)
@ -162,3 +163,4 @@ const filterData = (params: any) => {
const filters = ref()
</script>
@/utils/api/graphql

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

@ -49,22 +49,22 @@ import Filters from '@/components/Form/Filters.vue'
import Type2 from '@/components/Form/FiltersType/Type2.vue'
import { DxDataGrid } from 'devextreme-vue'
import {
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
} from 'devextreme-vue/data-grid'
import { jsPDF } from 'jspdf'
import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver'
import { exportDataGrid as exportToExcel } from 'devextreme/excel_ exporter'
import { saveAs } from 'fi le-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { queries } from '@/utils/graphql'
import { queries } from '@/utils/api/api.graphql'
const position = { of: '#data' }
const showIndicator = ref(true)
@ -147,3 +147,4 @@ const filterData = (params: any) => {
}
const filters = ref()
</script>
@/utils/api/graphql

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

@ -27,10 +27,10 @@
caption="Total Gangguan" css-class="custom-table-column" />
</DxColumn>
<DxColumn alignment="center" caption="Keluhan Berulang" css-class="custom-table-column">
<DxColumn :width="150" alignment="center" data-field="komplain_pelanggan" data-type="number" caption="Jan 2020"
css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="keluhan_total" data-type="number" caption="Total Keluhan"
css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="komplain_pelanggan" data-type="number"
caption="Jan 2020" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="keluhan_total" data-type="number"
caption="Total Keluhan" css-class="custom-table-column" />
</DxColumn>
</DxColumn>
<DxColumn :min-width="150" alignment="center" data-field="komplain_pelanggan" data-type="number"
@ -39,6 +39,7 @@
<template #percent="{ data }">
<p>{{ data.text }}%</p>
</template>
<template #cell-left="{ data }">
<p class="text-left">
{{ data.text }}
@ -54,22 +55,23 @@ import Filters from '@/components/Form/Filters.vue'
import Type2 from '@/components/Form/FiltersType/Type2.vue'
import { DxDataGrid } from 'devextreme-vue'
import {
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
} from 'devextreme-vue/data-grid'
import { jsPDF } from 'jspdf'
import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { exportDataGrid as exportToExcel } from fro
import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { queries } from '@/utils/graphql'
import { queries } from '@/utils/api/api.graphql'
'devextreme/excel_exporter'
const position = { of: '#data' }
const showIndicator = ref(true)
@ -160,3 +162,4 @@ const filterData = (params: any) => {
}
const filters = ref()
</script>
@/utils/api/graphql

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

@ -17,8 +17,8 @@
<DxExport :enabled="true" :formats="['pdf', 'xlsx', 'document']" :allow-export-selected-data="false" />
<DxColumnFixing :enabled="true" />
<DxColumn :width="170" alignment="center" data-field="nama_ulp" caption="Nama Unit" css-class="custom-table-column"
cell-template="cell-left" />
<DxColumn :width="170" alignment="center" data-field="nama_ulp" caption="Nama Unit"
css-class="custom-table-column" cell-template="cell-left" />
<DxColumn alignment="center" :caption="`s.d ${getMonthName(currentMonth - 1)} ${lastYear}`"
css-class="custom-table-column">
@ -52,8 +52,8 @@
<DxColumn :width="120" alignment="center" data-field="total_informasi_tahun_ini" data-type="number"
caption="Total" css-class="custom-table-column" />
</DxColumn>
<DxColumn alignment="center" caption="Total Komplain" css-class="custom-table-column" data-field="total_tahun_ini"
data-type="number" />
<DxColumn alignment="center" caption="Total Komplain" css-class="custom-table-column"
data-field="total_tahun_ini" data-type="number" />
</DxColumn>
<DxColumn alignment="center" caption="Delta Penurunan" css-class="custom-table-column">
@ -68,8 +68,8 @@
<DxColumn alignment="center" caption="% Penurunan YoY" css-class="custom-table-column">
<DxColumn :width="150" alignment="center" data-field="persen_delta_keluhan" data-type="number" caption="Keluhan"
css-class="custom-table-column" cell-template="percent" />
<DxColumn :width="150" alignment="center" data-field="persen_delta_gangguan" data-type="number" caption="Gangguan"
css-class="custom-table-column" cell-template="percent" />
<DxColumn :width="150" alignment="center" data-field="persen_delta_gangguan" data-type="number"
caption="Gangguan" css-class="custom-table-column" cell-template="percent" />
<DxColumn :width="150" alignment="center" data-field="persen_delta_informasi" data-type="number"
caption="Informasi" css-class="custom-table-column" cell-template="percent" />
<DxColumn :width="150" alignment="center" data-field="persen_delta_total" data-type="number" caption="% Total"
@ -79,6 +79,7 @@
<template #percent="{ data }">
<p>{{ data.text }}%</p>
</template>
<template #cell-left="{ data }">
<p class="text-left">
{{ data.text }}
@ -94,14 +95,14 @@ import Filters from '@/components/Form/Filters.vue'
import Type2 from '@/components/Form/FiltersType/Type2.vue'
import { DxDataGrid } from 'devextreme-vue'
import {
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
DxColumn,
DxColumnFixing,
DxExport,
DxLoadPanel,
DxPaging,
DxScrolling,
DxSearchPanel,
DxSelection
} from 'devextreme-vue/data-grid'
import { jsPDF } from 'jspdf'
import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
@ -110,7 +111,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/graphql'
i mport { queries } from '@/utils/api/api.graphql'
const position = { of: '#data' }
const showIndicator = ref(true)
@ -197,3 +198,4 @@ const filterData = (params: any) => {
const filters = ref()
</script>
@/utils/api/graphql

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

@ -77,7 +77,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/graphql'
import { queries } from '@/utils/api/api.graphql'
const position = { of: '#data' }
const showIndicator = ref(true)
const shading = ref(true)
@ -156,3 +156,4 @@ const filterData = (params: any) => {
}
const filters = ref()
</script>
@/utils/api/graphql

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

@ -61,9 +61,8 @@ import { jsPDF } from 'jspdf'
import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
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/graphql'
import { queries } from '@/utils/api/api.graphql'
const position = { of: '#data' }
const showIndicator = ref(true)
const shading = ref(true)
@ -84,17 +83,17 @@ const onExporting = (e: any) => {
doc.save(`.pdf`)
})
} else {
const workbook = new Workbook()
const workbook = new Wor kbook()
const worksheet = workbook.addWorksheet('Employees')
exportToExcel({
component: e.component,
worksheet,
autoFilterEnabled: true
et,
autoFilterEnable
}).then(() => {
workbook.xlsx.writeBuffer().then((buffer: any) => {
saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx')
})
workbo ok.xlsx.writeBuffer().then((buffer: any) => {
saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx')
})
})
e.cancel = true
@ -142,3 +141,4 @@ const filterData = (params: any) => {
}
const filters = ref()
</script>
@/utils/api/graphql

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

@ -69,13 +69,13 @@ 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/graphql'
import { queries } from '@/utils/api/api.graphql'
const position = { of: '#data' }
const showIndicator = ref(true)
const shading = ref(true)
co nst shading = ref(true)
const showPane = ref(true)
const dataDetail = ref<any>()
const showDetail = ref(false)
con st dataDetail = ref<any>()
const showDetail = ref(fals e)
const data = ref<any[]>([])
const onExporting = (e: any) => {
@ -95,53 +95,51 @@ const onExporting = (e: any) => {
exportToExcel({
component: e.component,
worksheet,
autoFilterEnabled: true
workshe autoFilterEnabled: true
}).then(() => {
workbook.xlsx.writeBuffer().then((buffer: any) => {
saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx')
})
})
book.x eBuffer().then((buffer: any) => {
saveAs(new Blob([bu type: 'application/octet-stream' }), 'DataGrid. }
e.cancel = true
}
}
const onSelectionChanged = ({ selectedRowsData }: any) => {
const data = selectedRowsData[0]
console.log(data)
}
const { onResult, onError, loading, refetch } = useQuery(queries.monalisa.laporan.kumulatif.kepatuhandanAkurasiDalamPelaporanKumulatif, {
regional: '',
idUlp: 0,
idUid: 0,
idUp3: 0,
bulan: 10,
tahun: 2023
})
const filterData = (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
refetch({
regional: regional,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : 10,
tahun: bulan ? tahun.id : 2023
})
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.kepatuhandanAkurasiDalamPelaporanKumulatif
e.cancel = true
}
console.log(queryResult.data)
console.log(queryResult.loading)
console.log(queryResult.networkStatus)
})
onError((error) => {
console.log(error)
})
}
const filters = ref()
const onSelectionChanged = ({ selectedRowsData }: any) => {
const data = selectedRowsData[0]
console.log(data)
}
const { onResult, onError, loading, refetch } = useQuery(queries.monalisa.laporan.kumulatif.kepatuhandanAkurasiDalamPelaporanKumulatif, {
regional: '',
idUlp: 0,
idUid: 0,
idUp3: 0,
bulan: 10,
tahun: 2023
})
const filterData = (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
refetch({
regional: regional,
idUlp: ulp ? ulp.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
bulan: bulan ? bulan.id : 10,
tahun: bulan ? tahun.id : 2023
})
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.kepatuhandanAkurasiDalamPelaporanKumulatif
}
console.log(queryResult.data)
console.log(queryResult.loading)
console.log(queryResult.networkStatus)
})
onError((error) => {
console.log(error)
})
}
const filters = ref()
</script>
@/utils/api/graphql

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

@ -105,12 +105,12 @@ import {
} from 'devextreme-vue/data-grid'
import { jsPDF } from 'jspdf'
import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { exportDataGrid as exportToExcel } from 'devextreme/ex cel_exporter'
import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import { getMonthName } from '@/utils/texts'
import { queries } from '@/utils/graphql'
import { queries } from '@/utils/api/api.graphql'
const position = { of: '#data' }
const showIndicator = ref(true)
const shading = ref(true)
@ -191,3 +191,4 @@ const filterData = (params: any) => {
}
const filters = ref()
</script>
@/utils/api/graphql