Update pagination and allowed page sizes in RGangguan_ALL.vue and add summary and group items in RGangguan_JenisGangguanSE.vue

This commit is contained in:
Dede Fuji Abdul
2024-03-13 00:38:50 +07:00
parent 772f893d83
commit ae33b9b3a6
3 changed files with 204 additions and 42 deletions

View File

@@ -20,7 +20,6 @@
:row-alternation-enabled="true"
:hover-state-enabled="true"
@selection-changed="onSelectionChanged"
:column-width="100"
@exporting="onExporting"
:allow-column-resizing="true"
column-resizing-mode="widget"
@@ -257,135 +256,146 @@
:show-in-group-footer="true"
column="no"
display-format="Total"
cell-template="formatNumber"
css-class="!text-left"
/>
<DxGroupItem
:show-in-group-footer="true"
column="laporan.total"
summary-type="sum"
display-format="{0}"
cell-template="formatNumber"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
<DxGroupItem
:show-in-group-footer="true"
column="laporan.sudahSelesai.jml"
summary-type="sum"
display-format="{0}"
cell-template="formatNumber"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
<DxGroupItem
:show-in-group-footer="true"
column="laporan.sudahSelesai.persen"
summary-type="sum"
summary-type="avg"
display-format="{0}"
cell-template="formatNumber"
css-class="!text-right"
:customize-text="(e: any) => formatPercentage(parseFloat(e.value.toString()))"
/>
<DxGroupItem
:show-in-group-footer="true"
column="laporan.belumSelesai.jml"
summary-type="sum"
display-format="{0}"
cell-template="formatNumber"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
<DxGroupItem
:show-in-group-footer="true"
column="laporan.belumSelesai.persen"
summary-type="sum"
summary-type="avg"
display-format="{0}"
cell-template="formatNumber"
css-class="!text-right"
:customize-text="(e: any) => formatPercentage(parseFloat(e.value.toString()))"
/>
<DxGroupItem
:show-in-group-footer="true"
column="responseTime.menit.total"
summary-type="sum"
display-format="{0}"
cell-template="formatNumber"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
<DxGroupItem
:show-in-group-footer="true"
column="responseTime.menit.rataRata"
summary-type="sum"
summary-type="avg"
display-format="{0}"
cell-template="formatNumber"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
<DxGroupItem
:show-in-group-footer="true"
column="responseTime.menit.max"
summary-type="sum"
summary-type="max"
display-format="{0}"
cell-template="formatNumber"
css-class="!text-right"
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
/>
<DxGroupItem
:show-in-group-footer="true"
column="responseTime.menit.min"
summary-type="sum"
summary-type="min"
display-format="{0}"
cell-template="formatNumber"
css-class="!text-right"
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
/>
<DxGroupItem
:show-in-group-footer="true"
column="responseTime.laporan.lebihSla"
summary-type="sum"
display-format="{0}"
cell-template="formatNumber"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
<DxGroupItem
:show-in-group-footer="true"
column="responseTime.laporan.kurangSla"
summary-type="sum"
display-format="{0}"
cell-template="formatNumber"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
<DxGroupItem
:show-in-group-footer="true"
column="recoveryTime.menit.total"
summary-type="sum"
display-format="{0}"
cell-template="formatNumber"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
<DxGroupItem
:show-in-group-footer="true"
column="recoveryTime.menit.rataRata"
summary-type="sum"
summary-type="avg"
display-format="{0}"
cell-template="formatNumber"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
<DxGroupItem
:show-in-group-footer="true"
column="recoveryTime.menit.max"
summary-type="sum"
summary-type="max"
display-format="{0}"
cell-template="formatNumber"
css-class="!text-right"
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
/>
<DxGroupItem
:show-in-group-footer="true"
column="recoveryTime.menit.min"
summary-type="sum"
summary-type="min"
display-format="{0}"
cell-template="formatNumber"
css-class="!text-right"
:customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
/>
<DxGroupItem
:show-in-group-footer="true"
column="recoveryTime.laporan.lebihSla"
summary-type="sum"
display-format="{0}"
cell-template="formatNumber"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
<DxGroupItem
:show-in-group-footer="true"
column="recoveryTime.laporan.kurangSla"
summary-type="sum"
display-format="{0}"
cell-template="formatNumber"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
/>
</DxSummary>
<template #cellCenter="{ data }">
<p class="cursor-pointer">
{{ data.text }}
</p>
</template>
<template #formatText="{ data }">
<p class="text-left cursor-pointer">
{{ data.text }}