Refactor code to handle optional properties in RGangguan_ALL.vue, RGangguan_PerPosko.vue, RGangguan_BerdasarMedia.vue, RGangguan_AlihPosko.vue, RGangguan_JenisGangguanSE.vue, and RGangguan_RatingPerRegu.vue

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

@@ -546,7 +546,7 @@
           <DxColumn
             :width="150"
             alignment="center"
-            data-field="idpel_nometer"
+            data-field="id_pelnomormeter"
             caption="IDPEL/NO METER"
             css-class="custom-table-column"
             cell-template="formatText"
@@ -700,7 +700,11 @@
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">IDPEL/NO METER:</h3>
-          <InputText :readonly="true" :value="dataSubSelected?.idpel_nometer" class-name="flex-1" />
+          <InputText
+            :readonly="true"
+            :value="dataSubSelected?.id_pelnomormeter"
+            class-name="flex-1"
+          />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
@@ -883,11 +887,12 @@ const getDetail = () => {
       : new Date().toISOString().slice(0, 10),
     posko: ref.id_posko,
     idUid: ref.id_uid,
-    idUp3: ref.id_up3
+    idUp3: ref.id_up3,
+    idEquiment: ref?.id_fasilitas ? ref.id_fasilitas : 0
   }
 
   const { onResult, onError, loading, refetch } = useQuery(
-    queries.gangguan.rekap.gangguanAllDetail,
+    queries.gangguan.rekap.jenisGangguanSE004Detail,
     query
   )