From 7605d470b4283f0d9e2b982f4c0eef36590a208a Mon Sep 17 00:00:00 2001
From: kur0nek-o <maulana21mh@gmail.com>
Date: Fri, 1 Mar 2024 09:22:40 +0700
Subject: [PATCH] Update CSS styles and data handling in various components

---
 src/assets/css/style.css                           | 12 ++++--------
 .../Pages/Gangguan/Rekap/RGangguan_ALL.vue         |  9 +--------
 .../Gangguan/Rekap/RGangguan_JenisGangguan.vue     | 14 ++++++--------
 .../Pages/Gangguan/Rekap/RGangguan_PerPosko.vue    | 10 +++-------
 .../Pages/Gangguan/Rekap/RGangguan_PerRegu.vue     | 11 +++--------
 .../Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue        |  1 -
 6 files changed, 17 insertions(+), 40 deletions(-)

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 43b09f7..934f459 100755
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -1261,6 +1261,10 @@ body {
   margin-bottom: 0.25rem;
 }
 
+.mb-10 {
+  margin-bottom: 2.5rem;
+}
+
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -1373,14 +1377,6 @@ body {
   margin-top: 1.5rem;
 }
 
-.mb-5 {
-  margin-bottom: 1.25rem;
-}
-
-.mb-10 {
-  margin-bottom: 2.5rem;
-}
-
 .box-border {
   box-sizing: border-box;
 }
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue
index ad665e3..2acc405 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue
@@ -357,14 +357,7 @@ const filterData = (params: any) => {
   })
   onResult((queryResult) => {
     if (queryResult.data != undefined) {
-      queryResult.data.rekapitulasiAllGangguan.forEach((item: any) => {
-        data.value = [
-          ...data.value,
-          {
-            ...item
-          }
-        ]
-      })
+      data.value = queryResult.data.rekapitulasiAllGangguan
     }
     console.log(queryResult.loading)
     console.log(queryResult.networkStatus)
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue
index 9bd879e..9d757ee 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue
@@ -481,12 +481,10 @@ const filterData = (params: any) => {
   })
   onResult((queryResult) => {
     if (queryResult.data != undefined) {
-      let no = 0
-      queryResult.data.rekapitulasiPerJenisGangguan.forEach((item: any) => {
-        dataReal.value = [
-          ...dataReal.value,
-          {
-            no: ++no,
+      dataReal.value = queryResult.data.rekapitulasiPerJenisGangguan.map(
+        (item: any, index: number) => {
+          return {
+            no: ++index,
             sub_kelompok: item.sub_kelompok,
             kode: item.kode,
             jenisGangguan: item.tipe_permasalahan,
@@ -526,8 +524,8 @@ const filterData = (params: any) => {
               }
             }
           }
-        ]
-      })
+        }
+      )
     }
     console.log(queryResult.loading)
     console.log(queryResult.networkStatus)
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue
index 57b9d6b..9ee78ee 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue
@@ -580,10 +580,9 @@ const filterData = (params: any) => {
   })
   onResult((queryResult) => {
     if (queryResult.data != undefined) {
-      var i = 1
-      queryResult.data.rekapitulasiGangguanPerPosko.forEach((item: any) => {
-        const entry = {
-          no: Number(i++),
+      data.value = queryResult.data.rekapitulasiGangguanPerPosko.map((item: any, index: number) => {
+        return {
+          no: ++index,
           nama_posko: item.nama_posko,
           laporan: {
             total: item.total,
@@ -621,10 +620,7 @@ const filterData = (params: any) => {
             }
           }
         }
-        data.value = [...data.value, entry]
       })
-
-      data.value = [...data.value]
     }
     console.log(queryResult.data)
     console.log(queryResult.loading)
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue
index a5769e0..e7d8e5c 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue
@@ -480,11 +480,9 @@ const filterData = (params: any) => {
   })
   onResult((queryResult) => {
     if (queryResult.data != undefined) {
-      var i = 1
-
-      queryResult.data.rekapitulasiGangguanPerRegu.forEach((item: any) => {
-        const entry = {
-          no: Number(i++),
+      data.value = queryResult.data.rekapitulasiGangguanPerRegu.map((item: any, index: number) => {
+        return {
+          no: ++index,
           kode_regu: item.kode_regu,
           nama_regu: item.nama_regu,
           laporan: {
@@ -523,10 +521,7 @@ const filterData = (params: any) => {
             }
           }
         }
-        data.value = [...data.value, entry]
       })
-
-      data.value = [...data.value]
     }
     console.log(queryResult.data)
     console.log(queryResult.loading)
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue
index 69e1f91..cc118b6 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue
@@ -440,7 +440,6 @@ const filterData = (params: any) => {
   onResult((queryResult) => {
     if (queryResult.data != undefined) {
       data.value = queryResult.data.daftarKeluhanMelaporLebihDariSatuKali
-      console.log(data.value[0])
     }
     console.log(queryResult.data)
     console.log(queryResult.loading)