From 0a0afaf1e1bb3d179e2d4f7ec0f58d34ba33bbd8 Mon Sep 17 00:00:00 2001
From: kur0nek-o <maulana21mh@gmail.com>
Date: Wed, 17 Apr 2024 11:13:21 +0700
Subject: [PATCH] fix: detail monalisa laporan kpi bulanan aging complain

---
 .../Bulanan/MonalisaLB_AgingComplaint.vue     | 88 +++++++++++++++++--
 1 file changed, 82 insertions(+), 6 deletions(-)

diff --git a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue
index 1769ef4..c563e26 100755
--- a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue
+++ b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue
@@ -27,7 +27,7 @@
       column-resizing-mode="widget"
       :word-wrap-enabled="true"
     >
-      <DxGrouping expand-mode="rowClick" :auto-expand-all="false" />
+      <DxGrouping :auto-expand-all="false" />
       <DxSelection mode="single" />
       <DxPaging :enabled="false" />
       <DxScrolling column-rendering-mode="virtual" mode="virtual" />
@@ -80,7 +80,7 @@
             data-type="number"
             :caption="`${getMonthNameShort(currentMonth)} ${currentYear}`"
             css-class="custom-table-column"
-            cell-template="formatNumber"
+            cell-template="formatNumberAvgDurasiRecoveryGangguan"
           />
           <DxColumn
             :width="150"
@@ -104,7 +104,7 @@
             data-type="number"
             :caption="`${getMonthNameShort(currentMonth)} ${currentYear}`"
             css-class="custom-table-column"
-            cell-template="formatNumber"
+            cell-template="formatNumberAvgDurasiRecoveryKeluhan"
           />
           <DxColumn
             :width="150"
@@ -282,7 +282,58 @@
       </DxSummary>
 
       <template #formatNumber="{ data }">
-        <p class="text-right cursor-pointer">
+        <p
+          class="text-right cursor-pointer"
+          @click="
+            setParameterRequest({
+              type: null,
+              tahun: lastYear,
+              bulan: currentMonth
+            })
+          "
+        >
+          {{
+            isNumber(data.text)
+              ? data.column.caption == '%'
+                ? formatPercentage(data.text)
+                : formatNumber(data.text)
+              : data.text
+          }}
+        </p>
+      </template>
+
+      <template #formatNumberAvgDurasiRecoveryGangguan="{ data }">
+        <p
+          class="text-right cursor-pointer"
+          @click="
+            setParameterRequest({
+              type: 'gangguan',
+              tahun: currentYear,
+              bulan: currentMonth
+            })
+          "
+        >
+          {{
+            isNumber(data.text)
+              ? data.column.caption == '%'
+                ? formatPercentage(data.text)
+                : formatNumber(data.text)
+              : data.text
+          }}
+        </p>
+      </template>
+
+      <template #formatNumberAvgDurasiRecoveryKeluhan="{ data }">
+        <p
+          class="text-right cursor-pointer"
+          @click="
+            setParameterRequest({
+              type: 'keluhan',
+              tahun: currentYear,
+              bulan: currentMonth
+            })
+          "
+        >
           {{
             isNumber(data.text)
               ? data.column.caption == '%'
@@ -294,13 +345,31 @@
       </template>
 
       <template #formatPercentage="{ data }">
-        <p class="text-right cursor-pointer">
+        <p
+          class="text-right"
+          @click="
+            setParameterRequest({
+              type: null,
+              tahun: lastYear,
+              bulan: currentMonth
+            })
+          "
+        >
           {{ parseFloat(data.text) ? formatPercentage(data.text) : '0%' }}
         </p>
       </template>
 
       <template #formatText="{ data }">
-        <p class="text-left cursor-pointer">
+        <p
+          class="text-left"
+          @click="
+            setParameterRequest({
+              type: null,
+              tahun: lastYear,
+              bulan: currentMonth
+            })
+          "
+        >
           {{ data.text }}
         </p>
       </template>
@@ -716,7 +785,14 @@ const onCellClicked = (e: any) => {
         tahun: currentYear,
         bulan: currentMonth
       })
+    } else {
+      setParameterRequest({
+        type: null,
+        tahun: lastYear,
+        bulan: currentMonth
+      })
     }
+
     groupData.value = getDataRowGroup(e.data)
     showDetail()
   } else {