Update table columns and grouping settings

src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPP.vue

@@ -18,6 +18,7 @@
     column-resizing-mode="widget"
     :word-wrap-enabled="true"
   >
+    <DxGrouping auto-expand-all="false" expand-mode="rowClick" />
     <DxSelection mode="single" />
     <DxPaging :enabled="false" />
     <DxScrolling column-rendering-mode="virtual" mode="virtual" />

src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPT.vue

@@ -19,7 +19,7 @@
     :word-wrap-enabled="true"
     :data-source="data"
   >
-    <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" />
@@ -50,15 +50,36 @@
       cell-template="formatText"
     />
     <DxColumn
-      :width="170"
       alignment="center"
-      data-field="nama_ulp"
+      :min-width="170"
-      caption="Nama Unit"
+      data-type="text"
+      data-field=""
+      caption="Semua Unit"
       css-class="custom-table-column"
-      cell-template="formatText"
-      name="namaUnit"
       :group-index="0"
     />
+    <DxColumn
+      alignment="center"
+      :min-width="170"
+      data-type="text"
+      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="Total Petugas" css-class="custom-table-column">
       <DxColumn
         :width="170"

src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPP.vue

@@ -18,6 +18,7 @@
     column-resizing-mode="widget"
     :word-wrap-enabled="true"
   >
+    <DxGrouping auto-expand-all="false" expand-mode="rowClick" />
     <DxSelection mode="single" />
     <DxPaging :enabled="false" />
     <DxScrolling column-rendering-mode="virtual" mode="virtual" />
@@ -116,6 +117,7 @@ import {
   DxColumn,
   DxColumnFixing,
   DxExport,
+  DxGrouping,
   DxPaging,
   DxScrolling,
   DxSearchPanel,

src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPT.vue

@@ -19,7 +19,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" />
@@ -29,7 +29,6 @@
       :show-indicator="showIndicator"
       :show-pane="showPane"
       :shading="shading"
-      v-if="loading"
       v-model:visible="loading"
       :enabled="true"
     />
@@ -49,16 +48,38 @@
       css-class="custom-table-column"
       cell-template="formatText"
     />
+
     <DxColumn
-      :width="170"
       alignment="center"
-      data-field="nama_ulp"
+      :min-width="170"
-      caption="Nama Unit"
+      data-type="text"
-      name="namaUnit"
+      data-field=""
+      caption="Semua Unit"
       css-class="custom-table-column"
-      cell-template="formatText"
       :group-index="0"
     />
+    <DxColumn
+      alignment="center"
+      :min-width="170"
+      data-type="text"
+      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="Total WO" css-class="custom-table-column">
       <DxColumn alignment="center" caption="CC 123" css-class="custom-table-column">
         <DxColumn

src/components/Pages/Ctt/CTT_LaporanCttKwhPeriksa.vue

@@ -19,6 +19,7 @@
       column-resizing-mode="widget"
       :word-wrap-enabled="true"
     >
+      <DxGrouping auto-expand-all="false" expand-mode="rowClick" />
       <DxSelection mode="single" />
       <DxPaging :enabled="false" />
       <DxScrolling column-rendering-mode="virtual" mode="virtual" />
@@ -171,6 +172,7 @@ import {
   DxColumn,
   DxColumnFixing,
   DxExport,
+  DxGrouping,
   DxLoadPanel,
   DxPaging,
   DxScrolling,

src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue

@@ -1159,22 +1159,26 @@ const groupDialog = ref(false)
 const groupData = ref<any>(null)
 
 const onCellClicked = (e: any) => {
-  if (e.rowType == 'group') {
+  // if (e.rowType == 'group') {
-    groupDialog.value = true
+  //   groupDialog.value = true
-    if (e.row.groupIndex != 0) {
+  //   if (e.row.groupIndex != 0) {
-      const data = getDataRowGroup(e.data)
+  //     const data = getDataRowGroup(e.data)
-      console.table(data)
+  //     console.table(data)
-      groupData.value = data
+  //     groupData.value = data
-    }
+  //   }
-    showDetail()
+  //   showDetail()
-  } else {
+  // } else {
-    groupDialog.value = false
+  //   groupDialog.value = false
-  }
+  // }
 }
 
 const setMonth = (month: any) => {
   if (month != '') {
+    if (getMonthNumber(month) == 0) {
+      monthSelected.value = null
+    } else {
       monthSelected.value = getMonthNumber(month)
+    }
   } else {
     monthSelected.value = null
   }
@@ -1289,17 +1293,25 @@ const filterData = async (params: any) => {
     idUid: uid ? uid.id : 0,
     idUp3: up3 ? up3.id : 0,
     is_transaksi_individual:
-      jenisTransaksi.length == 4
+      jenisTransaksi.length == 4 || jenisTransaksi.length == 0
         ? 0
         : jenisTransaksi.includes('Koreksi Transaksi Individual')
           ? 1
           : 2,
     is_cleansing_transaksi_tm:
-      jenisTransaksi.length == 4 ? 0 : jenisTransaksi.includes('Cleansing Traksaksi TM') ? 1 : 2,
+      jenisTransaksi.length == 4 || jenisTransaksi.length == 0
+        ? 0
+        : jenisTransaksi.includes('Cleansing Traksaksi TM')
+          ? 1
+          : 2,
     is_koreksi_transaksi_tm:
-      jenisTransaksi.length == 4 ? 0 : jenisTransaksi.includes('Koreksi Transaksi TM') ? 1 : 2,
+      jenisTransaksi.length == 4 || jenisTransaksi.length == 0
+        ? 0
+        : jenisTransaksi.includes('Koreksi Transaksi TM')
+          ? 1
+          : 2,
     is_koreksi_gangguan_dan_anev:
-      jenisTransaksi.length == 4
+      jenisTransaksi.length == 4 || jenisTransaksi.length == 0
         ? 0
         : jenisTransaksi.includes('Koreksi Kode Gangguan dan Anev')
           ? 1

src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue

@@ -195,7 +195,7 @@
       <DxColumn
         :width="170"
         alignment="center"
-        data-field="nama_ulp"
+        data-field="nama_unit_baru"
         caption="Nama ULP"
         css-class="custom-table-column !align-top"
         cell-template="formatText"

src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue

@@ -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" />
@@ -46,16 +46,38 @@
       />
       <DxColumnFixing :enabled="true" />
 
-      <!-- <DxColumn
+      <DxColumn
         alignment="center"
         :min-width="170"
         data-type="text"
-        data-field="nama_ulp"
+        data-field="nama_regional"
-        caption="Nama Unit"
+        caption="Regional"
         css-class="custom-table-column"
         :group-index="0"
-        name="namaUlp"
+        name="namaRegional"
-      /> -->
+      />
+      <DxColumn
+        alignment="center"
+        :min-width="170"
+        data-type="text"
+        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"
         :min-width="170"
@@ -179,6 +201,62 @@
           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="mom_bulan_kemarin"
+          column="mom_bulan_kemarin"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          summary-type="sum"
+          show-in-column="mom_bulan_ini"
+          column="mom_bulan_ini"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          summary-type="sum"
+          show-in-column="persen_mom"
+          column="persen_mom"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatPercentage(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          summary-type="sum"
+          show-in-column="yoy_tahun_kemarin"
+          column="yoy_tahun_kemarin"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          summary-type="sum"
+          show-in-column="yoy_tahun_ini"
+          column="yoy_tahun_ini"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          summary-type="sum"
+          show-in-column="persen_yoy"
+          column="persen_yoy"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatPercentage(e.value)"
+        />
       </DxSummary>
 
       <template #formatNumber="{ data }">
@@ -211,6 +289,7 @@ import {
   DxColumn,
   DxColumnFixing,
   DxExport,
+  DxGroupItem,
   DxGrouping,
   DxLoadPanel,
   DxPaging,

src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ENSGangguan.vue

@@ -25,6 +25,7 @@
       column-resizing-mode="widget"
       :word-wrap-enabled="true"
     >
+      <DxGrouping :context-menu-enabled="true" expand-mode="rowClick" :auto-expand-all="false" />
       <DxSelection mode="single" />
       <DxPaging :enabled="false" />
       <DxScrolling column-rendering-mode="virtual" mode="virtual" />
@@ -44,7 +45,38 @@
         :allow-export-selected-data="false"
       />
       <DxColumnFixing :enabled="true" />
-
+      <DxColumn
+        alignment="center"
+        :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="UIW"
+        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"
         data-field="nama_ulp"
@@ -180,6 +212,62 @@
           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="mom_bulan_kemarin"
+          column="mom_bulan_kemarin"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          summary-type="sum"
+          show-in-column="mom_bulan_ini"
+          column="mom_bulan_ini"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          summary-type="sum"
+          show-in-column="persen_mom"
+          column="persen_mom"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatPercentage(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          summary-type="sum"
+          show-in-column="yoy_tahun_kemarin"
+          column="yoy_tahun_kemarin"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          summary-type="sum"
+          show-in-column="yoy_tahun_ini"
+          column="yoy_tahun_ini"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          summary-type="sum"
+          show-in-column="persen_yoy"
+          column="persen_yoy"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatPercentage(e.value)"
+        />
       </DxSummary>
     </DxDataGrid>
   </div>
@@ -194,6 +282,8 @@ import {
   DxColumn,
   DxColumnFixing,
   DxExport,
+  DxGroupItem,
+  DxGrouping,
   DxLoadPanel,
   DxPaging,
   DxScrolling,

src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanBelumSelesai.vue

@@ -54,27 +54,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="UIW"
         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="1"
-        :group-index="2"
+        name="namaUID"
+        :calculate-group-value="(rowData: any) => rowData.nama_up3"
       />
       <DxColumn alignment="center" caption="Tahun" css-class="custom-table-column">
         <DxColumn
@@ -151,6 +159,35 @@
           css-class="text-white !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_gangguan"
+          column="jumlah_gangguan"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          summary-type="sum"
+          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"
+          show-in-column="total"
+          column="total"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatPercentage(e.value)"
+        />
       </DxSummary>
     </DxDataGrid>
   </div>
@@ -463,6 +500,7 @@ import {
   DxColumn,
   DxColumnFixing,
   DxExport,
+  DxGroupItem,
   DxGrouping,
   DxLoadPanel,
   DxPager,

src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahDDRPTRCTGangguan.vue

@@ -24,7 +24,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" />
@@ -53,6 +53,14 @@
         css-class="custom-table-column"
         cell-template="formatText"
       />
+      <DxColumn
+        alignment="center"
+        data-field=""
+        caption="NASIONAL"
+        css-class="custom-table-column"
+        cell-template="formatText"
+        :group-index="0"
+      />
       <DxColumn
         alignment="center"
         data-field="nama_regional"

src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_LaporUlang.vue

@@ -25,7 +25,7 @@
       column-resizing-mode="widget"
       :word-wrap-enabled="true"
     >
-      <DxGrouping :context-menu-enabled="true" expand-mode="rowClick" />
+      <DxGrouping :context-menu-enabled="true" 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"
-        caption="UID"
+        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"
+        :min-width="170"
+        data-type="text"
+        data-field="id_uid"
+        caption="UIW"
+        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="Lapor Ulang Gangguan" css-class="custom-table-column">
         <DxColumn alignment="center" caption="MoM" css-class="custom-table-column">
@@ -199,6 +223,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"

src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue

@@ -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" />
@@ -46,16 +46,38 @@
       />
       <DxColumnFixing :enabled="true" />
 
-      <!-- <DxColumn
+      <DxColumn
         alignment="center"
         :min-width="170"
         data-type="text"
-        data-field="nama_ulp"
+        data-field="nama_regional"
-        caption="Nama Unit"
+        caption="Regional"
         css-class="custom-table-column"
         :group-index="0"
-        name="namaUlp"
+        name="namaRegional"
-      /> -->
+      />
+      <DxColumn
+        alignment="center"
+        :min-width="170"
+        data-type="text"
+        data-field="id_uid"
+        caption="UIW"
+        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"
         :min-width="170"
@@ -179,6 +201,62 @@
           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="mom_bulan_kemarin"
+          column="mom_bulan_kemarin"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          summary-type="sum"
+          show-in-column="mom_bulan_ini"
+          column="mom_bulan_ini"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          summary-type="sum"
+          show-in-column="persen_mom"
+          column="persen_mom"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatPercentage(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          summary-type="sum"
+          show-in-column="yoy_tahun_kemarin"
+          column="yoy_tahun_kemarin"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          summary-type="sum"
+          show-in-column="yoy_tahun_ini"
+          column="yoy_tahun_ini"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          summary-type="sum"
+          show-in-column="persen_yoy"
+          column="persen_yoy"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatPercentage(e.value)"
+        />
       </DxSummary>
 
       <template #formatNumber="{ data }">
@@ -211,6 +289,7 @@ import {
   DxColumn,
   DxColumnFixing,
   DxExport,
+  DxGroupItem,
   DxGrouping,
   DxLoadPanel,
   DxPaging,

src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue

@@ -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" />
@@ -46,16 +46,38 @@
       />
       <DxColumnFixing :enabled="true" />
 
-      <!-- <DxColumn
+      <DxColumn
         alignment="center"
         :min-width="170"
         data-type="text"
-        data-field="nama_ulp"
+        data-field="nama_regional"
-        caption="Nama Unit"
+        caption="Regional"
         css-class="custom-table-column"
         :group-index="0"
-        name="namaUlp"
+        name="namaRegional"
-      /> -->
+      />
+      <DxColumn
+        alignment="center"
+        :min-width="170"
+        data-type="text"
+        data-field="id_uid"
+        caption="UIW"
+        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"
         :min-width="170"
@@ -179,6 +201,62 @@
           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="mom_bulan_kemarin"
+          column="mom_bulan_kemarin"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          summary-type="sum"
+          show-in-column="mom_bulan_ini"
+          column="mom_bulan_ini"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          summary-type="sum"
+          show-in-column="persen_mom"
+          column="persen_mom"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatPercentage(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          summary-type="sum"
+          show-in-column="yoy_tahun_kemarin"
+          column="yoy_tahun_kemarin"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          summary-type="sum"
+          show-in-column="yoy_tahun_ini"
+          column="yoy_tahun_ini"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="false"
+          :align-by-column="true"
+          summary-type="sum"
+          show-in-column="persen_yoy"
+          column="persen_yoy"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatPercentage(e.value)"
+        />
       </DxSummary>
 
       <template #formatNumber="{ data }">
@@ -211,6 +289,7 @@ import {
   DxColumn,
   DxColumnFixing,
   DxExport,
+  DxGroupItem,
   DxGrouping,
   DxLoadPanel,
   DxPaging,

src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahDDRPTRCTKeluhan.vue

@@ -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="1"
-        :group-index="2"
+        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)"
         />

src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahKaliKeluhan.vue

@@ -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"
+        data-field="nama_regional"
-        caption="Nama UID"
+        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"
+        data-field="id_uid"
-        caption="Nama UP3"
+        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">

src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_KeluhanBelumSelesai.vue

@@ -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="1"
-        :group-index="0"
+        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,

src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_LaporUlangKeluhan.vue

@@ -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="1"
-        :group-index="0"
+        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,

src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_RecoveryTimeKeluhan.vue

@@ -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"
+        data-field="id_uid"
-        caption="Nama 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"
+        data-field="id_up3"
-        caption="Nama 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"

src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_ResponseTimeKeluhan.vue

@@ -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"
+        data-field="id_uid"
-        caption="Nama 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"
+        data-field="id_up3"
-        caption="Nama 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"

src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue

@@ -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" />
@@ -56,27 +56,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"
+          data-field="id_uid"
-          caption="Nama 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"
+          data-field="id_up3"
-          caption="Nama 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"

src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_EnergyNotSales.vue

@@ -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" />
@@ -56,27 +56,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"
+          data-field="id_uid"
-          caption="Nama 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"
+          data-field="id_up3"
-          caption="Nama 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"

src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_KADDalamPelaporan.vue

@@ -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"
+        data-field="id_uid"
-        caption="Nama 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"
+        data-field="id_up3"
-        caption="Nama 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"

src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue

@@ -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" />
@@ -52,27 +52,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"
+        data-field="id_uid"
-        caption="Nama 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"
+        data-field="id_up3"
-        caption="Nama 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"

src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_AgingComplaint.vue

@@ -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" />
@@ -56,27 +56,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"
+          data-field="id_uid"
-          caption="Nama 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"
+          data-field="id_up3"
-          caption="Nama 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"

src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_EnergyNotSales.vue

@@ -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" />
@@ -56,27 +56,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"
+          data-field="id_uid"
-          caption="Nama 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"
+          data-field="id_up3"
-          caption="Nama 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"

src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_KDADPelaporan.vue

@@ -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"
+        data-field="id_uid"
-        caption="Nama 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"
+        data-field="id_up3"
-        caption="Nama 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"

src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_PenurunanJumlahKomplain.vue

@@ -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" />
@@ -52,27 +52,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"
+        data-field="id_uid"
-        caption="Nama 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"
+        data-field="id_up3"
-        caption="Nama 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"

src/utils/api/api.graphql.ts

@@ -678,11 +678,6 @@ export const queries = {
             persen_selesai
             total_inproses
             persen_inproses
-            avg_durasi_dispatch
-            min_durasi_dispatch
-            max_durasi_dispatch
-            total_dibawah_sla_dispatch
-            total_diatas_sla_dispatch
             total_durasi_response
             avg_durasi_response
             min_durasi_response
@@ -2248,6 +2243,13 @@ export const queries = {
               bulan: $bulan
               tahun: $tahun
             ) {
+              id
+              nama_regional
+              id_uid
+              nama_uid
+              id_up3
+              nama_up3
+              id_ulp
               nama_ulp
               mom_bulan_ini
               mom_bulan_kemarin
@@ -2275,6 +2277,13 @@ export const queries = {
               bulan: $bulan
               tahun: $tahun
             ) {
+              id
+              nama_regional
+              id_uid
+              nama_uid
+              id_up3
+              nama_up3
+              id_ulp
               nama_ulp
               mom_bulan_ini
               mom_bulan_kemarin

src/utils/texts.ts

@@ -60,7 +60,11 @@ const getMonthNumber = (monthName: string) => {
     'November',
     'Desember'
   ]
+  if (months.filter((month) => month.toLowerCase() === monthName.toLowerCase()).length > 0) {
     return months.indexOf(monthName) + 1
+  } else {
+    return 0
+  }
 }
 
 const reformatDate = (inputDate: string, originalFormat: string, targetFormat: string): string => {