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

Refactor Type4.vue component

Browse Source
This commit is contained in:
Dede Fuji Abdul
2024-03-12 20:40:33 +07:00
parent 7c284a4fea
commit c7e5be0426
7 changed files with 5185 additions and 5002 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU.vue
View File

@@ -1,10 +1,17 @@
<template>
<Filters @run-search="() => filterData(filters)" class="mb-4">
<Type4 @update:filters="(value) => filters = value" />
</Filters>
<Filters @run-search="() => filterData(filters)" class="mb-4">
<Type4
@update:filters="(value) => (filters = value)"
:jenis-laporan="[
{ id: 1, name: 'Laporan Berulang Unit' },
{ id: 2, name: 'Laporan Rating Negatif' },
{ id: 3, name: 'Laporan Skip Step' }
]"
/>
</Filters>
<Anomali_LAPPGU_LPT :data="data" />
<Anomali_LAPPGU_LPP :data="data" />
<Anomali_LAPPGU_LPT :data="data" :loading="loading" />
<Anomali_LAPPGU_LPP :data="data" />
</template>
<script setup lang="ts">
@@ -18,11 +25,12 @@ const data = ref<any[]>([])
const GET_laporanAnomaliPenangananPengaduanGangguanPetugas = gql`
query anomaliPenangananPengaduanGangguanUnitBerulang(
$dateFrom: Date!,
$dateTo: Date!,
$posko: String,
$idUid: Int,
$idUp3: Int) {
$dateFrom: Date!
$dateTo: Date!
$posko: String
$idUid: Int
$idUp3: Int
) {
anomaliPenangananPengaduanGangguanUnitBerulang(
dateFrom: $dateFrom
dateTo: $dateTo
@@ -30,71 +38,70 @@ const GET_laporanAnomaliPenangananPengaduanGangguanPetugas = gql`
idUid: $idUid
idUp3: $idUp3
) {
id_uid
nama_uid
id_up3
nama_up3
id_ulp
nama_ulp
wo_cc123
wo_pln_mobile
wo_loket
wo_lainnya
wo_total
anomali_pln_mobile_marking
anomali_pln_mobile_non_marking
anomali_cc123_marking
anomali_cc123_non_marking
total_anomali_marking
total_anomali_non_marking
persen_anomali_pln_mobile_marking
persen_anomali_pln_mobile_non_marking
persen_anomali_cc123_marking
persen_anomali_cc123_non_marking
persen_anomali_marking
persen_anomali_non_marking
id_uid
nama_uid
id_up3
nama_up3
id_ulp
nama_ulp
wo_cc123
wo_pln_mobile
wo_loket
wo_lainnya
wo_total
anomali_pln_mobile_marking
anomali_pln_mobile_non_marking
anomali_cc123_marking
anomali_cc123_non_marking
total_anomali_marking
total_anomali_non_marking
persen_anomali_pln_mobile_marking
persen_anomali_pln_mobile_non_marking
persen_anomali_cc123_marking
persen_anomali_cc123_non_marking
persen_anomali_marking
persen_anomali_non_marking
}
}
`
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.id : "",
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0
})
onResult((queryResult) => {
if (queryResult.data != undefined) {
queryResult.data.daftarGangguanDialihkanKePoskoLain.forEach((item: any) => {
data.value = [
...data.value,
{
...item,
}
]
})
}
console.log(queryResult.data)
console.log(queryResult.loading)
console.log(queryResult.networkStatus)
})
onError((error) => {
console.log(error)
})
console.table(params)
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.id : '',
idUid: uid ? uid.id : 0,
idUp3: up3 ? up3.id : 0
})
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.daftarGangguanDialihkanKePoskoLain
}
console.log(queryResult.data)
console.log(queryResult.loading)
console.log(queryResult.networkStatus)
})
onError((error) => {
console.log(error)
})
}
const { onResult, onError, loading, refetch } = useQuery(
GET_laporanAnomaliPenangananPengaduanGangguanPetugas,
{
dateFrom: new Date().toISOString().slice(0, 10),
dateTo: new Date().toISOString().slice(0, 10),
posko: '',
idUid: 0,
idUp3: 0
}
GET_laporanAnomaliPenangananPengaduanGangguanPetugas,
{
dateFrom: new Date().toISOString().slice(0, 10),
dateTo: new Date().toISOString().slice(0, 10),
posko: '',
idUid: 0,
idUp3: 0
}
)
const filters = ref()
</script>
</script>