From 4a4a6d085fc5dc2398473929112c10e8f007b8a0 Mon Sep 17 00:00:00 2001 From: probdg Date: Fri, 9 Feb 2024 16:15:42 +0700 Subject: [PATCH] Update network base URL and table columns --- src/components/Pages/Gangguan/Table_14.vue | 130 +++++++++++---------- src/components/Pages/Keluhan/Table_27.vue | 4 +- src/components/Pages/Keluhan/Table_28.vue | 20 ++-- src/components/Pages/Keluhan/Table_29.vue | 114 +++++++++--------- src/components/Pages/Keluhan/Table_30.vue | 34 +++--- src/components/Pages/Keluhan/Table_33.vue | 44 +++---- src/components/Pages/Keluhan/Table_34.vue | 14 +-- src/components/Pages/Keluhan/Table_35.vue | 34 +++--- src/utils/network.ts | 2 +- 9 files changed, 193 insertions(+), 203 deletions(-) diff --git a/src/components/Pages/Gangguan/Table_14.vue b/src/components/Pages/Gangguan/Table_14.vue index e2db059..af2873c 100644 --- a/src/components/Pages/Gangguan/Table_14.vue +++ b/src/components/Pages/Gangguan/Table_14.vue @@ -12,17 +12,14 @@ - + - @@ -31,18 +28,27 @@ import { onMounted, ref } from 'vue' import { useFiltersStore } from '@/stores/filters' import { DxDataGrid } from 'devextreme-vue' -import { DxColumn, DxColumnFixing, DxExport, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid' +import { + DxColumn, + DxColumnFixing, + DxExport, + DxLoadPanel, + DxPaging, + DxScrolling, + DxSearchPanel, + DxSelection +} from 'devextreme-vue/data-grid' import { jsPDF } from 'jspdf' import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter' import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' import { useQuery } from '@vue/apollo-composable' -import gql from 'graphql-tag'; -const position = { of: '#data' }; -const showIndicator = ref(true); -const shading = ref(true); -const showPane = ref(true); +import gql from 'graphql-tag' +const position = { of: '#data' } +const showIndicator = ref(true) +const shading = ref(true) +const showPane = ref(true) const onExporting = (e: any) => { if (e.format === 'pdf') { const doc = new jsPDF() @@ -50,7 +56,7 @@ const onExporting = (e: any) => { exportToPdf({ jsPDFDocument: doc, component: e.component, - indent: 5, + indent: 5 }).then(() => { doc.save(`.pdf`) }) @@ -61,7 +67,7 @@ const onExporting = (e: any) => { exportToExcel({ component: e.component, worksheet, - autoFilterEnabled: true, + autoFilterEnabled: true }).then(() => { workbook.xlsx.writeBuffer().then((buffer: any) => { saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'DataGrid.xlsx') @@ -77,71 +83,71 @@ const onSelectionChanged = ({ selectedRowsData }: any) => { console.log(data) } - const data = ref([]) const GET_REKAPITULASI_BERDASARKAN_MEDIA = gql` -query rekapitulasiGangguanBerdasarkanMedia( + query rekapitulasiGangguanBerdasarkanMedia( $dateFrom: Date! $dateTo: Date! $posko: String! $idUid: Int! $idUp3: Int! -) { + ) { rekapitulasiGangguanBerdasarkanMedia( - dateFrom: $dateFrom - dateTo: $dateTo - posko: $posko - idUid: $idUid - idUp3: $idUp3 + dateFrom: $dateFrom + dateTo: $dateTo + posko: $posko + idUid: $idUid + idUp3: $idUp3 ) { - media - tgl1 - tgl10 - tgl11 - tgl12 - tgl13 - tgl14 - tgl15 - tgl16 - tgl17 - tgl18 - tgl19 - tgl2 - tgl20 - tgl21 - tgl22 - tgl23 - tgl24 - tgl25 - tgl26 - tgl27 - tgl28 - tgl29 - tgl3 - tgl30 - tgl31 - tgl4 - tgl5 - tgl6 - tgl7 - tgl8 - tgl9 - } -}`; + media + tgl1 + tgl10 + tgl11 + tgl12 + tgl13 + tgl14 + tgl15 + tgl16 + tgl17 + tgl18 + tgl19 + tgl2 + tgl20 + tgl21 + tgl22 + tgl23 + tgl24 + tgl25 + tgl26 + tgl27 + tgl28 + tgl29 + tgl3 + tgl30 + tgl31 + tgl4 + tgl5 + tgl6 + tgl7 + tgl8 + tgl9 + } + } +` const loadingVisible = ref(true) onMounted(() => { const filters = useFiltersStore() const { onResult, onError } = useQuery(GET_REKAPITULASI_BERDASARKAN_MEDIA, { - dateFrom: new Date("2023-10-01").toISOString().slice(0, 10), - dateTo: new Date("2023-10-01").toISOString().slice(0, 10), - posko: "", + dateFrom: new Date('2023-10-01').toISOString().slice(0, 10), + dateTo: new Date('2023-10-01').toISOString().slice(0, 10), + posko: '', idUid: 0, - idUp3: 0, + idUp3: 0 }) - onResult(queryResult => { + onResult((queryResult) => { if (queryResult.data != undefined) { - data.value = queryResult.data.rekapitulasiGangguanBerdasarkanMedia; + data.value = queryResult.data.rekapitulasiGangguanBerdasarkanMedia loadingVisible.value = false } console.log(queryResult.data) @@ -156,4 +162,4 @@ onMounted(() => { reportButton: true }) }) - \ No newline at end of file + diff --git a/src/components/Pages/Keluhan/Table_27.vue b/src/components/Pages/Keluhan/Table_27.vue index 2df9da5..555348b 100644 --- a/src/components/Pages/Keluhan/Table_27.vue +++ b/src/components/Pages/Keluhan/Table_27.vue @@ -126,7 +126,7 @@ const GET_DATA = gql` alamat_pelapor durasi_recovery_time durasi_response_time - id_keluhan! + id_keluhan idpel_nometer keterangan_pelapor media @@ -134,7 +134,7 @@ const GET_DATA = gql` no_laporan no_telp_pelapor posko - status_akhir! + status_akhir waktu_recovery waktu_response } diff --git a/src/components/Pages/Keluhan/Table_28.vue b/src/components/Pages/Keluhan/Table_28.vue index b316033..3c1fa72 100644 --- a/src/components/Pages/Keluhan/Table_28.vue +++ b/src/components/Pages/Keluhan/Table_28.vue @@ -14,15 +14,15 @@ - - - - - @@ -36,15 +36,15 @@ css-class="custom-table-column" /> - - - - - diff --git a/src/components/Pages/Keluhan/Table_29.vue b/src/components/Pages/Keluhan/Table_29.vue index 7147ac0..d3c8763 100644 --- a/src/components/Pages/Keluhan/Table_29.vue +++ b/src/components/Pages/Keluhan/Table_29.vue @@ -1,9 +1,9 @@