Update MonalisaKR_JumlahDDRPTRCTKeluhan.vue with dynamic month and year

This commit is contained in:
Dede Fuji Abdul 2024-03-01 20:47:07 +07:00
parent 746bd8ee0b
commit 2692d7e53f

View File

@ -19,7 +19,8 @@
<DxColumn :width="200" alignment="center" data-field="nama_posko" caption="Nama Unit"
css-class="custom-table-column" />
<DxColumn alignment="center" caption="Jumlah dan Durasi RPT & RCT Keluhan" css-class="custom-table-column">
<DxColumn alignment="center" caption="Januari 2021" css-class="custom-table-column">
<DxColumn alignment="center" :caption="`${getMonthName(currentMonth)} ${currentYear}`"
css-class="custom-table-column">
<DxColumn alignment="center" caption="Total RPT" css-class="custom-table-column">
<DxColumn :width="150" alignment="center" caption="a" data-type="number" data-field=""
css-class="custom-table-column" />
@ -45,7 +46,8 @@
css-class="custom-table-column" />
</DxColumn>
</DxColumn>
<DxColumn alignment="center" caption="s.d Januari 2021" css-class="custom-table-column">
<DxColumn alignment="center" :caption="`s.d ${getMonthName(currentMonth)} ${currentYear}`"
css-class="custom-table-column">
<DxColumn alignment="center" caption="Total RPT" css-class="custom-table-column">
<DxColumn :width="150" alignment="center" caption="a" data-type="number" data-field=""
css-class="custom-table-column" />
@ -98,6 +100,7 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import gql from 'graphql-tag'
import { getMonthName } from '@/utils/texts'
const position = { of: '#data' }
const showIndicator = ref(true)
const shading = ref(true)
@ -105,6 +108,9 @@ const showPane = ref(true)
const data = ref<any[]>([])
const dataDetail = ref<any>()
const showDetail = ref(false)
const currentYear = ref(new Date().getFullYear())
const currentMonth = ref(new Date().getMonth() + 1)
const lastYear = ref(new Date().getFullYear() - 1)
const onExporting = (e: any) => {
if (e.format === 'pdf') {
@ -187,6 +193,9 @@ const { onResult, onError, loading, refetch } = useQuery(monalisaJumlahDurasiRpt
})
const filterData = (params: any) => {
const { regional, ulp, uid, up3, bulan, tahun } = params
currentYear.value = tahun.id
currentMonth.value = bulan.id
lastYear.value = tahun.id - 1
refetch({
regional: regional,