Refactor code: Update posko value based on condition, remove console.log, and add setMonth function

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

@@ -550,7 +550,7 @@ const getDetail = () => {
     dateTo: dateValue[1]
       ? dateValue[1].split('-').reverse().join('-')
       : new Date().toISOString().slice(0, 10),
-    posko: ref.id_posko,
+    posko: ref.posko_in != ref.posko_out ? ref.posko_out : ref.posko_in,
     idUid: ref.id_uid,
     idUp3: ref.id_up3
   }

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

@@ -148,19 +148,13 @@
       </DxColumn>
 
       <template #formatText="{ data }">
-        <p class="text-left">
+        <p class="text-left cursor-pointer">
           {{ data.text }}
         </p>
       </template>
 
-      <template #formatPercentage="{ data }">
-        <p class="text-right">
-          {{ isNumber(data.text) ? formatPercentage(data.text) : data.text }}
-        </p>
-      </template>
-
       <template #formatNumber="{ data }">
-        <p class="text-right">
+        <p class="text-right cursor-pointer" @click="setMonth(data.column.caption)">
           {{
             isNumber(data.text)
               ? data.column.caption == '%'
@@ -170,12 +164,6 @@
           }}
         </p>
       </template>
-
-      <template #formatTime="{ data }">
-        <p class="!text-right cursor-pointer">
-          {{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
-        </p>
-      </template>
     </DxDataGrid>
   </div>
 
@@ -449,6 +437,7 @@ import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
 import { formatWaktu } from '@/components/Form/FiltersType/reference'
 import { apolloClient } from '@/utils/api/api.graphql'
 import { provideApolloClient } from '@vue/apollo-composable'
+import { getMonthNumber } from '@/utils/texts'
 
 const client = apolloClient()
 provideApolloClient(client)
@@ -464,6 +453,11 @@ const dialogDetail = ref(false)
 const closedialogDetail = () => (dialogDetail.value = false)
 const loadingData = ref(false)
 const loadingSubData = ref(false)
+const monthSelected = ref(1)
+
+const setMonth = (month: any) => {
+  monthSelected.value = getMonthNumber(month)
+}
 
 const filterData = (params: any) => {
   const dateValue = params.periode.split(' s/d ')
@@ -548,10 +542,14 @@ const showDetail = () => {
 }
 
 const onDataSelectionChanged = ({ selectedRowsData }: any) => {
-  if (selectedRowsData[0] != undefined) {
-    dataSelected.value = selectedRowsData[0]
-    showDetail()
-  }
+  // wait for 2 seconds
+  setTimeout(() => {
+    if (selectedRowsData[0] != undefined) {
+      console.log('monthSelected', monthSelected.value)
+      dataSelected.value = selectedRowsData[0]
+      showDetail()
+    }
+  }, 2000)
 }
 
 const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {

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

@@ -1012,7 +1012,6 @@ const filterData = (params: any) => {
   onResult((queryResult) => {
     if (queryResult.data != undefined) {
       const result: any[] = [...queryResult.data.rekapitulasiGangguanPerPosko]
-      console.table(result)
       data.value = result.sort((a: any, b: any) => a?.nama_up3.localeCompare(b?.nama_up3))
     }