Refactor table columns in RGangguan_ALL.vue

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

@@ -65,16 +65,6 @@
         cell-template="formatText"
       />
 
-      <DxColumn
-        :width="150"
-        alignment="center"
-        data-field="nama_posko"
-        caption="Nama Unit"
-        css-class="custom-table-column"
-        cell-template="formatText"
-        name="namaUnit"
-        :group-index="0"
-      />
       <DxColumn
         :width="150"
         alignment="center"
@@ -82,7 +72,7 @@
         caption="Regional"
         css-class="custom-table-column"
         cell-template="formatText"
-        :group-index="1"
+        :group-index="0"
       />
       <DxColumn
         :width="150"
@@ -91,7 +81,7 @@
         caption="UID"
         css-class="custom-table-column"
         cell-template="formatText"
-        :group-index="2"
+        :group-index="1"
       />
       <DxColumn
         :width="150"
@@ -100,6 +90,16 @@
         caption="UP3"
         css-class="custom-table-column"
         cell-template="formatText"
+        :group-index="2"
+      />
+      <DxColumn
+        :width="150"
+        alignment="center"
+        data-field="nama_posko"
+        caption="Nama Unit"
+        css-class="custom-table-column"
+        cell-template="formatText"
+        name="namaUnit"
         :group-index="3"
       />
 
@@ -387,7 +387,7 @@
           :show-in-group-footer="false"
           :align-by-column="true"
           column="max_durasi_dispatch"
-          summary-type="avg"
+          summary-type="max"
           css-class="!text-center"
           :customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
         />
@@ -395,7 +395,7 @@
           :show-in-group-footer="false"
           :align-by-column="true"
           column="min_durasi_dispatch"
-          summary-type="avg"
+          summary-type="min"
           css-class="!text-center"
           :customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
         />
@@ -427,7 +427,7 @@
           :show-in-group-footer="false"
           :align-by-column="true"
           column="max_durasi_response"
-          summary-type="avg"
+          summary-type="max"
           css-class="!text-center"
           :customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
         />
@@ -435,7 +435,7 @@
           :show-in-group-footer="false"
           :align-by-column="true"
           column="min_durasi_response"
-          summary-type="avg"
+          summary-type="min"
           css-class="!text-center"
           :customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
         />
@@ -467,7 +467,7 @@
           :show-in-group-footer="false"
           :align-by-column="true"
           column="max_durasi_recovery"
-          summary-type="avg"
+          summary-type="max"
           css-class="!text-center"
           :customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
         />
@@ -475,7 +475,7 @@
           :show-in-group-footer="false"
           :align-by-column="true"
           column="min_durasi_recovery"
-          summary-type="avg"
+          summary-type="min"
           css-class="!text-center"
           :customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
         />
@@ -1026,15 +1026,15 @@ const closeDialogDataSelected = () => (dialogDataSelected.value = false)
 const loadingData = ref(false)
 const loadingSubData = ref(false)
 
-const filterData = (params: any) => {
+const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.rekap.gangguanAll, {
-  const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.rekap.gangguanAll, {
   dateFrom: new Date().toISOString().slice(0, 10),
   dateTo: new Date().toISOString().slice(0, 10),
   posko: 0,
   idUid: 0,
   idUp3: 0
-  })
+})
 
+const filterData = (params: any) => {
   const { posko, uid, up3 } = params
   const dateValue = params.periode.split(' s/d ')