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"
separator=" s/d "
:shortcuts="customShortcuts"
:auto-apply="false"
:auto-apply="true"
as-single
use-range
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 uid = ref({ id: 0, name: uidPlaceholder })
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 data = ref({
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 { useUlpStore } from '@/stores/ulp'
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'
interface Item {
id: any
@ -55,8 +55,8 @@ const fetchMedia = () => {
// Fetch data from the API using Axios
const fetchUid = async () => {
try {
const res = await getRegional()
itemsRegional.value = res.data.map((item: any) => (
const res = await getUid()
itemsUid.value = res.data.map((item: any) => (
{
id: item.id,
name: item.nama.toUpperCase(),
@ -100,31 +100,20 @@ const fetchDataPosko = async (up3: number) => {
console.error('Error fetching data:', error)
}
}
const fetchRegional = () => {
itemsRegional.value = [
{ id: '1', name: 'Wilayah Sumatera' },
{ id: '2', name: 'Wilayah Jawa Bali' },
{ id: '3', name: 'Wilayah Kalimantan' },
{ id: '4', name: 'Wilayah Sulawesi' },
{ id: '5', name: 'Wilayah Nusa Tenggara' },
{ id: '6', name: 'Wilayah Maluku Papua' }
]
}
const fetchStatus = (data: any) => {
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 fetchRegional = async () => {
try {
const res = await getRegional()
itemsRegional.value = res.data.map((item: any) => (
{
id: item.id,
name: item.nama.toUpperCase(),
}
));
} catch (error) {
console.error('Error fetching data:', error);
}
}
const selectedUid = (value: any) => {
useRegionStore().setData(value.id)
fetchDataUp3(value.id)

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

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

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

@ -118,7 +118,7 @@ const GET_REKAP_JENIS_GANGGUAN_SE004 = gql`
query rekapitulasiJenisGangguanSE004(
$dateFrom: Date!
$dateTo: Date!
$posko: String!
$posko: Int!
$idUid: 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(
$dateFrom: Date!
$dateTo: Date!
$posko: String!
$posko: Int!
$idUid: Int!
$idUp3: Int!
) {
@ -251,7 +251,7 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
const { onResult, onError, loading, refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_PER_POSKO, {
dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
posko: "",
posko: 0,
idUid: 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(
$dateFrom: Date!
$dateTo: Date!
$posko: String!
$posko: Int!
$idUid: Int!
$idUp3: Int!
) {
@ -178,7 +178,7 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
const { onResult, onError, loading, refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_PER_REGU, {
dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
posko: "",
posko: 0,
idUid: 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(
$dateFrom: Date!
$dateTo: Date!
$posko: String!
$posko: Int!
$idUid: Int!
$idUp3: Int!
) {
@ -181,7 +181,7 @@ query rekapitulasiGangguanPerTanggal(
const { onResult, onError,loading,refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_PER_TANGGAL, {
dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
posko: "",
posko: 0,
idUid: 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(
$dateFrom: Date!
$dateTo: Date!
$posko: String!
$posko: Int!
$idUid: Int!
$idUp3: Int!
) {

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -6,7 +6,7 @@
" />
</Filters>
<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"
@exporting="" :allow-column-resizing="true" column-resizing-mode="widget">
<DxSelection mode="single" />
@ -34,7 +34,7 @@
caption="Durasi Recovery Time" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="status_akhir"
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" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="idpel_nometer"
caption="IDPEL/NO METER" />
@ -48,7 +48,7 @@
caption="Keterangan Pelapor" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="media"
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>
</div>
@ -67,6 +67,7 @@ const showIndicator = ref(true);
const shading = ref(true);
const showPane = ref(true);
const data = ref<any[]>([])
const filterData = (params: any) => {
const { minDurasiRecoveryTime, maxDurasiRecoveryTime, posko, uid, up3 } = params;
const dateValue = params.periode.split(' s/d ')
@ -83,7 +84,6 @@ const filterData = (params: any) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.daftarGangguanRecoveryTime;
}
console.log(queryResult.data)
console.log(queryResult.loading)
console.log(queryResult.networkStatus)
})
@ -97,7 +97,7 @@ query daftarGangguanRecoveryTime(
$dateTo: Date!
$minDurasiRecoveryTime: Int!
$maxDurasiRecoveryTime: Int!
$posko: String!
$posko: Int!
$idUid: Int!
$idUp3: Int!
) {
@ -113,15 +113,16 @@ query daftarGangguanRecoveryTime(
alamat_pelapor
durasi_recovery_time
durasi_response_time
id_gangguan
idpel_nometer
keterangan_pelapor
media
nama_pelapor
no_laporan
is_marking
no_telp_pelapor
posko
nama_posko
status_akhir
waktu_lapor
waktu_recovery
waktu_response
}
@ -132,7 +133,7 @@ const { onResult, onError, loading, refetch } = useQuery(GET_DAFTAR_GANGGUAN_REC
dateTo: new Date().toISOString().slice(0, 10),
minDurasiRecoveryTime: 1, //menit
maxDurasiRecoveryTime: 1,// menit
posko: "",
posko: 0,
idUid: 0,
idUp3: 0,
})

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

@ -46,7 +46,7 @@
caption="Keterangan Pelapor" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="media"
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>
</div>
@ -68,7 +68,7 @@ const GET_SELESAI_TANPA_ID_PELANGGAN = gql`
query daftarGangguanSelesaiTanpaIdPelanggan(
$dateFrom: Date!
$dateTo: Date!
$posko: String!
$posko: Int!
$idUid: Int!
$idUp3: Int!
) {
@ -82,15 +82,15 @@ query daftarGangguanSelesaiTanpaIdPelanggan(
alamat_pelapor
durasi_recovery_time
durasi_response_time
id_gangguan
idpel_nometer
keterangan_pelapor
media
nama_pelapor
no_laporan
no_telp_pelapor
posko
nama_posko
status_akhir
waktu_lapor
waktu_recovery
waktu_response
}
@ -98,7 +98,7 @@ query daftarGangguanSelesaiTanpaIdPelanggan(
const { onResult, onError, loading, refetch } = useQuery(GET_SELESAI_TANPA_ID_PELANGGAN, {
dateFrom: new Date().toISOString().slice(0, 10),
dateTo: new Date().toISOString().slice(0, 10),
posko: "",
posko: 0,
idUid: 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(
$dateFrom: Date!
$dateTo: Date!
$posko: String!
$posko: Int!
$idUid: Int!
$idUp3: Int!
$media : String!
@ -76,23 +76,25 @@ query daftarGangguanBerdasarkanMedia(
alamat_pelapor
durasi_recovery_time
durasi_response_time
id_gangguan
idpel_nometer
keterangan_pelapor
media
nama_pelapor
no_laporan
no_telp_pelapor
posko
nama_posko
status_akhir
waktu_media
waktu_lapor
waktu_recovery
waktu_response
keterangan_media
}
}`;
const { onResult, onError, loading, refetch } = useQuery(GET_DAFTAR_GANGGUAN_BERDASARKAN_MEDIA, {
dateFrom: new Date().toISOString().slice(0, 10),
dateTo: new Date().toISOString().slice(0, 10),
posko: "",
posko: 0,
idUid: 0,
idUp3: 0,
media : "Twitter"
@ -106,11 +108,12 @@ const filterData = (params: any) => {
posko: posko ? posko.id : 0,
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0,
media : media ? media.id : "Twitter"
media : media ? media.id : ""
})
onResult(queryResult => {
if (queryResult.data != undefined) {
data.value = queryResult.data.daftarGangguanBerdasarkanMedia;
}
console.log(queryResult.data)
console.log(queryResult.loading)

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

@ -46,7 +46,7 @@
caption="Keterangan Pelapor" />
<DxColumn css-class="custom-table-column" :width="150" alignment="center" data-field="media"
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>
</div>
@ -69,7 +69,7 @@ const GET_DAFTAR_GANGGUAN_DI_SELESAIKAN_MOBILE_APKT = gql`
query daftarGangguanDiselesaikanMobileAPKT(
$dateFrom: Date!
$dateTo: Date!
$posko: String!
$posko: Int!
$idUid: Int!
$idUp3: Int!
) {
@ -83,15 +83,15 @@ query daftarGangguanDiselesaikanMobileAPKT(
alamat_pelapor
durasi_recovery_time
durasi_response_time
id_gangguan
idpel_nometer
keterangan_pelapor
media
nama_pelapor
no_laporan
no_telp_pelapor
posko
nama_posko
status_akhir
waktu_lapor
waktu_recovery
waktu_response
}
@ -99,7 +99,7 @@ query daftarGangguanDiselesaikanMobileAPKT(
const { onResult, onError, loading, refetch } = useQuery(GET_DAFTAR_GANGGUAN_DI_SELESAIKAN_MOBILE_APKT, {
dateFrom: new Date("2023-10-01").toISOString().slice(0, 10),
dateTo: new Date("2023-10-01").toISOString().slice(0, 10),
posko: "",
posko: 0,
idUid: 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">
<DxSelection mode="single" />
<DxPaging :page-size="5" :enabled="true" />
<DxPager :visible="true" :allowed-page-sizes="[5, 10, 20]" display-mode="full"
:show-page-size-selector="true" :show-info="true" :show-navigation-buttons="true" />
<DxPager :visible="true" :allowed-page-sizes="[5, 10, 20]" display-mode="full" :show-page-size-selector="true"
:show-info="true" :show-navigation-buttons="true" />
<DxLoadPanel :position="position" :show-indicator="showIndicator" :show-pane="showPane" :shading="shading"
v-if="loading" v-model:visible="loading" :enabled="true" />
<DxSearchPanel :visible="true" :highlight-case-sensitive="true" />
@ -21,7 +21,7 @@
<DxColumn css-class="custom-table-column" :width="50" alignment="center"
: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" />
<DxColumn :width="150" alignment="center" data-field="total" data-type="number" caption="Total"
:allow-resizing="false" css-class="custom-table-column" />
@ -52,7 +52,7 @@
:allow-resizing="false" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="min_durasi_response" data-type="number" caption="Min"
: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" />
<DxColumn :width="150" alignment="center" data-field="total_dibawah_sla_response" data-type="number"
caption="≤SLA" :allow-resizing="false" css-class="custom-table-column" />
@ -88,11 +88,6 @@ import { Workbook } from 'exceljs'
import gql from 'graphql-tag';
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 showIndicator = ref(true);
const shading = ref(true);
@ -102,7 +97,7 @@ const GET_REKAPITULASI_GANGGUAN_ALL = gql`
query rekapitulasiAllGangguan(
$dateFrom: Date!
$dateTo: Date!
$posko: String!
$posko: Int!
$idUid: Int!
$idUp3: Int!
) {
@ -116,8 +111,6 @@ query rekapitulasiAllGangguan(
avg_durasi_dispatch
avg_durasi_recovery
avg_durasi_response
id_uid
id_up3
max_durasi_dispatch
max_durasi_recovery
max_durasi_response
@ -126,7 +119,7 @@ query rekapitulasiAllGangguan(
min_durasi_response
persen_inproses
persen_selesai
posko
nama_posko
total
total_diatas_sla_dispatch
total_diatas_sla_recovery
@ -141,20 +134,18 @@ query rekapitulasiAllGangguan(
const { onResult, onError, loading, refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_ALL, {
dateFrom: new Date().toISOString().slice(0, 10),
dateTo: new Date().toISOString().slice(0, 10),
posko: "",
posko: 0,
idUid: 0,
idUp3: 0,
})
const filterData = (param: any) => {
const dateValue = useDateStore().getDateValue().split(' s/d ');
const posko = usePostsStore().getData() ? usePostsStore().getData() : ""
const up3 = useUp3Store().getData() ? useUp3Store().getData() : 0
const uid = useRegionStore().getData() ? useRegionStore().getData() : 0
const filterData = (params: any) => {
const { posko, uid, up3 } = params
const dateValue = params.periode.split(' s/d ')
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,
})
@ -163,7 +154,6 @@ const filterData = (param: any) => {
queryResult.data.rekapitulasiAllGangguan.forEach((item: any) => {
data.value = [...data.value, {
...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 { 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)
@ -162,7 +157,7 @@ const GET_REKAP_JENIS_GANGGUAN = gql`
query daftarGangguanRecoveryTime(
$dateFrom: Date!
$dateTo: Date!
$posko: String!
$posko: Int!
$idUid: 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(
$dateFrom: Date!
$dateTo: Date!
$posko: String!
$posko: Int!
$idUid: Int!
$idUp3: Int!
) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -138,7 +138,7 @@ query rekapitulasiKeluhanPerJenisKeluhan
(
$dateFrom: Date!
$dateTo: Date!
$posko: String!
$posko: Int!
$idUid: Int!
$idUp3: Int!
) {
@ -176,7 +176,7 @@ query rekapitulasiKeluhanPerJenisKeluhan
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),
posko: "",
posko: 0,
idUid: 0,
idUp3: 0,
})

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

@ -138,7 +138,7 @@ query rekapitulasiKeluhanPerKelompokKeluhan
(
$dateFrom: Date!
$dateTo: Date!
$posko: String!
$posko: Int!
$idUid: Int!
$idUp3: Int!
) {
@ -176,7 +176,7 @@ query rekapitulasiKeluhanPerKelompokKeluhan
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),
posko: "",
posko: 0,
idUid: 0,
idUp3: 0,
})

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

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

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

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

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

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

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

@ -131,7 +131,7 @@ query rekapitulasiKeluhanRatingPerUnit
(
$dateFrom: Date!
$dateTo: Date!
$posko: String!
$posko: Int!
$idUid: Int!
$idUp3: Int!
) {
@ -165,7 +165,7 @@ query rekapitulasiKeluhanRatingPerUnit
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),
posko: "",
posko: 0,
idUid: 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, {
regional: "",
posko: "",
posko: 0,
idUid: 0,
idUp3: 0,
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, {
regional: "",
posko: "",
posko: 0,
idUid: 0,
idUp3: 0,
bulan: 10,

2
src/utils/graphql.ts
View File

@ -3,7 +3,7 @@ import { ApolloClient, createHttpLink, InMemoryCache } from '@apollo/client/core
export const apolloClient = () => {
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
});

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 getUlp = async (up3: number) => await instance.get('/ulp?up3=' + up3)
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 }