Refactor code to improve readability and fix bugs in Gangguan and Monalisa components

src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPP.vue

@@ -29,7 +29,7 @@
 
     <DxColumn
       alignment="center"
-      data-field="nama_ulp"
+      data-field="nama_unit"
       caption="Nama Unit"
       css-class="custom-table-column"
       cell-template="formatText"
@@ -869,7 +869,8 @@ const props = defineProps({
   marking: {
     type: Number,
     default: 0
-  }
+  },
+  dataGroup: Object as () => any
 })
 const filters = computed(() => props.filters)
 const emit = defineEmits(['update:loadingSubData'])
@@ -906,22 +907,42 @@ const getDetail = async () => {
   const dateValue = filters.value.periode.split(' s/d ')
 
   const selected = dataSelected.value
-  const query = {
+  var query = {
     dateFrom: dateValue[0]
       ? dateValue[0].split('-').reverse().join('-')
       : new Date().toISOString().slice(0, 10),
     dateTo: dateValue[1]
       ? dateValue[1].split('-').reverse().join('-')
       : new Date().toISOString().slice(0, 10),
-    idUlp: selected?.id_ulp ? selected?.id_ulp : 0,
-    idUid: selected?.id_uid ? selected?.id_uid : 0,
-    idUp3: selected?.id_up3 ? selected?.id_up3 : 0,
+    idUlp: 0,
+    idUid: 0,
+    idUp3: 0,
     namaRegional: selected?.nama_regional ? selected?.nama_regional : '',
     media: parameterRequest.value?.media,
     isMarking: props.marking,
     idPetugas: selected?.id_regu ? selected?.id_regu : 0
   }
 
+  if (props.dataGroup.data == 'nama_uid') {
+    query = {
+      ...query,
+      idUid: selected?.id_uid ? selected?.id_uid : 0
+    }
+  } else if (props.dataGroup.data == 'nama_up3') {
+    query = {
+      ...query,
+      idUid: selected?.id_uid ? selected?.id_uid : 0,
+      idUp3: selected?.id_up3 ? selected?.id_up3 : 0
+    }
+  } else if (props.dataGroup.data == 'nama_ulp') {
+    query = {
+      ...query,
+      idUid: selected?.id_uid ? selected?.id_uid : 0,
+      idUp3: selected?.id_up3 ? selected?.id_up3 : 0,
+      idUlp: selected?.id_ulp ? selected?.id_ulp : 0
+    }
+  }
+
   loadingSubData.value = true
   emit('update:loadingSubData', loadingSubData.value)
   await requestGraphQl(