Refactor component structure and add BufferDialog component

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

@@ -684,7 +684,59 @@ const reportMeta = ref({
 })
 const agreeToShowDialog = ref(false)
 const progressSelected = ref(0)
+// const ratingToShow = ref(0)
+// const nonRating = ref(0)
 
+// const setAgreementDialog = (
+//   status: boolean,
+//   progress: number,
+//   rating: number,
+//   ratingStatus: number
+// ) => {
+//   agreeToShowDialog.value = status
+//   progressSelected.value = progress
+//   ratingToShow.value = rating
+//   nonRating.value = ratingStatus
+// }
+
+// const getDetail = async () => {
+//   const dateValue = filters.value.periode.split(' s/d ')
+//   const ref = dataSelected.value
+
+//   const 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),
+//     posko: ref?.id_ulp ? ref?.id_ulp : 0,
+//     idUid: ref?.id_uid ? ref?.id_uid : 0,
+//     idUp3: ref?.id_up3 ? ref?.id_up3 : 0,
+//     idRegu: ref?.id_regu ? ref?.id_regu : 0,
+//     namaRegional: ref?.nama_regional ? ref?.nama_regional : '',
+//     isSelesai: progressSelected.value,
+//     isNonRating: nonRating.value,
+//     nilaiRating: ratingToShow.value
+//   }
+
+//   loadingSubData.value = true
+//   await requestGraphQl(queries.gangguan.rekap.gangguanRatingDetail, query)
+//     .then((result) => {
+//       if (result.data.data != undefined) {
+//         dataSub.value = result.data.data.detailRekapitulasiGangguanBerdasarkanRating
+//       } else {
+//         dataSub.value = []
+//       }
+//     })
+//     .catch((err) => {
+//       console.error(err)
+//     })
+//     .finally(() => {
+//       loadingSubData.value = false
+//       dialogDetail.value = true
+//     })
+// }
 const setAgreementDialog = (status: boolean, progress: number) => {
   agreeToShowDialog.value = status
   progressSelected.value = progress