Update CSS styles and data handling in various components

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)