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

Update table cell templates in RGangguan_RatingPerPosko.vue

Browse Source
This commit is contained in:
Dede Fuji Abdul 2024-03-31 00:17:31 +07:00
parent fe31fe33be
commit 3612a6cf66
2 changed files with 123 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -98,7 +98,7 @@
data-type="number" data-type="number"
caption="Jml" caption="Jml"
css-class="custom-table-column" css-class="custom-table-column"
cell-template="formatNumberLaporanJmlSelesai" cell-template="formatNumberLaporanJmlBelumSelesai"
/> />
<DxColumn <DxColumn
alignment="center" alignment="center"
@ -116,7 +116,7 @@
data-type="number" data-type="number"
caption="Jml" caption="Jml"
css-class="custom-table-column" css-class="custom-table-column"
cell-template="formatNumberLaporanJmlBelumSelesai" cell-template="formatNumberLaporanJmlSelesai"
/> />
<DxColumn <DxColumn
alignment="center" alignment="center"
@ -209,19 +209,55 @@
</DxColumn> </DxColumn>
<template #formatText="{ data }"> <template #formatText="{ data }">
<p class="text-left cursor-pointer"> <p class="text-left cursor-pointer" @click="setAgreementDialog(false, 0)">
{{ data.text }} {{ data.text }}
</p> </p>
</template> </template>
<template #formatPercentage="{ data }"> <template #formatPercentage="{ data }">
<p class="text-right cursor-pointer"> <p class="text-right cursor-pointer" @click="setAgreementDialog(false, 0)">
{{ isNumber(data.text) ? formatPercentage(data.text) : data.text }} {{ isNumber(data.text) ? formatPercentage(data.text) : data.text }}
</p> </p>
</template> </template>
<template #formatNumber="{ data }"> <template #formatNumber="{ data }">
<p class="text-right cursor-pointer"> <p class="text-right cursor-pointer" @click="setAgreementDialog(false, 0)">
{{
isNumber(data.text)
? data.column.caption == '%'
? formatPercentage(data.text)
: formatNumber(data.text)
: data.text
}}
</p>
</template>
<template #formatNumberLaporanTotal="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(true, 0)">
{{
isNumber(data.text)
? data.column.caption == '%'
? formatPercentage(data.text)
: formatNumber(data.text)
: data.text
}}
</p>
</template>
<template #formatNumberLaporanJmlSelesai="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(true, 1)">
{{
isNumber(data.text)
? data.column.caption == '%'
? formatPercentage(data.text)
: formatNumber(data.text)
: data.text
}}
</p>
</template>
<template #formatNumberLaporanJmlBelumSelesai="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(true, 2)">
{{ {{
isNumber(data.text) isNumber(data.text)
? data.column.caption == '%' ? data.column.caption == '%'
@ -233,7 +269,7 @@
</template> </template>
<template #formatTime="{ data }"> <template #formatTime="{ data }">
<p class="!text-right cursor-pointer"> <p class="!text-right cursor-pointer" @click="setAgreementDialog(false, 0)">
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }} {{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p> </p>
</template> </template>
@ -659,6 +695,13 @@ const reportMeta = ref({
up3: { id: 0, name: 'Semua Unit Pelaksanaan Pelayanan Pelanggan' }, up3: { id: 0, name: 'Semua Unit Pelaksanaan Pelayanan Pelanggan' },
periode: '' periode: ''
}) })
const agreeToShowDialog = ref(false)
const progressSelected = ref(0)
const setAgreementDialog = (status: boolean, progress: number) => {
agreeToShowDialog.value = status
progressSelected.value = progress
}
const getDetail = async () => { const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ') const dateValue = filters.value.periode.split(' s/d ')
@ -678,7 +721,7 @@ const getDetail = async () => {
idUlp: ref?.id_ulp ? ref?.id_ulp : 0, idUlp: ref?.id_ulp ? ref?.id_ulp : 0,
namaRegional: ref?.nama_regional ? ref?.nama_regional : '', namaRegional: ref?.nama_regional ? ref?.nama_regional : '',
media: ref?.media ? ref?.media : '', media: ref?.media ? ref?.media : '',
isSelesai: 0, isSelesai: progressSelected.value,
tanggal: '', tanggal: '',
namaIssuetype: '', namaIssuetype: '',
namaSubissuetype: '' namaSubissuetype: ''
@ -710,8 +753,10 @@ const showDetail = () => {
clearSelection() clearSelection()
dataSub.value = [] dataSub.value = []
dataSubSelected.value = null dataSubSelected.value = null
dialogDetail.value = true if (agreeToShowDialog.value) {
getDetail() dialogDetail.value = true
getDetail()
}
} }
const closeDialog = () => { const closeDialog = () => {
dialogDetail.value = false dialogDetail.value = false
@ -738,18 +783,23 @@ const onExportingDetail = (e: any) => {
const onSelectionChanged = ({ selectedRowsData }: any) => { const onSelectionChanged = ({ selectedRowsData }: any) => {
if (selectedRowsData[0] != undefined) { if (selectedRowsData[0] != undefined) {
dataSelected.value = selectedRowsData[0] dataSelected.value = selectedRowsData[0]
showDetail()
} }
showDetail()
} }
const onDataSubSelectionChanged = ({ selectedRowsData }: any) => { const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
if (selectedRowsData[0] != undefined) { if (selectedRowsData[0] != undefined) {
dataSubSelected.value = selectedRowsData[0] dataSubSelected.value = selectedRowsData[0]
} }
console.log(dataSubSelected) }
const resetData = () => {
data.value = []
dataSub.value = []
} }
const filterData = async (params: any) => { const filterData = async (params: any) => {
resetData()
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params const { posko, uid, up3 } = params

74
src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerRegu.vue
View File

@ -77,7 +77,7 @@
data-type="number" data-type="number"
caption="Total" caption="Total"
css-class="custom-table-column" css-class="custom-table-column"
cell-template="formatNumber" cell-template="formatNumberLaporanTotal"
/> />
<DxColumn alignment="center" caption="Belum Selesai" css-class="custom-table-column"> <DxColumn alignment="center" caption="Belum Selesai" css-class="custom-table-column">
<DxColumn <DxColumn
@ -86,7 +86,7 @@
data-type="number" data-type="number"
caption="Jml" caption="Jml"
css-class="custom-table-column" css-class="custom-table-column"
cell-template="formatNumber" cell-template="formatNumberLaporanJmlBelumSelesai"
/> />
<DxColumn <DxColumn
alignment="center" alignment="center"
@ -104,7 +104,7 @@
data-type="number" data-type="number"
caption="Jml" caption="Jml"
css-class="custom-table-column" css-class="custom-table-column"
cell-template="formatNumber" cell-template="formatNumberLaporanJmlSelesai"
/> />
<DxColumn <DxColumn
alignment="center" alignment="center"
@ -199,19 +199,55 @@
</DxColumn> </DxColumn>
<template #formatText="{ data }"> <template #formatText="{ data }">
<p class="text-left cursor-pointer"> <p class="text-left cursor-pointer" @click="setAgreementDialog(false, 0)">
{{ data.text }} {{ data.text }}
</p> </p>
</template> </template>
<template #formatPercentage="{ data }"> <template #formatPercentage="{ data }">
<p class="text-right cursor-pointer"> <p class="text-right cursor-pointer" @click="setAgreementDialog(false, 0)">
{{ parseFloat(data.text) ? formatPercentage(data.text) : '0%' }} {{ parseFloat(data.text) ? formatPercentage(data.text) : '0%' }}
</p> </p>
</template> </template>
<template #formatNumber="{ data }"> <template #formatNumber="{ data }">
<p class="text-right cursor-pointer"> <p class="text-right cursor-pointer" @click="setAgreementDialog(false, 0)">
{{
isNumber(data.text)
? data.column.caption == '%'
? formatPercentage(data.text)
: formatNumber(data.text)
: data.text
}}
</p>
</template>
<template #formatNumberLaporanTotal="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(true, 0)">
{{
isNumber(data.text)
? data.column.caption == '%'
? formatPercentage(data.text)
: formatNumber(data.text)
: data.text
}}
</p>
</template>
<template #formatNumberLaporanJmlSelesai="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(true, 1)">
{{
isNumber(data.text)
? data.column.caption == '%'
? formatPercentage(data.text)
: formatNumber(data.text)
: data.text
}}
</p>
</template>
<template #formatNumberLaporanJmlBelumSelesai="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(true, 2)">
{{ {{
isNumber(data.text) isNumber(data.text)
? data.column.caption == '%' ? data.column.caption == '%'
@ -223,7 +259,7 @@
</template> </template>
<template #formatTime="{ data }"> <template #formatTime="{ data }">
<p class="!text-right cursor-pointer"> <p class="!text-right cursor-pointer" @click="setAgreementDialog(false, 0)">
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }} {{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p> </p>
</template> </template>
@ -650,6 +686,13 @@ const reportMeta = ref({
posko: { id: 0, name: 'Semua Posko' }, posko: { id: 0, name: 'Semua Posko' },
periode: '' periode: ''
}) })
const agreeToShowDialog = ref(false)
const progressSelected = ref(0)
const setAgreementDialog = (status: boolean, progress: number) => {
agreeToShowDialog.value = status
progressSelected.value = progress
}
const getDetail = async () => { const getDetail = async () => {
const dateValue = filters.value.periode.split(' s/d ') const dateValue = filters.value.periode.split(' s/d ')
@ -669,7 +712,7 @@ const getDetail = async () => {
idUlp: ref?.id_ulp ? ref?.id_ulp : 0, idUlp: ref?.id_ulp ? ref?.id_ulp : 0,
namaRegional: ref?.nama_regional ? ref?.nama_regional : '', namaRegional: ref?.nama_regional ? ref?.nama_regional : '',
media: ref?.media ? ref?.media : '', media: ref?.media ? ref?.media : '',
isSelesai: 0, isSelesai: progressSelected.value,
tanggal: '', tanggal: '',
namaIssuetype: '', namaIssuetype: '',
namaSubissuetype: '' namaSubissuetype: ''
@ -703,8 +746,10 @@ const showDetail = () => {
clearSelection() clearSelection()
dataSub.value = [] dataSub.value = []
dataSubSelected.value = null dataSubSelected.value = null
dialogDetail.value = true if (agreeToShowDialog.value) {
getDetail() dialogDetail.value = true
getDetail()
}
} }
const closeDialog = () => { const closeDialog = () => {
@ -732,18 +777,23 @@ const onExportingDetail = (e: any) => {
const onDataSelectionChanged = ({ selectedRowsData }: any) => { const onDataSelectionChanged = ({ selectedRowsData }: any) => {
if (selectedRowsData[0] != undefined) { if (selectedRowsData[0] != undefined) {
dataSelected.value = selectedRowsData[0] dataSelected.value = selectedRowsData[0]
showDetail()
} }
showDetail()
} }
const onDataSubSelectionChanged = ({ selectedRowsData }: any) => { const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
if (selectedRowsData[0] != undefined) { if (selectedRowsData[0] != undefined) {
dataSubSelected.value = selectedRowsData[0] dataSubSelected.value = selectedRowsData[0]
} }
console.log(dataSubSelected) }
const resetData = () => {
data.value = []
dataSub.value = []
} }
const filterData = async (params: any) => { const filterData = async (params: any) => {
resetData()
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
const { posko, uid, up3 } = params const { posko, uid, up3 } = params