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

Refactor code to update version numbers and fix bugs in Gangguan and Monalisa components

Browse Source
This commit is contained in:
Dede Fuji Abdul
2024-04-19 19:34:54 +07:00
parent 3a891bf159
commit ee034bacf9
28 changed files with 570 additions and 205 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue
View File

@ -22,7 +22,7 @@
:allow-column-resizing="true"
column-resizing-mode="widget"
>
<DxPaging :page-size="20" :enabled="true" />
<DxPaging :page-size="20" :enabled="true" :page-index="0" />
<DxPager
:visible="true"
:allowed-page-sizes="[20, 50, 100]"
@ -351,7 +351,6 @@ import { DxDataGrid } from 'devextreme-vue'
import {
DxColumn,
DxExport,
DxLoadPanel,
DxPager,
DxPaging,
DxSearchPanel,

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

@ -589,13 +589,13 @@
</DxSummary>
<template #formatText="{ data }">
<p class="text-left cursor-pointer" @click="setAgreementDialog(data.column.caption)">
<p class="text-left cursor-pointer" @click="setDialogStatus(data.column.caption)">
{{ data.text }}
</p>
</template>
<template #formatNumber="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(data.column.caption)">
<p class="text-right cursor-pointer" @click="setDialogStatus(data.column.caption)">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -607,7 +607,7 @@
</template>
<template #formatTime="{ data }">
<p class="cursor-pointer" @click="setAgreementDialog(data.column.caption)">
<p class="cursor-pointer" @click="setDialogStatus(data.column.caption)">
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p>
</template>
@ -616,7 +616,7 @@
<p
class="text-right cursor-pointer"
:class="[data.text < 5 ? 'text-green-500' : 'text-red-500']"
@click="setAgreementDialog(data.column.caption)"
@click="setDialogStatus(data.column.caption)"
>
{{
isNumber(data.text)
@ -632,7 +632,7 @@
<p
class="text-right cursor-pointer"
:class="[data.text < 45 ? 'text-green-500' : 'text-red-500']"
@click="setAgreementDialog(data.column.caption)"
@click="setDialogStatus(data.column.caption)"
>
{{
isNumber(data.text)
@ -648,7 +648,7 @@
<p
class="text-right cursor-pointer"
:class="[data.text < 180 ? 'text-green-500' : 'text-red-500']"
@click="setAgreementDialog(data.column.caption)"
@click="setDialogStatus(data.column.caption)"
>
{{
isNumber(data.text)
@ -1191,7 +1191,7 @@ const dialogDetail = ref(false)
const closedialogDetail = () => (dialogDetail.value = false)
const loadingData = ref(false)
const loadingSubData = ref(false)
const agreeToShowDialog = ref(false)
const isDialogEnabled = ref(false)
const progressSelected = ref(0)
const groupIndex = ref(0)
const groupDialog = ref(false)
@ -1226,7 +1226,7 @@ const onCellClicked = (e: any) => {
groupDialog.value = true
groupIndex.value = e.row.groupIndex
setAgreementDialog(e.column.caption)
setDialogStatus(e.column.caption)
groupData.value = getDataRowGroup(e.data)
showDetail()
} else {
@ -1234,9 +1234,9 @@ const onCellClicked = (e: any) => {
}
}
const setAgreementDialog = (column: string) => {
const setDialogStatus = (column: string) => {
if (column == 'Total' || column == 'Selesai' || column == 'In Progress') {
agreeToShowDialog.value = true
isDialogEnabled.value = true
if (column == 'Total') {
progressSelected.value = 0
} else if (column == 'Selesai') {
@ -1245,7 +1245,7 @@ const setAgreementDialog = (column: string) => {
progressSelected.value = 2
}
} else {
agreeToShowDialog.value = false
isDialogEnabled.value = false
}
}
@ -1580,7 +1580,7 @@ const clearSelection = () => {
}
const showDetail = () => {
clearSelection()
if (agreeToShowDialog.value) {
if (isDialogEnabled.value) {
dataSub.value = []
dataSubSelected.value = null
getDetail()

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

@ -480,7 +480,7 @@ const closedialogDetail = () => (dialogDetail.value = false)
const loadingData = ref(false)
const loadingSubData = ref(false)
const monthSelected = ref<any>(null)
const agreeToShowDialog = ref(false)
const isDialogEnabled = ref(false)
const groupIndex = ref(0)
const groupDialog = ref(false)
const groupData = ref<any>(null)

18
src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue
View File

@ -334,13 +334,13 @@
</DxColumn>
<template #formatText="{ data }">
<p class="text-left" @click="setAgreementDialog(data.column.caption)">
<p class="text-left" @click="setDialogStatus(data.column.caption)">
{{ data.text }}
</p>
</template>
<template #formatNumber="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(data.column.caption)">
<p class="text-right cursor-pointer" @click="setDialogStatus(data.column.caption)">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -352,13 +352,13 @@
</template>
<template #formatPercentage="{ data }">
<p class="text-right" @click="setAgreementDialog(data.column.caption)">
<p class="text-right" @click="setDialogStatus(data.column.caption)">
{{ parseFloat(data.text) ? formatPercentage(data.text) : '0%' }}
</p>
</template>
<template #formatTime="{ data }">
<p class="!text-right" @click="setAgreementDialog(data.column.caption)">
<p class="!text-right" @click="setDialogStatus(data.column.caption)">
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p>
</template>
@ -797,7 +797,7 @@ const dialogDetail = ref(false)
const loadingData = ref(false)
const loadingSubData = ref(false)
const progressSelected = ref(0)
const agreeToShowDialog = ref(false)
const isDialogEnabled = ref(false)
const reportMeta = ref({
uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' },
up3: { id: 0, name: 'Semua Unit Pelaksanaan Pelayanan Pelanggan' },
@ -805,9 +805,9 @@ const reportMeta = ref({
periode: ''
})
const setAgreementDialog = (column: string) => {
const setDialogStatus = (column: string) => {
if (column == 'd=(e+g)' || column == 'e' || column == 'g') {
agreeToShowDialog.value = true
isDialogEnabled.value = true
if (column == 'd=(e+g)') {
progressSelected.value = 0
} else if (column == 'e') {
@ -816,7 +816,7 @@ const setAgreementDialog = (column: string) => {
progressSelected.value = 2
}
} else {
agreeToShowDialog.value = false
isDialogEnabled.value = false
}
}
@ -864,7 +864,7 @@ const clearSelection = () => {
}
const showDetail = () => {
clearSelection()
if (agreeToShowDialog.value) {
if (isDialogEnabled.value) {
dataSub.value = []
dataSubSelected.value = null
getDetail()

20
src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue
View File

@ -277,13 +277,13 @@
</DxColumn>
<template #formatText="{ data }">
<p class="text-left cursor-pointer" @click="setAgreementDialog(false, 0)">
<p class="text-left cursor-pointer" @click="setDialogStatus(false, 0)">
{{ data.text }}
</p>
</template>
<template #formatNumber="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(false, 0)">
<p class="text-right cursor-pointer" @click="setDialogStatus(false, 0)">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -295,7 +295,7 @@
</template>
<template #formatNumberLaporanTotal="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(true, 0)">
<p class="text-right cursor-pointer" @click="setDialogStatus(true, 0)">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -307,7 +307,7 @@
</template>
<template #formatNumberLaporanJmlSelesai="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(true, 1)">
<p class="text-right cursor-pointer" @click="setDialogStatus(true, 1)">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -319,7 +319,7 @@
</template>
<template #formatNumberLaporanJmlBelumSelesai="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(true, 2)">
<p class="text-right cursor-pointer" @click="setDialogStatus(true, 2)">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -331,7 +331,7 @@
</template>
<template #formatTime="{ data }">
<p class="!text-right cursor-pointer" @click="setAgreementDialog(false, 0)">
<p class="!text-right cursor-pointer" @click="setDialogStatus(false, 0)">
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p>
</template>
@ -1011,7 +1011,7 @@ const reportMeta = ref({
posko: { id: 0, name: 'Semua Posko' },
periode: ''
})
const agreeToShowDialog = ref(false)
const isDialogEnabled = ref(false)
const progressSelected = ref(0)
let total = 0
@ -1131,8 +1131,8 @@ const calculateCustomSummary = (options: any) => {
}
}
const setAgreementDialog = (status: boolean, progress: number) => {
agreeToShowDialog.value = status
const setDialogStatus = (status: boolean, progress: number) => {
isDialogEnabled.value = status
progressSelected.value = progress
}
@ -1248,7 +1248,7 @@ const showDetail = () => {
clearSelection()
dataSub.value = []
dataSubSelected.value = null
if (agreeToShowDialog.value) {
if (isDialogEnabled.value) {
getDetail()
}
}

20
src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue
View File

@ -557,13 +557,13 @@
</DxSummary>
<template #formatText="{ data }">
<p class="text-left cursor-pointer" @click="setAgreementDialog(false, 0)">
<p class="text-left cursor-pointer" @click="setDialogStatus(false, 0)">
{{ data.text }}
</p>
</template>
<template #formatNumber="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(false, 0)">
<p class="text-right cursor-pointer" @click="setDialogStatus(false, 0)">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -575,7 +575,7 @@
</template>
<template #formatNumberLaporanTotal="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(true, 0)">
<p class="text-right cursor-pointer" @click="setDialogStatus(true, 0)">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -587,7 +587,7 @@
</template>
<template #formatNumberLaporanJmlSelesai="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(true, 1)">
<p class="text-right cursor-pointer" @click="setDialogStatus(true, 1)">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -599,7 +599,7 @@
</template>
<template #formatNumberLaporanJmlBelumSelesai="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(true, 2)">
<p class="text-right cursor-pointer" @click="setDialogStatus(true, 2)">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -611,7 +611,7 @@
</template>
<template #formatTime="{ data }">
<p class="!text-right cursor-pointer" @click="setAgreementDialog(false, 0)">
<p class="!text-right cursor-pointer" @click="setDialogStatus(false, 0)">
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p>
</template>
@ -999,7 +999,7 @@ const reportMeta = ref({
up3: { id: 0, name: 'Semua Unit Pelaksanaan Pelayanan Pelanggan' },
periode: ''
})
const agreeToShowDialog = ref(false)
const isDialogEnabled = ref(false)
const progressSelected = ref(0)
let total = 0
@ -1119,8 +1119,8 @@ const calculateCustomSummary = (options: any) => {
}
}
const setAgreementDialog = (status: boolean, progress: number) => {
agreeToShowDialog.value = status
const setDialogStatus = (status: boolean, progress: number) => {
isDialogEnabled.value = status
progressSelected.value = progress
}
@ -1173,7 +1173,7 @@ const showDetail = () => {
clearSelection()
dataSub.value = []
dataSubSelected.value = null
if (agreeToShowDialog.value) {
if (isDialogEnabled.value) {
getDetail()
}
}

22
src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue
View File

@ -560,19 +560,19 @@
</DxSummary>
<template #formatText="{ data }">
<p class="text-left cursor-pointer" @click="setAgreementDialog(false, 0)">
<p class="text-left cursor-pointer" @click="setDialogStatus(false, 0)">
{{ data.text }}
</p>
</template>
<template #formatNumbering="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(false, 0)">
<p class="text-right cursor-pointer" @click="setDialogStatus(false, 0)">
{{ data.rowIndex }}
</p>
</template>
<template #formatNumber="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(false, 0)">
<p class="text-right cursor-pointer" @click="setDialogStatus(false, 0)">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -584,7 +584,7 @@
</template>
<template #formatNumberLaporanTotal="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(true, 0)">
<p class="text-right cursor-pointer" @click="setDialogStatus(true, 0)">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -596,7 +596,7 @@
</template>
<template #formatNumberLaporanJmlSelesai="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(true, 1)">
<p class="text-right cursor-pointer" @click="setDialogStatus(true, 1)">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -608,7 +608,7 @@
</template>
<template #formatNumberLaporanJmlBelumSelesai="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(true, 2)">
<p class="text-right cursor-pointer" @click="setDialogStatus(true, 2)">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -619,7 +619,7 @@
</p>
</template>
<template #formatTime="{ data }" @click="setAgreementDialog(false, 0)">
<template #formatTime="{ data }" @click="setDialogStatus(false, 0)">
<p class="!text-right">
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p>
@ -1014,7 +1014,7 @@ const grouping = ref<any[]>([
caption: 'Seluruh Unit'
}
])
const agreeToShowDialog = ref(false)
const isDialogEnabled = ref(false)
const progressSelected = ref(0)
const isGroupBy = ref(false)
@ -1135,8 +1135,8 @@ const calculateCustomSummary = (options: any) => {
}
}
const setAgreementDialog = (status: boolean, progress: number) => {
agreeToShowDialog.value = status
const setDialogStatus = (status: boolean, progress: number) => {
isDialogEnabled.value = status
progressSelected.value = progress
}
@ -1189,7 +1189,7 @@ const showDetail = () => {
clearSelection()
dataSub.value = []
dataSubSelected.value = null
if (agreeToShowDialog.value) {
if (isDialogEnabled.value) {
getDetail()
}
}

20
src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue
View File

@ -267,13 +267,13 @@
</DxColumn>
<template #formatText="{ data }">
<p class="text-left cursor-pointer" @click="setAgreementDialog(false, 0)">
<p class="text-left cursor-pointer" @click="setDialogStatus(false, 0)">
{{ data.text }}
</p>
</template>
<template #formatNumber="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(false, 0)">
<p class="text-right cursor-pointer" @click="setDialogStatus(false, 0)">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -285,7 +285,7 @@
</template>
<template #formatNumberLaporanTotal="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(true, 0)">
<p class="text-right cursor-pointer" @click="setDialogStatus(true, 0)">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -297,7 +297,7 @@
</template>
<template #formatNumberLaporanJmlSelesai="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(true, 1)">
<p class="text-right cursor-pointer" @click="setDialogStatus(true, 1)">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -309,7 +309,7 @@
</template>
<template #formatNumberLaporanJmlBelumSelesai="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(true, 2)">
<p class="text-right cursor-pointer" @click="setDialogStatus(true, 2)">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -321,7 +321,7 @@
</template>
<template #formatTime="{ data }">
<p class="!text-right cursor-pointer" @click="setAgreementDialog(false, 0)">
<p class="!text-right cursor-pointer" @click="setDialogStatus(false, 0)">
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p>
</template>
@ -859,12 +859,12 @@ const grouping = ref<any[]>([
caption: 'Seluruh Unit'
}
])
const agreeToShowDialog = ref(false)
const isDialogEnabled = ref(false)
const progressSelected = ref(0)
const isGroupBy = ref(false)
const setAgreementDialog = (status: boolean, progress: number) => {
agreeToShowDialog.value = status
const setDialogStatus = (status: boolean, progress: number) => {
isDialogEnabled.value = status
progressSelected.value = progress
}
@ -960,7 +960,7 @@ const showDetail = () => {
clearSelection()
dataSub.value = []
dataSubSelected.value = null
if (agreeToShowDialog.value) {
if (isDialogEnabled.value) {
getDetail()
}
}

4
src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue
View File

@ -956,8 +956,8 @@ const getDetail = async () => {
dialogDetail.value = true
})
}
// const setAgreementDialog = (status: boolean, progress: number) => {
// agreeToShowDialog.value = status
// const setDialogStatus = (status: boolean, progress: number) => {
// isDialogEnabled.value = status
// progressSelected.value = progress
// }