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

Update calculateCellValue to calculate-display-value in multiple files

Browse Source
This commit is contained in:
Dede Fuji Abdul
2024-03-29 22:54:58 +07:00
parent 838c33a0eb
commit ecd685227d
45 changed files with 437 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue
View File

@@ -49,11 +49,10 @@
<DxColumn
css-class="custom-table-column"
:width="100"
:width="50"
alignment="center"
:calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1"
data-type="number"
data-field="no"
data-field="number"
caption="No"
cell-template="formatNumber"
/>
@@ -61,12 +60,22 @@
:width="120"
alignment="center"
data-field="nama_uid"
caption="Nama UID"
caption="UID"
css-class="custom-table-column"
:group-index="0"
name="NamaUID"
v-if="filters.groupBy"
/>
<DxColumn
:width="120"
alignment="center"
data-field=""
caption="Seluruh Distribusi"
css-class="custom-table-column"
:group-index="0"
name="Distribusi"
v-else
/>
<DxColumn
:width="170"
alignment="center"
@@ -83,7 +92,7 @@
data-type="number"
caption="Total"
css-class="custom-table-column"
cell-template="formatNumber"
cell-template="formatNumberLaporanTotal"
/>
<DxColumn alignment="center" caption="Sudah Selesai" css-class="custom-table-column">
<DxColumn
@@ -93,7 +102,7 @@
data-type="number"
caption="Jml"
css-class="custom-table-column"
cell-template="formatNumber"
cell-template="formatNumberLaporanJmlSelesai"
/>
<DxColumn
:width="70"
@@ -113,7 +122,7 @@
data-type="number"
caption="Jml"
css-class="custom-table-column"
cell-template="formatNumber"
cell-template="formatNumberLaporanJmlBelumSelesai"
/>
<DxColumn
:width="70"
@@ -251,8 +260,8 @@
<DxTotalItem
summary-type="sum"
display-format="Total"
show-in-column="no"
css-class="text-white !text-right"
show-in-column="Fungsi Bidang"
css-class="text-white !text-left"
/>
<DxTotalItem
summary-type="sum"
@@ -365,12 +374,48 @@
</DxSummary>
<template #formatTime="{ data }">
<p class="cursor-pointer !text-right">
<p class="cursor-pointer !text-right" @click="setAgreementDialog(false, 0)">
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p>
</template>
<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)
? data.column.caption == '%'
@@ -382,7 +427,7 @@
</template>
<template #formatText="{ data }">
<p class="cursor-pointer !text-left">
<p class="cursor-pointer !text-left" @click="setAgreementDialog(false, 0)">
{{ data.text }}
</p>
</template>
@@ -442,7 +487,7 @@
css-class="custom-table-column"
:width="50"
alignment="center"
:calculateCellValue="(item: any) => dataSub.findIndex((i) => i == item) + 1"
:calculate-display-value="(item: any) => dataSub.findIndex((i) => i == item) + 1"
data-type="number"
caption="No"
cell-template="formatNumber"
@@ -783,6 +828,13 @@ 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 setAgreementDialog = (status: boolean, progress: number) => {
agreeToShowDialog.value = status
progressSelected.value = progress
}
const filterData = async (params: any) => {
const dateValue = params.periode.split(' s/d ')
@@ -804,7 +856,19 @@ const filterData = async (params: any) => {
await requestGraphQl(queries.keluhan.rekap.keluhanPenyelesaianPerFungsiBIidang, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.rekapitulasiKeluhanPenyelesaianPerFungsiBidang
if (filters.value.groupBy) {
data.value = [...result.data.data.rekapitulasiKeluhanPenyelesaianPerFungsiBidang]
.sort((a, b) => a.nama_uid.localeCompare(b.nama_uid))
.map((item, index) => {
return { ...item, number: index + 1 }
})
} else {
data.value = [...result.data.data.rekapitulasiKeluhanPenyelesaianPerFungsiBidang].map(
(item, index) => {
return { ...item, number: index + 1 }
}
)
}
} else {
data.value = []
}
@@ -830,7 +894,13 @@ const getDetail = async () => {
: new Date().toISOString().slice(0, 10),
idUlp: selected?.id_ulp ? selected?.id_ulp : 0,
idUid: selected?.id_uid ? selected?.id_uid : 0,
idUp3: selected?.id_up3 ? selected?.id_up3 : 0
idUp3: selected?.id_up3 ? selected?.id_up3 : 0,
namaRegional: selected?.nama_regional ? selected?.nama_regional : '',
isSelesai: progressSelected.value,
media: '',
tanggal: '',
namaIssuetype: '',
namaSubissuetype: ''
}
loadingSubData.value = true
@@ -858,8 +928,10 @@ const clearSelection = () => {
const showDetail = () => {
clearSelection()
dataSubSelected.value = null
dialogDetail.value = true
getDetail()
if (agreeToShowDialog.value) {
dialogDetail.value = true
getDetail()
}
}
const onExporting = (e: any) => {