Update table columns and grouping settings

This commit is contained in:
Dede Fuji Abdul
2024-03-31 21:16:49 +07:00
parent 8f7f16d8d1
commit 1ac1575802
30 changed files with 792 additions and 156 deletions

View File

@@ -26,7 +26,7 @@
column-resizing-mode="widget"
:word-wrap-enabled="true"
>
<DxGrouping expand-mode="rowClick" />
<DxGrouping expand-mode="rowClick" :auto-expand-all="false" />
<DxSelection mode="single" />
<DxPaging :enabled="false" />
<DxScrolling column-rendering-mode="virtual" mode="virtual" />
@@ -57,27 +57,35 @@
/>
<DxColumn
alignment="center"
:min-width="170"
data-type="text"
data-field="nama_regional"
caption="Regional"
css-class="custom-table-column"
cell-template="formatText"
:group-index="0"
name="namaRegional"
/>
<DxColumn
alignment="center"
data-field="nama_uid"
:min-width="170"
data-type="text"
data-field="id_uid"
caption="UID"
css-class="custom-table-column"
cell-template="formatText"
:group-index="1"
name="namaUID"
:calculate-group-value="(rowData: any) => rowData.nama_uid"
/>
<DxColumn
alignment="center"
data-field="nama_up3"
:min-width="170"
data-type="text"
data-field="id_up3"
caption="UP3"
css-class="custom-table-column"
cell-template="formatText"
:group-index="2"
:group-index="1"
name="namaUID"
:calculate-group-value="(rowData: any) => rowData.nama_up3"
/>
<DxColumn
alignment="center"
@@ -236,6 +244,7 @@
:align-by-column="true"
summary-type="sum"
show-in-column="total_durasi_response_time_bulan_ini"
column="total_durasi_response_time_bulan_ini"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
@@ -244,6 +253,7 @@
:align-by-column="true"
summary-type="sum"
show-in-column="jumlah_keluhan_rpt_bulan"
column="jumlah_keluhan_rpt_bulan"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
@@ -252,6 +262,7 @@
:align-by-column="true"
summary-type="sum"
show-in-column="rpt_keluhan_bulan"
column="rpt_keluhan_bulan"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
@@ -260,6 +271,7 @@
:align-by-column="true"
summary-type="sum"
show-in-column="total_rct_bulan"
column="total_rct_bulan"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
@@ -268,6 +280,7 @@
:align-by-column="true"
summary-type="sum"
show-in-column="jumlah_keluhan_rct_bulan"
column="jumlah_keluhan_rct_bulan"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
@@ -276,6 +289,7 @@
:align-by-column="true"
summary-type="sum"
show-in-column="rct_keluhan_bulan"
column="rct_keluhan_bulan"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
@@ -284,6 +298,7 @@
:align-by-column="true"
summary-type="sum"
show-in-column="total_durasi_response_time_tahun_ini"
column="total_durasi_response_time_tahun_ini"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
@@ -292,6 +307,7 @@
:align-by-column="true"
summary-type="sum"
show-in-column="jumlah_keluhan_rpt_sampai_bulan"
column="jumlah_keluhan_rpt_sampai_bulan"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
@@ -300,6 +316,7 @@
:align-by-column="true"
summary-type="sum"
show-in-column="rpt_keluhan_sampai_bulan"
column="rpt_keluhan_sampai_bulan"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
@@ -308,6 +325,7 @@
:align-by-column="true"
summary-type="sum"
show-in-column="total_durasi_recovery_time_tahun_ini"
column="total_durasi_recovery_time_tahun_ini"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
@@ -316,6 +334,7 @@
:align-by-column="true"
summary-type="sum"
show-in-column="jumlah_keluhan_rct_sampai_bulan"
column="jumlah_keluhan_rct_sampai_bulan"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
@@ -324,6 +343,7 @@
:align-by-column="true"
summary-type="sum"
show-in-column="rch_keluhan_sampai_bulan"
column="rch_keluhan_sampai_bulan"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>

View File

@@ -25,7 +25,7 @@
column-resizing-mode="widget"
:word-wrap-enabled="true"
>
<DxGrouping expand-mode="rowClick" />
<DxGrouping expand-mode="rowClick" :auto-expand-all="false" />
<DxSelection mode="single" />
<DxPaging :enabled="false" />
<DxScrolling column-rendering-mode="virtual" mode="virtual" />
@@ -60,19 +60,33 @@
alignment="center"
:min-width="170"
data-type="text"
data-field="nama_uid"
caption="Nama UID"
data-field="nama_regional"
caption="Regional"
css-class="custom-table-column"
:group-index="0"
name="namaRegional"
/>
<DxColumn
alignment="center"
:min-width="170"
data-type="text"
data-field="nama_up3"
caption="Nama UP3"
data-field="id_uid"
caption="UID"
css-class="custom-table-column"
:group-index="1"
name="namaUID"
:calculate-group-value="(rowData: any) => rowData.nama_uid"
/>
<DxColumn
alignment="center"
:min-width="170"
data-type="text"
data-field="id_up3"
caption="UP3"
css-class="custom-table-column"
:group-index="1"
name="namaUID"
:calculate-group-value="(rowData: any) => rowData.nama_up3"
/>
<DxColumn alignment="center" caption="Jumlah Kali Gangguan" css-class="custom-table-column">
<DxColumn alignment="center" caption="MoM" css-class="custom-table-column">

View File

@@ -25,7 +25,7 @@
column-resizing-mode="widget"
:word-wrap-enabled="true"
>
<DxGrouping expand-mode="rowClick" />
<DxGrouping expand-mode="rowClick" :auto-expand-all="false" />
<DxSelection mode="single" />
<DxPaging :enabled="false" />
<DxScrolling column-rendering-mode="virtual" mode="virtual" />
@@ -55,11 +55,35 @@
/>
<DxColumn
alignment="center"
data-field="nama_uid"
:min-width="170"
data-type="text"
data-field="nama_regional"
caption="Regional"
css-class="custom-table-column"
:group-index="0"
name="namaRegional"
/>
<DxColumn
alignment="center"
:min-width="170"
data-type="text"
data-field="id_uid"
caption="UID"
css-class="custom-table-column"
cell-template="formatText"
:group-index="0"
:group-index="1"
name="namaUID"
:calculate-group-value="(rowData: any) => rowData.nama_uid"
/>
<DxColumn
alignment="center"
:min-width="170"
data-type="text"
data-field="id_up3"
caption="UP3"
css-class="custom-table-column"
:group-index="1"
name="namaUID"
:calculate-group-value="(rowData: any) => rowData.nama_up3"
/>
<DxColumn alignment="center" caption="Tahun" css-class="custom-table-column">
<DxColumn
@@ -119,6 +143,37 @@
css-class="text-white !text-right"
:customize-text="(e: any) => formatPercentage(e.value)"
/>
<DxGroupItem
:show-in-group-footer="false"
:align-by-column="true"
summary-type="sum"
display-format="{0}"
show-in-column="jumlah_keluhan"
column="jumlah_keluhan"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
:show-in-group-footer="false"
:align-by-column="true"
summary-type="sum"
display-format="{0}"
show-in-column="jumlah_informasi"
column="jumlah_informasi"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
:show-in-group-footer="false"
:align-by-column="true"
summary-type="sum"
display-format="{0}"
show-in-column="total"
column="total"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
</DxSummary>
<template #formatNumber="{ data }">
@@ -157,6 +212,7 @@ import {
DxColumn,
DxColumnFixing,
DxExport,
DxGroupItem,
DxGrouping,
DxLoadPanel,
DxPaging,

View File

@@ -25,7 +25,7 @@
column-resizing-mode="widget"
:word-wrap-enabled="true"
>
<DxGrouping expand-mode="rowClick" />
<DxGrouping expand-mode="rowClick" :auto-expand-all="false" />
<DxSelection mode="single" />
<DxPaging :enabled="false" />
<DxScrolling column-rendering-mode="virtual" mode="virtual" />
@@ -55,11 +55,35 @@
/>
<DxColumn
alignment="center"
data-field="nama_uid"
:min-width="170"
data-type="text"
data-field="nama_regional"
caption="Regional"
css-class="custom-table-column"
:group-index="0"
name="namaRegional"
/>
<DxColumn
alignment="center"
:min-width="170"
data-type="text"
data-field="id_uid"
caption="UID"
css-class="custom-table-column"
cell-template="formatText"
:group-index="0"
:group-index="1"
name="namaUID"
:calculate-group-value="(rowData: any) => rowData.nama_uid"
/>
<DxColumn
alignment="center"
:min-width="170"
data-type="text"
data-field="id_up3"
caption="UP3"
css-class="custom-table-column"
:group-index="1"
name="namaUID"
:calculate-group-value="(rowData: any) => rowData.nama_up3"
/>
<DxColumn alignment="center" caption="Lapor Ulang Keluhan" css-class="custom-table-column">
<DxColumn alignment="center" caption="MoM" css-class="custom-table-column">
@@ -181,6 +205,7 @@
show-in-column="mom_bulan_kemarin"
column="mom_bulan_kemarin"
css-class="!text-right"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
:show-in-group-footer="false"
@@ -259,6 +284,7 @@ import {
DxColumn,
DxColumnFixing,
DxExport,
DxGroupItem,
DxGrouping,
DxLoadPanel,
DxPaging,

View File

@@ -25,7 +25,7 @@
column-resizing-mode="widget"
:word-wrap-enabled="true"
>
<DxGrouping expand-mode="rowClick" />
<DxGrouping expand-mode="rowClick" :auto-expand-all="false" />
<DxSelection mode="single" />
<DxPaging :enabled="false" />
<DxScrolling column-rendering-mode="virtual" mode="virtual" />
@@ -51,27 +51,32 @@
:min-width="170"
data-type="text"
data-field="nama_regional"
caption="Nama Regional"
caption="Regional"
css-class="custom-table-column"
:group-index="0"
name="namaRegional"
/>
<DxColumn
alignment="center"
:min-width="170"
data-type="text"
data-field="nama_uid"
caption="Nama UID"
data-field="id_uid"
caption="UID"
css-class="custom-table-column"
:group-index="1"
name="namaUID"
:calculate-group-value="(rowData: any) => rowData.nama_uid"
/>
<DxColumn
alignment="center"
:min-width="170"
data-type="text"
data-field="nama_up3"
caption="Nama UP3"
data-field="id_up3"
caption="UP3"
css-class="custom-table-column"
:group-index="2"
:group-index="1"
name="namaUID"
:calculate-group-value="(rowData: any) => rowData.nama_up3"
/>
<DxColumn
alignment="center"

View File

@@ -25,7 +25,7 @@
column-resizing-mode="widget"
:word-wrap-enabled="true"
>
<DxGrouping expand-mode="rowClick" />
<DxGrouping expand-mode="rowClick" :auto-expand-all="false" />
<DxSelection mode="single" />
<DxPaging :enabled="false" />
<DxScrolling column-rendering-mode="virtual" mode="virtual" />
@@ -51,27 +51,32 @@
:min-width="170"
data-type="text"
data-field="nama_regional"
caption="Nama Regional"
caption="Regional"
css-class="custom-table-column"
:group-index="0"
name="namaRegional"
/>
<DxColumn
alignment="center"
:min-width="170"
data-type="text"
data-field="nama_uid"
caption="Nama UID"
data-field="id_uid"
caption="UID"
css-class="custom-table-column"
:group-index="1"
name="namaUID"
:calculate-group-value="(rowData: any) => rowData.nama_uid"
/>
<DxColumn
alignment="center"
:min-width="170"
data-type="text"
data-field="nama_up3"
caption="Nama UP3"
data-field="id_up3"
caption="UP3"
css-class="custom-table-column"
:group-index="2"
:group-index="1"
name="namaUID"
:calculate-group-value="(rowData: any) => rowData.nama_up3"
/>
<DxColumn
alignment="center"