From 054ca7934390e46ed8e30f6c7fd79a1b0b5f10db Mon Sep 17 00:00:00 2001 From: Eko Haryadi Date: Fri, 23 Feb 2024 11:04:40 +0700 Subject: [PATCH 1/6] Update page title to "Executive Information Systems" --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 72f89e9..965a1db 100755 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - Executive Information System + Executive Information Systems
From c30a02206f161ed3d4938252cf1efa2b9a0f8e12 Mon Sep 17 00:00:00 2001 From: Eko Haryadi Date: Fri, 23 Feb 2024 11:05:11 +0700 Subject: [PATCH 2/6] Update page title in index.html --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 965a1db..72f89e9 100755 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - Executive Information Systems + Executive Information System
From d8c66c23d173bd1d5f5641aee64cfe712a6d4357 Mon Sep 17 00:00:00 2001 From: Eko Haryadi Date: Fri, 23 Feb 2024 14:30:56 +0700 Subject: [PATCH 3/6] Rekapitulasi Gangguan Berdasarkan Media --- src/components/Form/FiltersType/Type9.vue | 2 +- src/components/Pages/Gangguan/Table_1.vue | 60 ++++++------ src/components/Pages/Gangguan/Table_10.vue | 10 +- src/components/Pages/Gangguan/Table_11.vue | 19 ++-- src/components/Pages/Gangguan/Table_12.vue | 12 +-- src/components/Pages/Gangguan/Table_13.vue | 101 ++++++++++----------- src/components/Pages/Gangguan/Table_9.vue | 6 +- 7 files changed, 92 insertions(+), 118 deletions(-) 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 @@ diff --git a/src/components/Form/FiltersType/Type7.vue b/src/components/Form/FiltersType/Type7.vue index 51d2ae9..afb7573 100755 --- a/src/components/Form/FiltersType/Type7.vue +++ b/src/components/Form/FiltersType/Type7.vue @@ -65,18 +65,18 @@ const setMax = (value: any) => { const triggerInput = ref(false) const changeDuration = (value: any) => { if (value.id === 0) { - setMin("1 Menit") - setMax("5 Menit") + setMin("1") + setMax("5") console.log('Durasi Menit') triggerInput.value = false } else if (value.id === 1) { - setMin("1 Menit") - setMax("45 Menit") + setMin("1") + setMax("45") console.log('Dibawah / Sesuai SLA (<= 45 menit)') triggerInput.value = true } else { - setMin("45 Menit") - setMax(99999 * 60 * 24+ ' Menit') + setMin("45") + setMax(99999 * 60 * 24) triggerInput.value = true console.log('Melebihi SLA (> 45 menit)') } diff --git a/src/components/Form/FiltersType/reference.ts b/src/components/Form/FiltersType/reference.ts index b73e00f..dbf6727 100755 --- a/src/components/Form/FiltersType/reference.ts +++ b/src/components/Form/FiltersType/reference.ts @@ -2,7 +2,7 @@ import { usePostsStore } from '@/stores/posts' import { useRegionStore } from '@/stores/region' import { useUlpStore } from '@/stores/ulp' import { useUp3Store } from '@/stores/up3' -import { getUid, getUp3, getPosko, getUlp, getRegional } from '@/utils/network' +import { getUid, getUp3, getPosko, getUlp, getRegional, getUidRegional } from '@/utils/network' import { ref } from 'vue' interface Item { id: any @@ -28,12 +28,12 @@ const years = ref([]) for (let i = 0; i < 5; i++) { years.value.push({ id: year - i, name: year - i }) } -const itemsUid = ref([]) -const itemsUp3 = ref([]) -const itemsPosko = ref([]) -const itemsUlp = ref([]) -const itemsRegional = ref([]) -const itemsMedia = ref([]) +let itemsUid = ref([]) +let itemsUp3 = ref([]) +let itemsPosko = ref([]) +let itemsUlp = ref([]) +let itemsRegional = ref([]) +let itemsMedia = ref([]) // Fetch data from the API using Axios const fetchMedia = () => { itemsMedia.value = [ @@ -52,6 +52,23 @@ const fetchMedia = () => { { id: 'Call PLN 123', name: 'Call PLN 123' } ] } +const fetchUidByRegional = async (regional: number) => { + if (regional == 0) { + itemsUid.value = []; + } else { + try { + const res = await getUidRegional(regional) + itemsUid.value = res.data.map((item: any) => ( + { + id: item.id, + name: item.nama.toUpperCase(), + } + )); + } catch (error) { + console.error('Error fetching data:', error); + } + } +} // Fetch data from the API using Axios const fetchUid = async () => { try { @@ -68,36 +85,51 @@ const fetchUid = async () => { } const fetchDataUp3 = async (uid: number) => { - try { - const res = await getUp3(uid) - itemsUp3.value = res.data.map((item: any) => ({ - id: item.id, - name: item.nama - })) - } catch (error) { - console.error('Error fetching data:', error) + if (uid == 0) { + itemsUp3.value = []; + itemsUlp.value = []; + itemsPosko.value = []; + } else { + try { + const res = await getUp3(uid); + itemsUp3.value = res.data.map((item: any) => ({ + id: item.id, + name: item.nama + })) + } catch (error) { + console.error('Error fetching data:', error) + } } } const fetchDataUlp = async (up3: number) => { - try { - const res = await getUlp(up3) - itemsUlp.value = res.data.map((item: any) => ({ - id: item.id, - name: item.nama - })) - } catch (error) { - console.error('Error fetching data:', error) + + if (up3 == 0) { + itemsUlp.value = [] + } else { + try { + const res = await getUlp(up3) + itemsUlp.value = res.data.map((item: any) => ({ + id: item.id, + name: item.name + })) + } catch (error) { + console.error('Error fetching data:', error) + } } } const fetchDataPosko = async (up3: number) => { - try { - const res = await getPosko(up3) - itemsPosko.value = res.data.map((item: any) => ({ - id: item.id, - name: item.nama - })) - } catch (error) { - console.error('Error fetching data:', error) + if (up3 == 0) { + itemsPosko.value = [] + } else { + try { + const res = await getPosko(up3) + itemsPosko.value = res.data.map((item: any) => ({ + id: item.id, + name: item.nama + })) + } catch (error) { + console.error('Error fetching data:', error) + } } } const fetchRegional = async () => { @@ -136,15 +168,16 @@ const selectedUlp = (value: any) => { } export { + selectedUid, selectedUp3Posko, selectedUp3Ulp, selectedPosko, selectedUlp, fetchRegional, + fetchUidByRegional, fetchUid, fetchMedia, - fetchStatus, itemsUid, itemsUp3, itemsPosko, diff --git a/src/components/Pages/Gangguan/Table_1.vue b/src/components/Pages/Gangguan/Table_1.vue index 991fc26..3783e22 100755 --- a/src/components/Pages/Gangguan/Table_1.vue +++ b/src/components/Pages/Gangguan/Table_1.vue @@ -1,9 +1,7 @@ @@ -109,6 +111,7 @@ const GET_REKAPITULASI_BERDASARKAN_MEDIA = gql` idUp3: $idUp3 ) { media + total tgl1 tgl10 tgl11 diff --git a/src/components/Pages/Keluhan/Table_23.vue b/src/components/Pages/Keluhan/Table_23.vue index ba05c15..48c9d22 100755 --- a/src/components/Pages/Keluhan/Table_23.vue +++ b/src/components/Pages/Keluhan/Table_23.vue @@ -24,12 +24,9 @@ :calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1" data-type="number" caption="No" /> - + - - @@ -138,20 +135,20 @@ const GET_DATA = gql` idUid: $idUid idUp3: $idUp3 ) { - alamat_pelapor - durasi_recovery_time - durasi_response_time - id_keluhan - idpel_nometer - keterangan_pelapor - media - nama_pelapor - no_laporan - no_telp_pelapor - idUlp - status_akhir - waktu_recovery - waktu_response + alamat_pelapor + durasi_recovery_time + durasi_response_time + idpel_nometer + keterangan_pelapor + media + nama_pelapor + nama_unit + no_laporan + no_telp_pelapor + status_akhir + waktu_lapor + waktu_recovery + waktu_response } } ` @@ -160,21 +157,19 @@ const { onResult, onError, loading, refetch } = useQuery(GET_DATA, { dateTo: new Date('2023-10-01').toISOString().slice(0, 10), minDurasiResponseTime: 0, maxDurasiResponseTime: 0, - idUlp: '', + idUlp: 0, idUid: 0, idUp3: 0 }) const filterData = (params: any) => { const dateValue = params.periode.split(' s/d ') - const { idUlp, uid, up3 } = params - const minDurasiResponseTime = params.minDurasiResponseTime ? params.minDurasiResponseTime : 0 - const maxDurasiResponseTime = params.maxDurasiResponseTime ? params.maxDurasiResponseTime : 0 + const { ulp, uid, up3,maxTime,minTime } = params 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), - minDurasiResponseTime: minDurasiResponseTime, - maxDurasiResponseTime: maxDurasiResponseTime, - idUlp: idUlp ? idUlp.id : "", + minDurasiResponseTime: minTime, + maxDurasiResponseTime:maxTime, + idUlp: ulp ? ulp.id :0, idUid: uid ? uid.id :0, idUp3: up3? up3.id:0}) diff --git a/src/components/Pages/Keluhan/Table_24.vue b/src/components/Pages/Keluhan/Table_24.vue index 678798d..bcec550 100755 --- a/src/components/Pages/Keluhan/Table_24.vue +++ b/src/components/Pages/Keluhan/Table_24.vue @@ -12,10 +12,10 @@ :allow-column-resizing="true" column-resizing-mode="widget" :word-wrap-enabled="true"> - - + + @@ -24,18 +24,13 @@ :calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1" data-type="number" caption="No" /> - + - - - @@ -140,20 +135,20 @@ const GET_DATA = gql` idUid: $idUid idUp3: $idUp3 ) { - alamat_pelapor - durasi_recovery_time - durasi_response_time - id_keluhan - idpel_nometer - keterangan_pelapor - media - nama_pelapor - no_laporan - no_telp_pelapor - idUlp - status_akhir - waktu_recovery - waktu_response + alamat_pelapor +durasi_recovery_time +durasi_response_time +idpel_nometer +keterangan_pelapor +media +nama_pelapor +nama_unit +no_laporan +no_telp_pelapor +status_akhir +waktu_lapor +waktu_recovery +waktu_response } } ` @@ -163,28 +158,27 @@ const { onResult, onError, loading, refetch } = useQuery(GET_DATA, { dateTo: new Date('2023-10-01').toISOString().slice(0, 10), minDurasiRecoveryTime: 0, maxDurasiRecoveryTime: 0, - idUlp: '', + idUlp: 0, idUid: 0, idUp3: 0 }) const filterData = (params: any) => { const dateValue = params.periode.split(' s/d ') - const { idUlp, uid, up3 } = params - const minDurasiRecoveryTime = params.minDurasiRecoveryTime ? params.minDurasiRecoveryTime : 0 - const maxDurasiRecoveryTime = params.maxDurasiRecoveryTime ? params.maxDurasiRecoveryTime : 0 + const { ulp, uid, up3,minTime,maxTime } = params 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), - minDurasiRecoveryTime: minDurasiRecoveryTime, - maxDurasiRecoveryTime: maxDurasiRecoveryTime, - idUlp: idUlp ? idUlp.id : "", - idUid: uid ? uid.id :0, - idUp3: up3? up3.id:0}) + minDurasiRecoveryTime: minTime, + maxDurasiRecoveryTime: maxTime, + idUlp: ulp ? ulp.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0 + }) onResult((queryResult) => { if (queryResult.data != undefined) { data.value = queryResult.data.daftarKeluhanRecoveryTime - + } console.log(queryResult.data) console.log(queryResult.loading) @@ -193,7 +187,7 @@ const filterData = (params: any) => { onError((error) => { console.log(error) }) - + } const filters = ref(); diff --git a/src/components/Pages/Keluhan/Table_25.vue b/src/components/Pages/Keluhan/Table_25.vue index 7a3a3e6..23ab09d 100755 --- a/src/components/Pages/Keluhan/Table_25.vue +++ b/src/components/Pages/Keluhan/Table_25.vue @@ -159,7 +159,7 @@ const GET_DATA = gql` const { onResult, onError,loading,refetch } = useQuery(GET_DATA, { dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), dateTo: new Date('2023-10-01').toISOString().slice(0, 10), - idUlp: '', + idUlp: 0, idUid: 0, idUp3: 0 }) @@ -170,7 +170,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), - idUlp: idUlp ? idUlp.id : "", + idUlp: idUlp ? idUlp.id : 0, idUid: uid ? uid.id :0, idUp3: up3? up3.id:0}) diff --git a/src/components/Pages/Keluhan/Table_26.vue b/src/components/Pages/Keluhan/Table_26.vue index 94dae7c..f6d2589 100755 --- a/src/components/Pages/Keluhan/Table_26.vue +++ b/src/components/Pages/Keluhan/Table_26.vue @@ -6,16 +6,16 @@ " />
- - - + + @@ -157,25 +157,26 @@ const GET_DATA = gql` const { onResult, onError, loading, refetch } = useQuery(GET_DATA, { dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), dateTo: new Date('2023-10-01').toISOString().slice(0, 10), - idUlp: '', + idUlp: 0, idUid: 0, idUp3: 0 }) const filterData = (params: any) => { const dateValue = params.periode.split(' s/d ') - const { idUlp, uid, up3 } = params + const { idUlp, uid, up3 } = params 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), - idUlp: idUlp ? idUlp.id : "", - idUid: uid ? uid.id :0, - idUp3: up3? up3.id:0}) + idUlp: idUlp ? idUlp.id : 0, + idUid: uid ? uid.id : 0, + idUp3: up3 ? up3.id : 0 + }) onResult((queryResult) => { if (queryResult.data != undefined) { data.value = queryResult.data.daftarKeluhanBerdasarkanMedia - + } console.log(queryResult.data) console.log(queryResult.loading) diff --git a/src/components/Pages/Keluhan/Table_27.vue b/src/components/Pages/Keluhan/Table_27.vue index d7109e6..42b7342 100755 --- a/src/components/Pages/Keluhan/Table_27.vue +++ b/src/components/Pages/Keluhan/Table_27.vue @@ -154,7 +154,7 @@ const GET_DATA = gql` const { onResult, onError, loading, refetch } = useQuery(GET_DATA, { dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), dateTo: new Date('2023-10-01').toISOString().slice(0, 10), - idUlp: '', + idUlp: 0, idUid: 0, idUp3: 0, media: 'Twitter' @@ -168,7 +168,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), - idUlp: idUlp ? idUlp.id : "", + idUlp: idUlp ? idUlp.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0, media: media diff --git a/src/components/Pages/Keluhan/Table_28.vue b/src/components/Pages/Keluhan/Table_28.vue index 364367f..0932408 100755 --- a/src/components/Pages/Keluhan/Table_28.vue +++ b/src/components/Pages/Keluhan/Table_28.vue @@ -167,7 +167,7 @@ query rekapitulasiKeluhanAll const { onResult, onError,loading,refetch } = useQuery(GET_DATA, { dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), dateTo: new Date('2023-10-01').toISOString().slice(0, 10), - idUlp: '', + idUlp: 0, idUid: 0, idUp3: 0 }) @@ -179,7 +179,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), - idUlp: idUlp ? idUlp.id : "", + idUlp: idUlp ? idUlp.id : 0, idUid: uid ? uid.id :0, idUp3: up3? up3.id:0}) diff --git a/src/components/Pages/Keluhan/Table_29.vue b/src/components/Pages/Keluhan/Table_29.vue index b284b46..a8fe7d0 100755 --- a/src/components/Pages/Keluhan/Table_29.vue +++ b/src/components/Pages/Keluhan/Table_29.vue @@ -182,7 +182,7 @@ const GET_DATA = gql` const { onResult, onError, loading, refetch } = useQuery(GET_DATA, { dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), dateTo: new Date('2023-10-01').toISOString().slice(0, 10), - idUlp: '', + idUlp: 0, idUid: 0, idUp3: 0 }) @@ -194,7 +194,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), - idUlp: idUlp ? idUlp.id : "", + idUlp: idUlp ? idUlp.id : 0, idUid: uid ? uid.id :0, idUp3: up3? up3.id:0}) diff --git a/src/components/Pages/Keluhan/Table_30.vue b/src/components/Pages/Keluhan/Table_30.vue index 1c6f626..d4a94c1 100755 --- a/src/components/Pages/Keluhan/Table_30.vue +++ b/src/components/Pages/Keluhan/Table_30.vue @@ -188,7 +188,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), - idUlp: idUlp ? idUlp.id : "", + idUlp: idUlp ? idUlp.id : 0, idUid: uid ? uid.id :0, idUp3: up3? up3.id:0}) diff --git a/src/components/Pages/Keluhan/Table_31.vue b/src/components/Pages/Keluhan/Table_31.vue index 3da43a6..7a230b4 100755 --- a/src/components/Pages/Keluhan/Table_31.vue +++ b/src/components/Pages/Keluhan/Table_31.vue @@ -188,7 +188,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), - idUlp: idUlp ? idUlp.id : "", + idUlp: idUlp ? idUlp.id : 0, idUid: uid ? uid.id :0, idUp3: up3? up3.id:0}) diff --git a/src/components/Pages/Keluhan/Table_32.vue b/src/components/Pages/Keluhan/Table_32.vue index 9820702..e17c568 100755 --- a/src/components/Pages/Keluhan/Table_32.vue +++ b/src/components/Pages/Keluhan/Table_32.vue @@ -197,7 +197,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), - idUlp: idUlp ? idUlp.id : "", + idUlp: idUlp ? idUlp.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 }) diff --git a/src/components/Pages/Keluhan/Table_33.vue b/src/components/Pages/Keluhan/Table_33.vue index 91c35bc..a602e4d 100755 --- a/src/components/Pages/Keluhan/Table_33.vue +++ b/src/components/Pages/Keluhan/Table_33.vue @@ -184,7 +184,7 @@ const GET_DATA = gql` const { onResult, onError, loading, refetch } = useQuery(GET_DATA, { dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), dateTo: new Date('2023-10-01').toISOString().slice(0, 10), - idUlp: '', + idUlp: 0, idUid: 0, idUp3: 0 }) @@ -196,7 +196,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), - idUlp: idUlp ? idUlp.id : "", + idUlp: idUlp ? idUlp.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 }) diff --git a/src/components/Pages/Keluhan/Table_34.vue b/src/components/Pages/Keluhan/Table_34.vue index 666be59..4c011bc 100755 --- a/src/components/Pages/Keluhan/Table_34.vue +++ b/src/components/Pages/Keluhan/Table_34.vue @@ -145,7 +145,7 @@ const GET_DATA = gql` const { onResult, onError, loading, refetch } = useQuery(GET_DATA, { dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), dateTo: new Date('2023-10-01').toISOString().slice(0, 10), - idUlp: '', + idUlp: 0, idUid: 0, idUp3: 0 }) @@ -157,7 +157,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), - idUlp: idUlp ? idUlp.id : "", + idUlp: idUlp ? idUlp.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 }) diff --git a/src/components/Pages/Keluhan/Table_35.vue b/src/components/Pages/Keluhan/Table_35.vue index 82c7654..af8584f 100755 --- a/src/components/Pages/Keluhan/Table_35.vue +++ b/src/components/Pages/Keluhan/Table_35.vue @@ -177,7 +177,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), - idUlp: idUlp ? idUlp.id : "", + idUlp: idUlp ? idUlp.id : 0, idUid: uid ? uid.id : 0, idUp3: up3 ? up3.id : 0 }) diff --git a/src/components/Select.vue b/src/components/Select.vue index 5092440..57b341b 100755 --- a/src/components/Select.vue +++ b/src/components/Select.vue @@ -29,6 +29,8 @@ const selected = ref(data.value[0].id) watch( () => props.selected, (value: any) => { + console.log('value', value) + console.log('aaaaaaaaaaaaaaaa') selected.value = value.id } ) From f7d8cc102acf072df6c75265d2af64c54d7ff81c Mon Sep 17 00:00:00 2001 From: Eko Haryadi Date: Fri, 23 Feb 2024 17:14:26 +0700 Subject: [PATCH 6/6] Refactor code: Initialize variables with const and remove unused variables --- src/components/Form/FiltersType/reference.ts | 21 ++++++++++---------- 1 file changed, 10 insertions(+), 11 deletions(-) diff --git a/src/components/Form/FiltersType/reference.ts b/src/components/Form/FiltersType/reference.ts index dbf6727..f3134d1 100755 --- a/src/components/Form/FiltersType/reference.ts +++ b/src/components/Form/FiltersType/reference.ts @@ -28,12 +28,12 @@ const years = ref([]) for (let i = 0; i < 5; i++) { years.value.push({ id: year - i, name: year - i }) } -let itemsUid = ref([]) -let itemsUp3 = ref([]) -let itemsPosko = ref([]) -let itemsUlp = ref([]) -let itemsRegional = ref([]) -let itemsMedia = ref([]) +const itemsUid = ref([]) +const itemsUp3 = ref([]) +const itemsPosko = ref([]) +const itemsUlp = ref([]) +const itemsRegional = ref([]) +const itemsMedia = ref([]) // Fetch data from the API using Axios const fetchMedia = () => { itemsMedia.value = [ @@ -76,7 +76,7 @@ const fetchUid = async () => { itemsUid.value = res.data.map((item: any) => ( { id: item.id, - name: item.nama.toUpperCase(), + name: item.nama, } )); } catch (error) { @@ -147,18 +147,17 @@ const fetchRegional = async () => { } const selectedUid = (value: any) => { - useRegionStore().setData(value.id) fetchDataUp3(value.id) } const selectedUp3Posko = (value: any) => { if (value.id != 0) { - useUp3Store().setData(value.id) fetchDataPosko(value.id) } } const selectedUp3Ulp = (value: any) => { - useUp3Store().setData(value.id) - fetchDataUlp(value.id) + if (value.id != 0) { + fetchDataUlp(value.id) + } } const selectedPosko = (value: any) => { usePostsStore().setData(value.id)