Update table column names and formatting

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

@@ -41,7 +41,7 @@
       <DxColumn
         width="200"
         alignment="center"
-        data-field="nama_uid"
+        data-field="nama_ulp"
         caption="Nama Unit"
         css-class="custom-table-column"
         cell-template="formatText"

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

@@ -186,7 +186,7 @@
           data-type="number"
           caption="%"
           css-class="custom-table-column"
-          cell-template="formatNumber"
+          cell-template="formatPercentage"
         />
       </DxColumn>
 
@@ -198,7 +198,7 @@
 
       <template #formatPercentage="{ data }">
         <p class="text-right cursor-pointer" @click="showData()">
-          {{ isNumber(data.text) ? formatPercentage(data.text) : data.text }}
+          {{ parseFloat(data.text) ? formatPercentage(data.text) : '0%'  }}
         </p>
       </template>
 

src/components/Pages/Keluhan/Rekap/RKeluhan_PerJenisKeluhan.vue

@@ -61,7 +61,7 @@
         css-class="custom-table-column"
         cell-template="formatText"
       />
-      <!-- <DxColumn
+      <DxColumn
         :width="170"
         alignment="center"
         data-field="tipe_keluhan"
@@ -69,7 +69,7 @@
         name="tipeKeluhan"
         css-class="custom-table-column"
         :group-index="0"
-      /> -->
+      />
       <DxColumn alignment="center" caption="Laporan" css-class="custom-table-column">
         <DxColumn
           :width="150"
@@ -1025,5 +1025,5 @@ onMounted(() => {
   if (import.meta.env.DEV) {
     data.value = dummyData.keluhan.rekap.rekapitulasiKeluhanPerJenisKeluhan
   }
-})
+}) 
 </script>