defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update posko parameter to accept integer instead of string

Browse Source
This commit is contained in:
Eko Haryadi 2024-02-23 10:46:21 +07:00
parent ef73152128
commit c58904aa32
42 changed files with 144 additions and 163 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/DatePicker.vue
View File

@ -42,7 +42,7 @@ watch(dateValue, (newValue) => {
:formatter="formatter" :formatter="formatter"
separator=" s/d " separator=" s/d "
:shortcuts="customShortcuts" :shortcuts="customShortcuts"
:auto-apply="false" :auto-apply="true"
as-single as-single
use-range use-range
v-slot="{ value, placeholder }" v-slot="{ value, placeholder }"

2
src/components/Form/FiltersType/Type16.vue
View File

@ -20,7 +20,7 @@ const mediaPlaceholder = 'Semua Media'
const up3 = ref({ id: 0, name: up3Placeholder }) const up3 = ref({ id: 0, name: up3Placeholder })
const uid = ref({ id: 0, name: uidPlaceholder }) const uid = ref({ id: 0, name: uidPlaceholder })
const posko = ref({ id: 0, name: poskoPlaceholder }) const posko = ref({ id: 0, name: poskoPlaceholder })
const media = ref({ id: 0, name: mediaPlaceholder }) const media = ref({ id: "", name: mediaPlaceholder })
const emit = defineEmits(['update:filters']) const emit = defineEmits(['update:filters'])
const data = ref({ const data = ref({
uid: uid.value, uid: uid.value,

43
src/components/Form/FiltersType/reference.ts
View File

@ -2,7 +2,7 @@ import { usePostsStore } from '@/stores/posts'
import { useRegionStore } from '@/stores/region' import { useRegionStore } from '@/stores/region'
import { useUlpStore } from '@/stores/ulp' import { useUlpStore } from '@/stores/ulp'
import { useUp3Store } from '@/stores/up3' import { useUp3Store } from '@/stores/up3'
import { getUid, getUp3, getPosko, getUlp,getRegional } from '@/utils/network' import { getUid, getUp3, getPosko, getUlp, getRegional } from '@/utils/network'
import { ref } from 'vue' import { ref } from 'vue'
interface Item { interface Item {
id: any id: any
@ -55,8 +55,8 @@ const fetchMedia = () => {
// Fetch data from the API using Axios // Fetch data from the API using Axios
const fetchUid = async () => { const fetchUid = async () => {
try { try {
const res = await getRegional() const res = await getUid()
itemsRegional.value = res.data.map((item: any) => ( itemsUid.value = res.data.map((item: any) => (
{ {
id: item.id, id: item.id,
name: item.nama.toUpperCase(), name: item.nama.toUpperCase(),
@ -100,31 +100,20 @@ const fetchDataPosko = async (up3: number) => {
console.error('Error fetching data:', error) console.error('Error fetching data:', error)
} }
} }
const fetchRegional = () => { const fetchRegional = async () => {
itemsRegional.value = [ try {
{ id: '1', name: 'Wilayah Sumatera' }, const res = await getRegional()
{ id: '2', name: 'Wilayah Jawa Bali' }, itemsRegional.value = res.data.map((item: any) => (
{ id: '3', name: 'Wilayah Kalimantan' }, {
{ id: '4', name: 'Wilayah Sulawesi' }, id: item.id,
{ id: '5', name: 'Wilayah Nusa Tenggara' }, name: item.nama.toUpperCase(),
{ id: '6', name: 'Wilayah Maluku Papua' } }
] ));
} } catch (error) {
const fetchStatus = (data: any) => { console.error('Error fetching data:', error);
const status = [ }
{ id: '8', name: 'Selesai' },
{ id: '7', name: 'Nyala' },
{ id: '6', name: 'Pengalihan' },
{ id: '5', name: 'Dialihkan' },
{ id: '4', name: 'Dalam Pengerjaan' },
{ id: '3', name: 'Dalam Perjalanan' },
{ id: '2', name: 'Penugasan Regu' },
{ id: '1', name: 'lapor' }
]
const filteredStatus = status.find((item) => item.id == data)
const name = filteredStatus ? filteredStatus.name : null
return name
} }
const selectedUid = (value: any) => { const selectedUid = (value: any) => {
useRegionStore().setData(value.id) useRegionStore().setData(value.id)
fetchDataUp3(value.id) fetchDataUp3(value.id)

46
src/components/Pages/Gangguan/Table_1.vue
View File

@ -1,20 +1,13 @@
<template> <template>
<Filters <Filters @run-search="() => {
@run-search="
() => {
console.log(filters) console.log(filters)
filterData(filters) filterData(filters)
} }
" " class="mb-4">
class="mb-4" <Type1 @update:filters="(value) => {
>
<Type1
@update:filters="
(value) => {
filters = value filters = value
} }
" " />
/>
</Filters> </Filters>
<div id="dataTable"> <div id="dataTable">
@ -225,8 +218,9 @@ import {
} from 'devextreme-vue/data-grid' } from 'devextreme-vue/data-grid'
import { computed, onMounted, ref, watch } from 'vue' import { computed, onMounted, ref, watch } from 'vue'
import { jsPDF } from 'jspdf' import { jsPDF } from 'jspdf'
import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
import autoTable from 'jspdf-autotable' import autoTable from 'jspdf-autotable'
import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter' import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
@ -235,7 +229,6 @@ import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
import InputText from '@/components/InputText.vue' import InputText from '@/components/InputText.vue'
import { useQuery } from '@vue/apollo-composable' import { useQuery } from '@vue/apollo-composable'
import gql from 'graphql-tag' import gql from 'graphql-tag'
import { fetchStatus } from '@/components/Form/FiltersType/reference'
const position = { of: '#dataTable' } const position = { of: '#dataTable' }
const showIndicator = ref(true) const showIndicator = ref(true)
const shading = ref(true) const shading = ref(true)
@ -250,15 +243,32 @@ const closeDetail = () => {
} }
const onExporting = (e: any) => { const onExporting = (e: any) => {
if (e.format === 'pdf') { if (e.format === 'pdf') {
const doc = new jsPDF() const doc = new jsPDF({
orientation: 'landscape',
unit: 'mm',
format: 'a4',
})
// 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])
// })
exportToPdf({ exportToPdf({
jsPDFDocument: doc, jsPDFDocument: doc,
component: e.component, component: e.component,
indent:100
}).then(() => { }).then(() => {
doc.save(`Daftar Gangguan Dialihkan Ke Posko Lain.pdf`) doc.save(`Daftar Gangguan Dialihkan Ke Posko Lain.pdf`)
}) })
} else { } else {

2
src/components/Pages/Gangguan/Table_10.vue
View File

@ -118,7 +118,7 @@ const GET_REKAP_JENIS_GANGGUAN_SE004 = gql`
query rekapitulasiJenisGangguanSE004( query rekapitulasiJenisGangguanSE004(
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {

4
src/components/Pages/Gangguan/Table_11.vue
View File

@ -177,7 +177,7 @@ const GET_REKAPITULASI_GANGGUAN_PER_POSKO = gql`
query rekapitulasiGangguanPerPosko( query rekapitulasiGangguanPerPosko(
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {
@ -251,7 +251,7 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
const { onResult, onError, loading, refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_PER_POSKO, { const { onResult, onError, loading, refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_PER_POSKO, {
dateFrom: new Date("2023-10-01").toISOString().slice(0, 10), dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
dateTo: new Date("2023-10-01").toISOString().slice(0, 10), dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
posko: "", posko: 0,
idUid: 0, idUid: 0,
idUp3: 0, idUp3: 0,
}) })

4
src/components/Pages/Gangguan/Table_12.vue
View File

@ -105,7 +105,7 @@ const GET_REKAPITULASI_GANGGUAN_PER_REGU = gql`
query rekapitulasiGangguanPerRegu( query rekapitulasiGangguanPerRegu(
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {
@ -178,7 +178,7 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
const { onResult, onError, loading, refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_PER_REGU, { const { onResult, onError, loading, refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_PER_REGU, {
dateFrom: new Date("2023-10-01").toISOString().slice(0, 10), dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
dateTo: new Date("2023-10-01").toISOString().slice(0, 10), dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
posko: "", posko: 0,
idUid: 0, idUid: 0,
idUp3: 0, idUp3: 0,
}) })

4
src/components/Pages/Gangguan/Table_13.vue
View File

@ -141,7 +141,7 @@ const GET_REKAPITULASI_GANGGUAN_PER_TANGGAL = gql`
query rekapitulasiGangguanPerTanggal( query rekapitulasiGangguanPerTanggal(
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {
@ -181,7 +181,7 @@ query rekapitulasiGangguanPerTanggal(
const { onResult, onError,loading,refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_PER_TANGGAL, { const { onResult, onError,loading,refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_PER_TANGGAL, {
dateFrom: new Date("2023-10-01").toISOString().slice(0, 10), dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
dateTo: new Date("2023-10-01").toISOString().slice(0, 10), dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
posko: "", posko: 0,
idUid: 0, idUid: 0,
idUp3: 0, idUp3: 0,
}) })

2
src/components/Pages/Gangguan/Table_14.vue
View File

@ -98,7 +98,7 @@ const GET_REKAPITULASI_BERDASARKAN_MEDIA = gql`
query rekapitulasiGangguanBerdasarkanMedia( query rekapitulasiGangguanBerdasarkanMedia(
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {

4
src/components/Pages/Gangguan/Table_15.vue
View File

@ -90,7 +90,7 @@ query rekapitulasiGangguanAlihPosko
( (
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {
@ -113,7 +113,7 @@ query rekapitulasiGangguanAlihPosko
const { onResult, onError,loading,refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_ALIH_POSKO, { const { onResult, onError,loading,refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_ALIH_POSKO, {
dateFrom: new Date("2023-10-01").toISOString().slice(0, 10), dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
dateTo: new Date("2023-10-01").toISOString().slice(0, 10), dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
posko: "", posko: 0,
idUid: 0, idUid: 0,
idUp3: 0, idUp3: 0,
}) })

4
src/components/Pages/Gangguan/Table_16.vue
View File

@ -225,7 +225,7 @@ query rekapitulasiGangguanDiselesaikanMobileAPKT
( (
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {
@ -265,7 +265,7 @@ query rekapitulasiGangguanDiselesaikanMobileAPKT
const { onResult, onError, loading, refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_DISELESAIKAN_MOBILE_APKT, { const { onResult, onError, loading, refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_DISELESAIKAN_MOBILE_APKT, {
dateFrom: new Date("2023-10-01").toISOString().slice(0, 10), dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
dateTo: new Date("2023-10-01").toISOString().slice(0, 10), dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
posko: "", posko: 0,
idUid: 0, idUid: 0,
idUp3: 0, idUp3: 0,
}) })

4
src/components/Pages/Gangguan/Table_17.vue
View File

@ -159,7 +159,7 @@ query rekapitulasiGangguanRatingPerPosko
( (
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {
@ -195,7 +195,7 @@ query rekapitulasiGangguanRatingPerPosko
const { onResult, onError,loading,refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_RATING_PER_POSKO, { const { onResult, onError,loading,refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_RATING_PER_POSKO, {
dateFrom: new Date("2023-10-01").toISOString().slice(0, 10), dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
dateTo: new Date("2023-10-01").toISOString().slice(0, 10), dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
posko: "", posko: 0,
idUid: 0, idUid: 0,
idUp3: 0, idUp3: 0,
}) })

2
src/components/Pages/Gangguan/Table_18.vue
View File

@ -136,7 +136,7 @@ const GET_REKAPITULASI_GANGGUAN_ALIH_POSKO = gql`
query rekapitulasiGangguanRatingPerRegu( query rekapitulasiGangguanRatingPerRegu(
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {

4
src/components/Pages/Gangguan/Table_19.vue
View File

@ -111,7 +111,7 @@ query rekapitulasiGangguanKoreksiTransaksiIndividual
( (
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {
@ -143,7 +143,7 @@ query rekapitulasiGangguanKoreksiTransaksiIndividual
const { onResult, onError, loading, refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_KOREKSI_TRANSAKSI_INDIVIDUAL, { const { onResult, onError, loading, refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_KOREKSI_TRANSAKSI_INDIVIDUAL, {
dateFrom: new Date("2023-10-01").toISOString().slice(0, 10), dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
dateTo: new Date("2023-10-01").toISOString().slice(0, 10), dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
posko: "", posko: 0,
idUid: 0, idUid: 0,
idUp3: 0, idUp3: 0,
}) })

12
src/components/Pages/Gangguan/Table_2.vue
View File

@ -48,7 +48,7 @@
caption="Keterangan Pelapor" cell-template="data" /> caption="Keterangan Pelapor" cell-template="data" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="media" <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="media"
caption="Sumber Lapor" cell-template="data" /> caption="Sumber Lapor" cell-template="data" />
<DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="posko" caption="Posko" <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="nama_posko" caption="Posko"
cell-template="data" /> cell-template="data" />
<template #data="{ data }"> <template #data="{ data }">
@ -196,7 +196,7 @@ const closeDetail = () => {
} }
const GET_GANGGUAN_MELAPOR_LEBIHDARI_SATU_KALI = gql` const GET_GANGGUAN_MELAPOR_LEBIHDARI_SATU_KALI = gql`
query gangguan ($minJmlLapor: Int!, $maxJmlLapor: Int!, $dateFrom: Date!, $dateTo: Date!, $posko: String!, $idUid: Int!, $idUp3: Int!) { query gangguan ($minJmlLapor: Int!, $maxJmlLapor: Int!, $dateFrom: Date!, $dateTo: Date!, $posko: Int!, $idUid: Int!, $idUp3: Int!) {
daftarGangguanMelaporLebihDariSatuKali( daftarGangguanMelaporLebihDariSatuKali(
minJmlLapor: $minJmlLapor minJmlLapor: $minJmlLapor
maxJmlLapor: $maxJmlLapor maxJmlLapor: $maxJmlLapor
@ -207,8 +207,9 @@ query gangguan ($minJmlLapor: Int!, $maxJmlLapor: Int!, $dateFrom: Date!, $dateT
idUp3: $idUp3 idUp3: $idUp3
) { ) {
alamat_pelapor alamat_pelapor
pembuat_laporan
durasi_response_time durasi_response_time
id_gangguan durasi_recovery_time
idpel_nometer idpel_nometer
jumlah_lapor jumlah_lapor
keterangan_pelapor keterangan_pelapor
@ -216,10 +217,11 @@ query gangguan ($minJmlLapor: Int!, $maxJmlLapor: Int!, $dateFrom: Date!, $dateT
nama_pelapor nama_pelapor
no_laporan no_laporan
no_telp_pelapor no_telp_pelapor
posko
status_akhir status_akhir
waktu_lapor
waktu_recovery waktu_recovery
waktu_response waktu_response
nama_posko
} }
}`; }`;
const { onResult, onError, loading, refetch } = useQuery(GET_GANGGUAN_MELAPOR_LEBIHDARI_SATU_KALI, { const { onResult, onError, loading, refetch } = useQuery(GET_GANGGUAN_MELAPOR_LEBIHDARI_SATU_KALI, {
@ -227,7 +229,7 @@ const { onResult, onError, loading, refetch } = useQuery(GET_GANGGUAN_MELAPOR_LE
maxJmlLapor: 1, maxJmlLapor: 1,
dateFrom: new Date().toISOString().slice(0, 10), dateFrom: new Date().toISOString().slice(0, 10),
dateTo: new Date().toISOString().slice(0, 10), dateTo: new Date().toISOString().slice(0, 10),
posko: "", posko: 0,
idUid: 0, idUid: 0,
idUp3: 0, idUp3: 0,
}) })

2
src/components/Pages/Gangguan/Table_20.vue
View File

@ -117,7 +117,7 @@ const GET_REKAPITULASI_GANGGUAN_ALIH_POSKO = gql`
query rekapitulasiGangguanCleansingTransaksiTM( query rekapitulasiGangguanCleansingTransaksiTM(
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {

23
src/components/Pages/Gangguan/Table_3.vue
View File

@ -46,7 +46,7 @@
caption="No Telp Pelapor" /> caption="No Telp Pelapor" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="keterangan_pelapor" <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="keterangan_pelapor"
caption="Keterangan Pelapor" /> caption="Keterangan Pelapor" />
<DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="posko" caption="Posko" /> <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="nama_posko" caption="Posko" />
</DxDataGrid> </DxDataGrid>
</div> </div>
@ -68,7 +68,6 @@ const showPane = ref(true);
const data = ref<any[]>([]) const data = ref<any[]>([])
const filterData = (params: any) => { const filterData = (params: any) => {
const { minTime, maxTime, posko, uid, up3 } = params; const { minTime, maxTime, posko, uid, up3 } = params;
console.log(params)
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
refetch({ refetch({
dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10), dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10),
@ -81,9 +80,8 @@ const filterData = (params: any) => {
}) })
onResult(queryResult => { onResult(queryResult => {
if (queryResult.data != undefined) { if (queryResult.data != undefined) {
data.value = queryResult.data.daftarGangguanMelaporLebihDariSatuKali; data.value = queryResult.data.daftarGangguanResponseTime;
} }
console.log(queryResult.data)
console.log(queryResult.loading) console.log(queryResult.loading)
console.log(queryResult.networkStatus) console.log(queryResult.networkStatus)
}) })
@ -97,7 +95,7 @@ query daftarGangguanResponseTime(
$dateTo: Date! $dateTo: Date!
$minDurasiResponseTime: Int! $minDurasiResponseTime: Int!
$maxDurasiResponseTime: Int! $maxDurasiResponseTime: Int!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {
@ -113,15 +111,16 @@ query daftarGangguanResponseTime(
alamat_pelapor alamat_pelapor
durasi_recovery_time durasi_recovery_time
durasi_response_time durasi_response_time
id_gangguan
idpel_nometer idpel_nometer
keterangan_pelapor keterangan_pelapor
media media
nama_pelapor nama_pelapor
is_marking
no_laporan no_laporan
no_telp_pelapor no_telp_pelapor
posko nama_posko
status_akhir status_akhir
waktu_lapor
waktu_recovery waktu_recovery
waktu_response waktu_response
} }
@ -131,18 +130,10 @@ const { onResult, onError, loading, refetch } = useQuery(GET_DAFTAR_GANGGUAN_RES
dateTo: new Date().toISOString().slice(0, 10), dateTo: new Date().toISOString().slice(0, 10),
minDurasiResponseTime: 1, //menit minDurasiResponseTime: 1, //menit
maxDurasiResponseTime: 1,// menit maxDurasiResponseTime: 1,// menit
posko: "", posko: 0,
idUid: 0, idUid: 0,
idUp3: 0, idUp3: 0,
}) })
onResult(queryResult => {
if (queryResult.data != undefined) {
data.value = queryResult.data.daftarGangguanResponseTime;
}
console.log(queryResult.data)
console.log(queryResult.loading)
console.log(queryResult.networkStatus)
})
const filters = ref() const filters = ref()
</script> </script>

17
src/components/Pages/Gangguan/Table_4.vue
View File

@ -6,7 +6,7 @@
" /> " />
</Filters> </Filters>
<div id="data"> <div id="data">
<DxDataGrid class="max-h-[calc(100vh-140px)]" :show-column-lines="true" :show-row-lines="false" :show-borders="true" <DxDataGrid class="max-h-[calc(100vh-140px)]" :data-source="data" :show-column-lines="true" :show-row-lines="false" :show-borders="true"
:row-alternation-enabled="true" :hover-state-enabled="true" @selection-changed="" :column-width="100" :row-alternation-enabled="true" :hover-state-enabled="true" @selection-changed="" :column-width="100"
@exporting="" :allow-column-resizing="true" column-resizing-mode="widget"> @exporting="" :allow-column-resizing="true" column-resizing-mode="widget">
<DxSelection mode="single" /> <DxSelection mode="single" />
@ -34,7 +34,7 @@
caption="Durasi Recovery Time" /> caption="Durasi Recovery Time" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="status_akhir" <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="status_akhir"
caption="Status" /> caption="Status" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="referensi_marking" <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="is_marking"
caption="Referensi Marking" /> caption="Referensi Marking" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="idpel_nometer" <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="idpel_nometer"
caption="IDPEL/NO METER" /> caption="IDPEL/NO METER" />
@ -48,7 +48,7 @@
caption="Keterangan Pelapor" /> caption="Keterangan Pelapor" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="media" <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="media"
caption="Sumber Lapor" /> caption="Sumber Lapor" />
<DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="posko" caption="Posko" /> <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="nama_posko" caption="Posko" />
</DxDataGrid> </DxDataGrid>
</div> </div>
@ -67,6 +67,7 @@ const showIndicator = ref(true);
const shading = ref(true); const shading = ref(true);
const showPane = ref(true); const showPane = ref(true);
const data = ref<any[]>([]) const data = ref<any[]>([])
const filterData = (params: any) => { const filterData = (params: any) => {
const { minDurasiRecoveryTime, maxDurasiRecoveryTime, posko, uid, up3 } = params; const { minDurasiRecoveryTime, maxDurasiRecoveryTime, posko, uid, up3 } = params;
const dateValue = params.periode.split(' s/d ') const dateValue = params.periode.split(' s/d ')
@ -83,7 +84,6 @@ const filterData = (params: any) => {
if (queryResult.data != undefined) { if (queryResult.data != undefined) {
data.value = queryResult.data.daftarGangguanRecoveryTime; data.value = queryResult.data.daftarGangguanRecoveryTime;
} }
console.log(queryResult.data)
console.log(queryResult.loading) console.log(queryResult.loading)
console.log(queryResult.networkStatus) console.log(queryResult.networkStatus)
}) })
@ -97,7 +97,7 @@ query daftarGangguanRecoveryTime(
$dateTo: Date! $dateTo: Date!
$minDurasiRecoveryTime: Int! $minDurasiRecoveryTime: Int!
$maxDurasiRecoveryTime: Int! $maxDurasiRecoveryTime: Int!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {
@ -113,15 +113,16 @@ query daftarGangguanRecoveryTime(
alamat_pelapor alamat_pelapor
durasi_recovery_time durasi_recovery_time
durasi_response_time durasi_response_time
id_gangguan
idpel_nometer idpel_nometer
keterangan_pelapor keterangan_pelapor
media media
nama_pelapor nama_pelapor
no_laporan no_laporan
is_marking
no_telp_pelapor no_telp_pelapor
posko nama_posko
status_akhir status_akhir
waktu_lapor
waktu_recovery waktu_recovery
waktu_response waktu_response
} }
@ -132,7 +133,7 @@ const { onResult, onError, loading, refetch } = useQuery(GET_DAFTAR_GANGGUAN_REC
dateTo: new Date().toISOString().slice(0, 10), dateTo: new Date().toISOString().slice(0, 10),
minDurasiRecoveryTime: 1, //menit minDurasiRecoveryTime: 1, //menit
maxDurasiRecoveryTime: 1,// menit maxDurasiRecoveryTime: 1,// menit
posko: "", posko: 0,
idUid: 0, idUid: 0,
idUp3: 0, idUp3: 0,
}) })

10
src/components/Pages/Gangguan/Table_5.vue
View File

@ -46,7 +46,7 @@
caption="Keterangan Pelapor" /> caption="Keterangan Pelapor" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="media" <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="media"
caption="Sumber Lapor" /> caption="Sumber Lapor" />
<DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="posko" caption="Posko" /> <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="nama_posko" caption="Posko" />
</DxDataGrid> </DxDataGrid>
</div> </div>
@ -68,7 +68,7 @@ const GET_SELESAI_TANPA_ID_PELANGGAN = gql`
query daftarGangguanSelesaiTanpaIdPelanggan( query daftarGangguanSelesaiTanpaIdPelanggan(
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {
@ -82,15 +82,15 @@ query daftarGangguanSelesaiTanpaIdPelanggan(
alamat_pelapor alamat_pelapor
durasi_recovery_time durasi_recovery_time
durasi_response_time durasi_response_time
id_gangguan
idpel_nometer idpel_nometer
keterangan_pelapor keterangan_pelapor
media media
nama_pelapor nama_pelapor
no_laporan no_laporan
no_telp_pelapor no_telp_pelapor
posko nama_posko
status_akhir status_akhir
waktu_lapor
waktu_recovery waktu_recovery
waktu_response waktu_response
} }
@ -98,7 +98,7 @@ query daftarGangguanSelesaiTanpaIdPelanggan(
const { onResult, onError, loading, refetch } = useQuery(GET_SELESAI_TANPA_ID_PELANGGAN, { const { onResult, onError, loading, refetch } = useQuery(GET_SELESAI_TANPA_ID_PELANGGAN, {
dateFrom: new Date().toISOString().slice(0, 10), dateFrom: new Date().toISOString().slice(0, 10),
dateTo: new Date().toISOString().slice(0, 10), dateTo: new Date().toISOString().slice(0, 10),
posko: "", posko: 0,
idUid: 0, idUid: 0,
idUp3: 0, idUp3: 0,
}) })

13
src/components/Pages/Gangguan/Table_6.vue
View File

@ -60,7 +60,7 @@ const GET_DAFTAR_GANGGUAN_BERDASARKAN_MEDIA = gql`
query daftarGangguanBerdasarkanMedia( query daftarGangguanBerdasarkanMedia(
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
$media : String! $media : String!
@ -76,23 +76,25 @@ query daftarGangguanBerdasarkanMedia(
alamat_pelapor alamat_pelapor
durasi_recovery_time durasi_recovery_time
durasi_response_time durasi_response_time
id_gangguan
idpel_nometer idpel_nometer
keterangan_pelapor keterangan_pelapor
media media
nama_pelapor nama_pelapor
no_laporan no_laporan
no_telp_pelapor no_telp_pelapor
posko nama_posko
status_akhir status_akhir
waktu_media
waktu_lapor
waktu_recovery waktu_recovery
waktu_response waktu_response
keterangan_media
} }
}`; }`;
const { onResult, onError, loading, refetch } = useQuery(GET_DAFTAR_GANGGUAN_BERDASARKAN_MEDIA, { const { onResult, onError, loading, refetch } = useQuery(GET_DAFTAR_GANGGUAN_BERDASARKAN_MEDIA, {
dateFrom: new Date().toISOString().slice(0, 10), dateFrom: new Date().toISOString().slice(0, 10),
dateTo: new Date().toISOString().slice(0, 10), dateTo: new Date().toISOString().slice(0, 10),
posko: "", posko: 0,
idUid: 0, idUid: 0,
idUp3: 0, idUp3: 0,
media : "Twitter" media : "Twitter"
@ -106,11 +108,12 @@ const filterData = (params: any) => {
posko: posko ? posko.id : 0, posko: posko ? posko.id : 0,
idUid: uid ? uid.id : 0, idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0, idUp3: up3 ? up3.id : 0,
media : media ? media.id : "Twitter" media : media ? media.id : ""
}) })
onResult(queryResult => { onResult(queryResult => {
if (queryResult.data != undefined) { if (queryResult.data != undefined) {
data.value = queryResult.data.daftarGangguanBerdasarkanMedia; data.value = queryResult.data.daftarGangguanBerdasarkanMedia;
} }
console.log(queryResult.data) console.log(queryResult.data)
console.log(queryResult.loading) console.log(queryResult.loading)

10
src/components/Pages/Gangguan/Table_7.vue
View File

@ -46,7 +46,7 @@
caption="Keterangan Pelapor" /> caption="Keterangan Pelapor" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="media" <DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="media"
caption="Sumber Lapor" /> caption="Sumber Lapor" />
<DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="posko" caption="Posko" /> <DxColumn css-class="custom-table-column" :width="170" alignment="center" data-field="nama_posko" caption="Posko" />
</DxDataGrid> </DxDataGrid>
</div> </div>
@ -69,7 +69,7 @@ const GET_DAFTAR_GANGGUAN_DI_SELESAIKAN_MOBILE_APKT = gql`
query daftarGangguanDiselesaikanMobileAPKT( query daftarGangguanDiselesaikanMobileAPKT(
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {
@ -83,15 +83,15 @@ query daftarGangguanDiselesaikanMobileAPKT(
alamat_pelapor alamat_pelapor
durasi_recovery_time durasi_recovery_time
durasi_response_time durasi_response_time
id_gangguan
idpel_nometer idpel_nometer
keterangan_pelapor keterangan_pelapor
media media
nama_pelapor nama_pelapor
no_laporan no_laporan
no_telp_pelapor no_telp_pelapor
posko nama_posko
status_akhir status_akhir
waktu_lapor
waktu_recovery waktu_recovery
waktu_response waktu_response
} }
@ -99,7 +99,7 @@ query daftarGangguanDiselesaikanMobileAPKT(
const { onResult, onError, loading, refetch } = useQuery(GET_DAFTAR_GANGGUAN_DI_SELESAIKAN_MOBILE_APKT, { const { onResult, onError, loading, refetch } = useQuery(GET_DAFTAR_GANGGUAN_DI_SELESAIKAN_MOBILE_APKT, {
dateFrom: new Date("2023-10-01").toISOString().slice(0, 10), dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
dateTo: new Date("2023-10-01").toISOString().slice(0, 10), dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
posko: "", posko: 0,
idUid: 0, idUid: 0,
idUp3: 0, idUp3: 0,
}) })

32
src/components/Pages/Gangguan/Table_8.vue
View File

@ -12,8 +12,8 @@
:allow-column-resizing="true" column-resizing-mode="widget"> :allow-column-resizing="true" column-resizing-mode="widget">
<DxSelection mode="single" /> <DxSelection mode="single" />
<DxPaging :page-size="5" :enabled="true" /> <DxPaging :page-size="5" :enabled="true" />
<DxPager :visible="true" :allowed-page-sizes="[5, 10, 20]" display-mode="full" <DxPager :visible="true" :allowed-page-sizes="[5, 10, 20]" display-mode="full" :show-page-size-selector="true"
:show-page-size-selector="true" :show-info="true" :show-navigation-buttons="true" /> :show-info="true" :show-navigation-buttons="true" />
<DxLoadPanel :position="position" :show-indicator="showIndicator" :show-pane="showPane" :shading="shading" <DxLoadPanel :position="position" :show-indicator="showIndicator" :show-pane="showPane" :shading="shading"
v-if="loading" v-model:visible="loading" :enabled="true" /> v-if="loading" v-model:visible="loading" :enabled="true" />
<DxSearchPanel :visible="true" :highlight-case-sensitive="true" /> <DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
@ -21,7 +21,7 @@
<DxColumn css-class="custom-table-column" :width="50" alignment="center" <DxColumn css-class="custom-table-column" :width="50" alignment="center"
:calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1" data-type="number" caption="No" /> :calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1" data-type="number" caption="No" />
<DxColumn :width="150" alignment="center" data-field="nama_unit" caption="Nama Unit" <DxColumn :width="150" alignment="center" data-field="nama_posko" caption="Nama Unit"
css-class="custom-table-column" /> css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="total" data-type="number" caption="Total" <DxColumn :width="150" alignment="center" data-field="total" data-type="number" caption="Total"
:allow-resizing="false" css-class="custom-table-column" /> :allow-resizing="false" css-class="custom-table-column" />
@ -52,7 +52,7 @@
:allow-resizing="false" css-class="custom-table-column" /> :allow-resizing="false" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="min_durasi_response" data-type="number" caption="Min" <DxColumn :width="150" alignment="center" data-field="min_durasi_response" data-type="number" caption="Min"
:allow-resizing="false" css-class="custom-table-column" /> :allow-resizing="false" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="total_diatas_sla_repsonse" data-type="number" <DxColumn :width="150" alignment="center" data-field="total_diatas_sla_response" data-type="number"
caption=">SLA" :allow-resizing="false" css-class="custom-table-column" /> caption=">SLA" :allow-resizing="false" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="total_dibawah_sla_response" data-type="number" <DxColumn :width="150" alignment="center" data-field="total_dibawah_sla_response" data-type="number"
caption="≤SLA" :allow-resizing="false" css-class="custom-table-column" /> caption="≤SLA" :allow-resizing="false" css-class="custom-table-column" />
@ -88,11 +88,6 @@ import { Workbook } from 'exceljs'
import gql from 'graphql-tag'; import gql from 'graphql-tag';
import { useQuery } from '@vue/apollo-composable' import { useQuery } from '@vue/apollo-composable'
import { useSearchStore } from '@/stores/filtersAction'
import { useDateStore } from '@/stores/date'
import { usePostsStore } from '@/stores/posts'
import { useRegionStore } from '@/stores/region'
import { useUp3Store } from '@/stores/up3'
const position = { of: '#data' }; const position = { of: '#data' };
const showIndicator = ref(true); const showIndicator = ref(true);
const shading = ref(true); const shading = ref(true);
@ -102,7 +97,7 @@ const GET_REKAPITULASI_GANGGUAN_ALL = gql`
query rekapitulasiAllGangguan( query rekapitulasiAllGangguan(
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {
@ -116,8 +111,6 @@ query rekapitulasiAllGangguan(
avg_durasi_dispatch avg_durasi_dispatch
avg_durasi_recovery avg_durasi_recovery
avg_durasi_response avg_durasi_response
id_uid
id_up3
max_durasi_dispatch max_durasi_dispatch
max_durasi_recovery max_durasi_recovery
max_durasi_response max_durasi_response
@ -126,7 +119,7 @@ query rekapitulasiAllGangguan(
min_durasi_response min_durasi_response
persen_inproses persen_inproses
persen_selesai persen_selesai
posko nama_posko
total total
total_diatas_sla_dispatch total_diatas_sla_dispatch
total_diatas_sla_recovery total_diatas_sla_recovery
@ -141,20 +134,18 @@ query rekapitulasiAllGangguan(
const { onResult, onError, loading, refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_ALL, { const { onResult, onError, loading, refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_ALL, {
dateFrom: new Date().toISOString().slice(0, 10), dateFrom: new Date().toISOString().slice(0, 10),
dateTo: new Date().toISOString().slice(0, 10), dateTo: new Date().toISOString().slice(0, 10),
posko: "", posko: 0,
idUid: 0, idUid: 0,
idUp3: 0, idUp3: 0,
}) })
const filterData = (param: any) => { const filterData = (params: any) => {
const dateValue = useDateStore().getDateValue().split(' s/d '); const { posko, uid, up3 } = params
const posko = usePostsStore().getData() ? usePostsStore().getData() : "" const dateValue = params.periode.split(' s/d ')
const up3 = useUp3Store().getData() ? useUp3Store().getData() : 0
const uid = useRegionStore().getData() ? useRegionStore().getData() : 0
refetch({ refetch({
dateFrom: dateValue[0] ? dateValue[0].split('-').reverse().join('-') : new Date().toISOString().slice(0, 10), 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), 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, idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0, idUp3: up3 ? up3.id : 0,
}) })
@ -163,7 +154,6 @@ const filterData = (param: any) => {
queryResult.data.rekapitulasiAllGangguan.forEach((item: any) => { queryResult.data.rekapitulasiAllGangguan.forEach((item: any) => {
data.value = [...data.value, { data.value = [...data.value, {
...item, ...item,
nama_unit: 'UNIT'
}]; }];
}) })

7
src/components/Pages/Gangguan/Table_9.vue
View File

@ -146,11 +146,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs' import { Workbook } from 'exceljs'
import gql from 'graphql-tag' 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' import { useQuery } from '@vue/apollo-composable'
const position = { of: '#data' } const position = { of: '#data' }
const showIndicator = ref(true) const showIndicator = ref(true)
@ -162,7 +157,7 @@ const GET_REKAP_JENIS_GANGGUAN = gql`
query daftarGangguanRecoveryTime( query daftarGangguanRecoveryTime(
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {

2
src/components/Pages/Keluhan/Table_21.vue
View File

@ -123,7 +123,7 @@ const GET_DAFTAR_KELUHAN_DIPINDAHKAN_KE_POSKO_LAIN = gql`
query daftarKeluhanDipindahkanKePoskoLain( query daftarKeluhanDipindahkanKePoskoLain(
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {

2
src/components/Pages/Keluhan/Table_22.vue
View File

@ -129,7 +129,7 @@ const GET_DATA = gql`
$maxJmlLapor: Int! $maxJmlLapor: Int!
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {

2
src/components/Pages/Keluhan/Table_23.vue
View File

@ -125,7 +125,7 @@ const GET_DATA = gql`
$dateTo: Date! $dateTo: Date!
$minDurasiResponseTime: Int! $minDurasiResponseTime: Int!
$maxDurasiResponseTime: Int! $maxDurasiResponseTime: Int!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {

2
src/components/Pages/Keluhan/Table_24.vue
View File

@ -127,7 +127,7 @@ const GET_DATA = gql`
$dateTo: Date! $dateTo: Date!
$minDurasiRecoveryTime: Int! $minDurasiRecoveryTime: Int!
$maxDurasiRecoveryTime: Int! $maxDurasiRecoveryTime: Int!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {

2
src/components/Pages/Keluhan/Table_25.vue
View File

@ -127,7 +127,7 @@ const GET_DATA = gql`
query daftarKeluhanSelesaiTanpaIdPelanggan( query daftarKeluhanSelesaiTanpaIdPelanggan(
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {

2
src/components/Pages/Keluhan/Table_26.vue
View File

@ -123,7 +123,7 @@ const GET_DATA = gql`
query daftarKeluhanBerdasarkanMedia( query daftarKeluhanBerdasarkanMedia(
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
$media: String! $media: String!

2
src/components/Pages/Keluhan/Table_27.vue
View File

@ -121,7 +121,7 @@ const GET_DATA = gql`
( (
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {

2
src/components/Pages/Keluhan/Table_28.vue
View File

@ -126,7 +126,7 @@ query rekapitulasiKeluhanAll
( (
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {

2
src/components/Pages/Keluhan/Table_29.vue
View File

@ -147,7 +147,7 @@ const GET_DATA = gql`
query rekapitulasiKeluhanPenyelesaianPerFungsiBidang( query rekapitulasiKeluhanPenyelesaianPerFungsiBidang(
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {

4
src/components/Pages/Keluhan/Table_30.vue
View File

@ -138,7 +138,7 @@ query rekapitulasiKeluhanPerJenisKeluhan
( (
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {
@ -176,7 +176,7 @@ query rekapitulasiKeluhanPerJenisKeluhan
const { onResult, onError, loading,refetch } = useQuery(GET_DATA, { const { onResult, onError, loading,refetch } = useQuery(GET_DATA, {
dateFrom: new Date("2023-10-01").toISOString().slice(0, 10), dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
dateTo: new Date("2023-10-01").toISOString().slice(0, 10), dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
posko: "", posko: 0,
idUid: 0, idUid: 0,
idUp3: 0, idUp3: 0,
}) })

4
src/components/Pages/Keluhan/Table_31.vue
View File

@ -138,7 +138,7 @@ query rekapitulasiKeluhanPerKelompokKeluhan
( (
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {
@ -176,7 +176,7 @@ query rekapitulasiKeluhanPerKelompokKeluhan
const { onResult, onError ,loading,refetch} = useQuery(GET_DATA, { const { onResult, onError ,loading,refetch} = useQuery(GET_DATA, {
dateFrom: new Date("2023-10-01").toISOString().slice(0, 10), dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
dateTo: new Date("2023-10-01").toISOString().slice(0, 10), dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
posko: "", posko: 0,
idUid: 0, idUid: 0,
idUp3: 0, idUp3: 0,
}) })

2
src/components/Pages/Keluhan/Table_32.vue
View File

@ -145,7 +145,7 @@ const GET_DATA = gql`
query rekapitulasiKeluhanPerTanggal( query rekapitulasiKeluhanPerTanggal(
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {

2
src/components/Pages/Keluhan/Table_33.vue
View File

@ -144,7 +144,7 @@ const GET_DATA = gql`
query rekapitulasiKeluhanPerUnit( query rekapitulasiKeluhanPerUnit(
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {

2
src/components/Pages/Keluhan/Table_34.vue
View File

@ -96,7 +96,7 @@ const GET_DATA = gql`
query rekapitulasiKeluhanBerdasarkanMedia( query rekapitulasiKeluhanBerdasarkanMedia(
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {

4
src/components/Pages/Keluhan/Table_35.vue
View File

@ -131,7 +131,7 @@ query rekapitulasiKeluhanRatingPerUnit
( (
$dateFrom: Date! $dateFrom: Date!
$dateTo: Date! $dateTo: Date!
$posko: String! $posko: Int!
$idUid: Int! $idUid: Int!
$idUp3: Int! $idUp3: Int!
) { ) {
@ -165,7 +165,7 @@ query rekapitulasiKeluhanRatingPerUnit
const { onResult, onError, loading, refetch } = useQuery(GET_DATA, { const { onResult, onError, loading, refetch } = useQuery(GET_DATA, {
dateFrom: new Date("2023-10-01").toISOString().slice(0, 10), dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
dateTo: new Date("2023-10-01").toISOString().slice(0, 10), dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
posko: "", posko: 0,
idUid: 0, idUid: 0,
idUp3: 0, idUp3: 0,
}) })

2
src/components/Pages/Monalisa/Table_38.vue
View File

@ -91,7 +91,7 @@ const monalisaRecoveryTimeGangguan = gql`
`; `;
const { onResult, onError, loading, refetch } = useQuery(monalisaRecoveryTimeGangguan, { const { onResult, onError, loading, refetch } = useQuery(monalisaRecoveryTimeGangguan, {
regional: "", regional: "",
posko: "", posko: 0,
idUid: 0, idUid: 0,
idUp3: 0, idUp3: 0,
bulan: 10, bulan: 10,

2
src/components/Pages/Monalisa/Table_47.vue
View File

@ -116,7 +116,7 @@ const monalisaRecoveryTimeKeluhan = gql`
`; `;
const { onResult, onError, loading, refetch } = useQuery(monalisaRecoveryTimeKeluhan, { const { onResult, onError, loading, refetch } = useQuery(monalisaRecoveryTimeKeluhan, {
regional: "", regional: "",
posko: "", posko: 0,
idUid: 0, idUid: 0,
idUp3: 0, idUp3: 0,
bulan: 10, bulan: 10,

2
src/utils/graphql.ts
View File

@ -3,7 +3,7 @@ import { ApolloClient, createHttpLink, InMemoryCache } from '@apollo/client/core
export const apolloClient = () => { export const apolloClient = () => {
const httpLink = createHttpLink({ const httpLink = createHttpLink({
uri: 'http://10.8.0.13:32169/graphql', uri: 'http://10.8.0.31:32169/graphql',
credentials: 'include', // Include credentials for cross-origin requests credentials: 'include', // Include credentials for cross-origin requests
}); });

2
src/utils/network.ts
View File

@ -13,4 +13,4 @@ const getJenisTransaksi = async () => await instance.get('/jenisTransaksi')
const getUp3 = async (uid: number) => await instance.get('/up3?uid=' + uid) const getUp3 = async (uid: number) => await instance.get('/up3?uid=' + uid)
const getUlp = async (up3: number) => await instance.get('/ulp?up3=' + up3) const getUlp = async (up3: number) => await instance.get('/ulp?up3=' + up3)
const getPosko = async (uppp: number) => await instance.get('/posko?up3=' + uppp) const getPosko = async (uppp: number) => await instance.get('/posko?up3=' + uppp)
export { getUid, getUp3, getPosko, getUlp, getMedia, getJenisTransaksi, getUidRegional,getRegional} export { getUid, getUp3, getPosko, getUlp, getMedia, getJenisTransaksi, getUidRegional, getRegional }