Update CSS styles and data handling in various components

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)