Refactor grouping logic in RGangguan_PerTanggal.vue

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

@@ -49,6 +49,17 @@
         caption="No"
         cell-template="formatNumber"
       />
+      <!-- <DxColumn
+        v-if="grouping.length > 0"
+        v-for="(group, index) in grouping"
+        :width="150"
+        alignment="center"
+        :data-field="group.data"
+        :caption="group.caption"
+        css-class="custom-table-column"
+        cell-template="formatText"
+        :group-index="index"
+      /> -->
       <DxColumn
         :width="120"
         alignment="center"
@@ -862,14 +873,6 @@ const grouping = ref<any[]>([
   {
     data: '',
     caption: 'Seluruh Unit'
-  },
-  {
-    data: 'nama_uid',
-    caption: 'UID'
-  },
-  {
-    data: 'nama_up3',
-    caption: 'UP3'
   }
 ])
 const agreeToShowDialog = ref(false)
@@ -982,6 +985,66 @@ const filterData = async (params: any) => {
   const dateValue = params.periode.split(' s/d ')
   const { posko, uid, up3 } = params
   isGroupBy.value = params.groupBy
+  if (isGroupBy.value) {
+    if (uid.id != 0) {
+      grouping.value = [
+        {
+          data: 'nama_up3',
+          caption: 'UP3'
+        }
+      ]
+
+      if (up3.id != 0 || posko.id != 0) {
+        grouping.value = [
+          {
+            data: 'nama_ulp',
+            caption: 'ULP'
+          }
+        ]
+      }
+    } else {
+      grouping.value = [
+        {
+          data: 'nama_uid',
+          caption: 'UID'
+        }
+      ]
+    }
+  } else {
+    if (uid.id != 0) {
+      grouping.value = [
+        {
+          data: 'nama_uid',
+          caption: 'UID'
+        }
+      ]
+
+      if (up3.id != 0) {
+        grouping.value = [
+          {
+            data: 'nama_up3',
+            caption: 'UP3'
+          }
+        ]
+
+        if (posko.id != 0) {
+          grouping.value = [
+            {
+              data: 'nama_ulp',
+              caption: 'ULP'
+            }
+          ]
+        }
+      }
+    } else {
+      grouping.value = [
+        {
+          data: '',
+          caption: 'Seluruh Unit'
+        }
+      ]
+    }
+  }
 
   const query = {
     dateFrom: dateValue[0]