diff --git a/src/components/Form/FiltersType/Type9.vue b/src/components/Form/FiltersType/Type9.vue index 88ec1e9..d09e46b 100755 --- a/src/components/Form/FiltersType/Type9.vue +++ b/src/components/Form/FiltersType/Type9.vue @@ -19,7 +19,7 @@ const uppPlaceholder = 'Semua Unit Pelaksanaan Pelayanan Pelanggan' const poskoPlaceholder = 'Semua Posko' const uppp = ref({ id: 0, name: uppPlaceholder }) const uid = ref({ id: 0, name: uidPlaceholder }) -const posko = ref({ id: "" ,name: poskoPlaceholder }) +const posko = ref({ id: 0 ,name: poskoPlaceholder }) const emit = defineEmits(['update:filters']) const data = ref({ uid: uid.value, diff --git a/src/components/Pages/Gangguan/Table_1.vue b/src/components/Pages/Gangguan/Table_1.vue index e874a5c..991fc26 100755 --- a/src/components/Pages/Gangguan/Table_1.vue +++ b/src/components/Pages/Gangguan/Table_1.vue @@ -242,35 +242,43 @@ const closeDetail = () => { showDetail.value = false } const onExporting = (e: any) => { + if (e.format === 'pdf') { const doc = new jsPDF({ orientation: 'landscape', unit: 'mm', - format: 'a4', - + format: 'F4', }) + // Add title on each page + const title = "Daftar Gangguan Dialihkan Ke Posko Lain"; - // autoTable(doc, { - - // margin: { top: 20 }, // Adjust top margin as needed - // styles: { - // fontSize: 8, - // overflow: 'linebreak', // Enable linebreaks to fit content - // }, - // startY: 10, // Adjust startY position as needed - // head: [['No Laporan', 'Pembuat Laporan', 'Tgl Lapor', 'Tgl Dialihkan', 'Tgl Response', 'Tgl Recovery', 'Durasi Response Time', 'Durasi Recovery Time', 'Posko Awal', 'Posko Tujuan', 'Status', 'IDPEL/NO METER', 'Nama Pelapor', 'Alamat Pelapor', 'No Telp Pelapor', 'Keterangan Pelapor', 'Sumber Lapor', 'Posko']], - // body: data.value.map((item) => - // [item.no_laporan, item.pembuat_laporan, item.waktu_lapor, item.waktu_dialihkan, item.waktu_response, item.waktu_recovery, item.durasi_response_time, item.durasi_recovery_time, item.nama_posko_lama, item.nama_posko_baru, item.status_akhir, item.idpel_nometer, item.nama_pelapor, item.alamat_pelapor, item.no_telp_pelapor, item.keterangan_pelapor, item.media, item.posko]) + // Initialize page number + const pageNumber = ref(1); + autoTable(doc, { + head: [['No Laporan', 'Pembuat Laporan', 'Tgl Lapor', 'Tgl Dialihkan', 'Tgl Response', 'Tgl Recovery', 'Durasi Response Time', 'Durasi Recovery Time', 'Posko Awal', 'Posko Tujuan', 'Status', 'IDPEL/NO METER', 'Nama Pelapor', 'Alamat Pelapor', 'No Telp Pelapor', 'Keterangan Pelapor', 'Sumber Lapor', 'Posko']], + startY: 10, + body: data.value.map((item) => + [item.no_laporan, item.pembuat_laporan, item.waktu_lapor, item.waktu_dialihkan, item.waktu_response, item.waktu_recovery, item.durasi_response_time, item.durasi_recovery_time, item.nama_posko_lama, item.nama_posko_baru, item.status_akhir, item.idpel_nometer, item.nama_pelapor, item.alamat_pelapor, item.no_telp_pelapor, item.keterangan_pelapor, item.media, item.posko]), + styles: { + fontSize: 6, + cellWidth: 'wrap' + }, + + }) + doc.setProperties({ + title: 'Daftar Gangguan Dialihkan Ke Posko Lain', + subject: 'Daftar Gangguan Dialihkan Ke Posko Lain', + }); + + pageNumber.value++; // Increment the pageNumber + doc.save(`Daftar Gangguan Dialihkan Ke Posko Lain.pdf`) + + // exportToPdf({ + // jsPDFDocument: doc, + // component: e.component, + // }).then(() => { // }) - - - exportToPdf({ - jsPDFDocument: doc, - component: e.component, - }).then(() => { - doc.save(`Daftar Gangguan Dialihkan Ke Posko Lain.pdf`) - }) } else { const workbook = new Workbook() const worksheet = workbook.addWorksheet('Daftar Gangguan Dialihkan Ke Posko Lain') @@ -332,15 +340,7 @@ const filterData = (params: any) => { }) onResult((queryResult) => { if (queryResult.data != undefined) { - queryResult.data.daftarGangguanDialihkanKePoskoLain.forEach((item: any) => { - data.value = [ - ...data.value, - { - ...item, - posko: item.nama_posko_baru - } - ] - }) + data.value = queryResult.data.daftarGangguanDialihkanKePoskoLain } console.log(queryResult.data) console.log(queryResult.loading) diff --git a/src/components/Pages/Gangguan/Table_10.vue b/src/components/Pages/Gangguan/Table_10.vue index 9f59704..5008e7e 100755 --- a/src/components/Pages/Gangguan/Table_10.vue +++ b/src/components/Pages/Gangguan/Table_10.vue @@ -103,11 +103,7 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import gql from 'graphql-tag' -import { useDateStore } from '@/stores/date' -import { useSearchStore } from '@/stores/filtersAction' -import { usePostsStore } from '@/stores/posts' -import { useRegionStore } from '@/stores/region' -import { useUp3Store } from '@/stores/up3' + import { useQuery } from '@vue/apollo-composable' const position = { of: '#data' } const showIndicator = ref(true) @@ -181,7 +177,7 @@ const onExporting = (e: any) => { const { onResult, onError, loading, refetch } = useQuery(GET_REKAP_JENIS_GANGGUAN_SE004, { dateFrom: new Date().toISOString().slice(0, 10), dateTo: new Date().toISOString().slice(0, 10), - posko: '', + posko: 0, idUid: 0, idUp3: 0 }) @@ -191,7 +187,7 @@ const filterData = (params: any) => { refetch({ 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, + posko: posko ? posko.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 }) diff --git a/src/components/Pages/Gangguan/Table_11.vue b/src/components/Pages/Gangguan/Table_11.vue index c1d3fcb..407b58b 100755 --- a/src/components/Pages/Gangguan/Table_11.vue +++ b/src/components/Pages/Gangguan/Table_11.vue @@ -19,12 +19,11 @@ - + - - + @@ -188,25 +187,19 @@ query rekapitulasiGangguanPerPosko( idUid: $idUid idUp3: $idUp3 ) { - avg_durasi_dispatch avg_durasi_recovery avg_durasi_response - id_uid - id_up3 - max_durasi_dispatch + id_posko max_durasi_recovery max_durasi_response - min_durasi_dispatch min_durasi_recovery min_durasi_response + nama_posko persen_inproses persen_selesai - posko total - total_diatas_sla_dispatch total_diatas_sla_recovery total_diatas_sla_response - total_dibawah_sla_dispatch total_dibawah_sla_recovery total_dibawah_sla_response total_inproses @@ -272,7 +265,7 @@ const filterData = (params: any) => { queryResult.data.rekapitulasiGangguanPerPosko.forEach((item: any) => { const entry = { no: Number(i++), - posko: item.posko, + nama_posko: item.nama_posko, laporan: { total: item.total, sudahSelesai: { diff --git a/src/components/Pages/Gangguan/Table_12.vue b/src/components/Pages/Gangguan/Table_12.vue index 8e0c536..112c86c 100755 --- a/src/components/Pages/Gangguan/Table_12.vue +++ b/src/components/Pages/Gangguan/Table_12.vue @@ -22,7 +22,7 @@ - @@ -116,26 +116,20 @@ query rekapitulasiGangguanPerRegu( idUid: $idUid idUp3: $idUp3 ) { + id_regu nama_regu - avg_durasi_dispatch avg_durasi_recovery avg_durasi_response - id_uid - id_up3 - max_durasi_dispatch max_durasi_recovery max_durasi_response - min_durasi_dispatch min_durasi_recovery min_durasi_response persen_inproses persen_selesai - posko + nama_posko total - total_diatas_sla_dispatch total_diatas_sla_recovery total_diatas_sla_response - total_dibawah_sla_dispatch total_dibawah_sla_recovery total_dibawah_sla_response total_inproses diff --git a/src/components/Pages/Gangguan/Table_13.vue b/src/components/Pages/Gangguan/Table_13.vue index f21b23b..e8bd5e1 100755 --- a/src/components/Pages/Gangguan/Table_13.vue +++ b/src/components/Pages/Gangguan/Table_13.vue @@ -1,30 +1,27 @@