Update CSS styles and data handling in various components

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;
 }

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 = queryResult.data.rekapitulasiAllGangguan
-        data.value = [
-          ...data.value,
-          {
-            ...item
-          }
-        ]
-      })
     }
     console.log(queryResult.loading)
     console.log(queryResult.networkStatus)

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
+      dataReal.value = queryResult.data.rekapitulasiPerJenisGangguan.map(
-      queryResult.data.rekapitulasiPerJenisGangguan.forEach((item: any) => {
+        (item: any, index: number) => {
-        dataReal.value = [
+          return {
-          ...dataReal.value,
+            no: ++index,
-          {
-            no: ++no,
             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)

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
+      data.value = queryResult.data.rekapitulasiGangguanPerPosko.map((item: any, index: number) => {
-      queryResult.data.rekapitulasiGangguanPerPosko.forEach((item: any) => {
+        return {
-        const entry = {
+          no: ++index,
-          no: Number(i++),
           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)

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
+      data.value = queryResult.data.rekapitulasiGangguanPerRegu.map((item: any, index: number) => {
-
+        return {
-      queryResult.data.rekapitulasiGangguanPerRegu.forEach((item: any) => {
+          no: ++index,
-        const entry = {
-          no: Number(i++),
           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)

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)