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

Merge branch 'dev-defuj' of github.com:defuj/eis into dev-bagus

Browse Source
This commit is contained in:
kur0nek-o
2024-04-04 14:19:36 +07:00
parent c104c1183b 81a71c47d5
commit f5cbb4986e
11 changed files with 1897 additions and 307 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPT.vue
View File

@ -227,7 +227,10 @@
</DxColumn>
<template #formatNumberPLNMobileMarking="{ data }">
<p class="text-right cursor-pointer" @click="setParameterRequest('PLN Mobile', 1)">
<p
class="text-right cursor-pointer"
@click="setParameterRequest({ media: 'PLN Mobile', marking: 1 })"
>
{{
isNumber(data.text)
? data.column.caption == '%'
@ -239,7 +242,10 @@
</template>
<template #formatNumberPLNMobileNonMarking="{ data }">
<p class="text-right cursor-pointer" @click="setParameterRequest('PLN Mobile', 2)">
<p
class="text-right cursor-pointer"
@click="setParameterRequest({ media: 'PLN Mobile', marking: 2 })"
>
{{
isNumber(data.text)
? data.column.caption == '%'
@ -251,7 +257,10 @@
</template>
<template #formatNumberCCMarking="{ data }">
<p class="text-right cursor-pointer" @click="setParameterRequest('Call PLN 123', 1)">
<p
class="text-right cursor-pointer"
@click="setParameterRequest({ media: 'Call PLN 123', marking: 1 })"
>
{{
isNumber(data.text)
? data.column.caption == '%'
@ -263,7 +272,10 @@
</template>
<template #formatNumberCCNonMarking="{ data }">
<p class="text-right cursor-pointer" @click="setParameterRequest('Call PLN 123', 2)">
<p
class="text-right cursor-pointer"
@click="setParameterRequest({ media: 'Call PLN 123', marking: 2 })"
>
{{
isNumber(data.text)
? data.column.caption == '%'
@ -275,7 +287,7 @@
</template>
<template #formatNumberTotalMarking="{ data }">
<p class="text-right cursor-pointer" @click="setParameterRequest('', 1)">
<p class="text-right cursor-pointer" @click="setParameterRequest({ media: '', marking: 1 })">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -287,7 +299,7 @@
</template>
<template #formatNumberTotalNonMarking="{ data }">
<p class="text-right cursor-pointer" @click="setParameterRequest('', 2)">
<p class="text-right cursor-pointer" @click="setParameterRequest({ media: '', marking: 2 })">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -299,7 +311,10 @@
</template>
<template #formatNumber="{ data }">
<p class="text-right cursor-pointer" @click="setParameterRequest(null, null)">
<p
class="text-right cursor-pointer"
@click="setParameterRequest({ media: null, marking: null })"
>
{{
isNumber(data.text)
? data.column.caption == '%'
@ -311,19 +326,25 @@
</template>
<template #formatPercentage="{ data }">
<p class="text-right cursor-pointer" @click="setParameterRequest(null, null)">
<p
class="text-right cursor-pointer"
@click="setParameterRequest({ media: null, marking: null })"
>
{{ isNumber(data.text) ? formatPercentage(data.text) : data.text }}
</p>
</template>
<template #formatText="{ data }">
<p class="text-left cursor-pointer" @click="setParameterRequest(null, null)">
<p
class="text-left cursor-pointer"
@click="setParameterRequest({ media: null, marking: null })"
>
{{ data.text }}
</p>
</template>
<template #formatTime="{ data }">
<p class="!text-right" @click="setParameterRequest(null, null)">
<p class="!text-right" @click="setParameterRequest({ media: null, marking: null })">
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p>
</template>
@ -436,7 +457,18 @@
</DxSummary>
</DxDataGrid>
<BufferDialog v-if="loading" />
<div class="mt-4 lg:mt-6 max-w-7xl">
<h1 class="text-xl font-medium md:text-2xl text-dark">
Laporan Pengaduan {{ parameterRequest.media != null ? parameterRequest.media : '' }}
{{
parameterRequest.marking != null
? parameterRequest.marking == 1
? 'Marking'
: 'Non Marking'
: ''
}}
</h1>
</div>
</template>
<script setup lang="ts">
@ -459,7 +491,6 @@ import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'
import { formatWaktu } from '@/components/Form/FiltersType/reference'
import { queries, requestGraphQl } from '@/utils/api/api.graphql'
import { exportToPDF, exportToXLSX } from '@/report/Anomali/Gangguan/Anomali_LAPPGP_LPT'
import BufferDialog from '@/components/Dialogs/BufferDialog.vue'
const position = { of: '#data' }
const showIndicator = ref(true)
@ -467,32 +498,28 @@ const shading = ref(true)
const showPane = ref(true)
const props = defineProps({
data: Array as () => any[],
filters: Object as () => any,
loading: {
type: Boolean,
default: false
}
filters: Object as () => any
})
const emit = defineEmits(['update:dataSub', 'update:loadingSubData', 'update:marking'])
const filters = ref<any>(computed(() => props.filters))
const data = computed(() => props.data)
const dataSub = ref<any[]>([])
const dataSelected = ref<any>(null)
const dataSubSelected = ref<any>(null)
const dialogDetail = ref(false)
const loadingData = ref(computed(() => props.loading))
const loadingSubData = ref(false)
const agreeToShowDialog = ref(false)
const mediaSelected = ref<any>(null)
const markingSelected = ref<any>(null)
const reportMeta = ref<any>(computed(() => props.filters))
const parameterRequest = ref<any>({
media: null,
marking: null
})
const emit = defineEmits(['update:dataSub', 'update:loadingSubData'])
const setParameterRequest = (media: any, marking: any) => {
mediaSelected.value = media
markingSelected.value = marking
if (media != null && marking != null) {
const setParameterRequest = (data: any) => {
parameterRequest.value = data
const parameter = parameterRequest.value
if (parameter.media != null && parameter.marking != null) {
emit('update:marking', parameter.marking)
agreeToShowDialog.value = true
} else {
agreeToShowDialog.value = false
@ -506,27 +533,16 @@ const resetData = () => {
const getDetail = async () => {
resetData()
const { ulp, uid, up3, jenisLaporan, periode } = filters.value
console.table('LAPPGU', jenisLaporan)
console.log('Media', mediaSelected.value)
console.log('isMarking', markingSelected.value)
console.log('periode', periode)
const { jenisLaporan } = filters.value
const dateValue = periode.split(' s/d ')
const selected = dataSelected.value
const query = {
// 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: selected?.id_ulp ? selected?.id_ulp : 0,
idUid: selected?.id_uid ? selected?.id_uid : 0,
idUp3: selected?.id_up3 ? selected?.id_up3 : 0,
namaRegional: '',
media: mediaSelected.value,
isMarking: markingSelected.value
namaRegional: selected?.nama_regional ? selected?.nama_regional : '',
media: parameterRequest.value?.media,
isMarking: parameterRequest.value?.marking
}
loadingSubData.value = true
@ -542,11 +558,12 @@ const getDetail = async () => {
.then((result) => {
if (result.data.data != undefined) {
if (jenisLaporan.name == 'Laporan Berulang Unit') {
dataSub.value = result.data.data.detailAnomaliPenangananPengaduanGangguanUnitBerulang
dataSub.value = result.data.data.detailAnomaliPenangananPengaduanGangguanPetugasBerulang
} else if (jenisLaporan.name == 'Laporan Rating Negatif') {
dataSub.value = result.data.data.detailAnomaliPenangananPengaduanGangguanUnitRatingNegatif
dataSub.value =
result.data.data.detailAnomaliPenangananPengaduanGangguanPetugasRatingNegatif
} else {
dataSub.value = result.data.data.detailAnomaliPenangananPengaduanGangguanUnitSkipStep
dataSub.value = result.data.data.detailAnomaliPenangananPengaduanGangguanPetugasSkipStep
}
} else {
dataSub.value = []