Refactor DatePicker.vue and api.graphql.ts, and RKeluhan_BerdasarMedia.vue files

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

@@ -453,13 +453,12 @@ import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
 import InputText from '@/components/InputText.vue'
 import Filters from '@/components/Form/Filters.vue'
 import Type3 from '@/components/Form/FiltersType/Type3.vue'
-import { ref, onMounted, watch } from 'vue'
+import { ref, onMounted } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
   DxColumn,
   DxColumnFixing,
   DxExport,
-  DxLoadPanel,
   DxPaging,
   DxPager,
   DxSummary,
@@ -561,30 +560,23 @@ const filterData = async (params: any) => {
 
 const getDetail = async () => {
   const dateValue = filters.value.periode.split(' s/d ')
+  const { ulp, uid, up3 } = filters.value
   const selected = 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),
-    idUlp: selected?.id_ulp ? selected?.id_ulp : 0,
-    idUid: selected?.id_uid ? selected?.id_uid : 0,
-    idUp3: selected?.id_up3 ? selected?.id_up3 : 0,
-    isSelesai: 0,
-    media: selected?.media ? selected?.media : '',
     tanggal: date.value,
-    namaIssuetype: '',
-    namaSubissuetype: ''
+    idPosko: ulp ? ulp.id : 0,
+    idUid: uid ? uid.id : 0,
+    idUp3: up3 ? up3.id : 0,
+    media: selected?.media ? selected?.media : '',
+    namaRegional: selected?.nama_regional ? selected?.nama_regional : ''
   }
 
   loadingSubData.value = true
-  await requestGraphQl(queries.keluhan.rekap.rekapKeluhanAllDetail, query)
+  await requestGraphQl(queries.keluhan.rekap.rekapKeluhanBerdasarkanMedia, query)
     .then((result) => {
       if (result.data.data != undefined) {
-        dataSub.value = result.data.data.detailKeluhanAll
+        dataSub.value = result.data.data.detailRekapitulasiKeluhanBerdasarkanMedia
       } else {
         dataSub.value = []
       }