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

Refactor useQuery in Anomali_LAPPGP.vue and Anomali_LAPPGU.vue

Browse Source
This commit is contained in:
Dede Fuji Abdul
2024-03-13 12:58:43 +07:00
parent ac50b832ae
commit acf6174b2a
3 changed files with 70 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/Pages/PencarianData/PencarianData.vue
View File

@ -231,7 +231,7 @@
</template>
<script setup lang="ts">
import { ref, onMounted } from 'vue'
import { ref, onMounted, watch } from 'vue'
import { DxDataGrid } from 'devextreme-vue'
import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
import InputText from '@/components/InputText.vue'
@ -263,7 +263,6 @@ const filters = ref({
searchBy: '',
periode: ''
})
const loading = ref(false)
const closeDetail = () => {
showDetail.value = false
@ -278,6 +277,21 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
console.log(selectedRowsData[0])
}
const { onResult, onError, loading, refetch } = useQuery(
filters.value.type == 'Gangguan'
? queries.pencarian.pencarianGangguan
: queries.pencarian.pencarianKeluhan,
{
dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
noLaporan: '',
namaPelapor: '',
noTelpPelapor: '',
alamatPelapor: '',
pembuatLaporan: ''
}
)
const filterData = (params: any) => {
const dateValue = params.periode.split(' s/d ')
const { type, keyword, searchBy } = params
@ -4930,19 +4944,6 @@ const filterData = (params: any) => {
}
}
const { onResult, onError, loading, refetch } = useQuery(
type == 'Gangguan' ? queries.pencarian.pencarianGangguan : queries.pencarian.pencarianKeluhan,
{
dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
noLaporan: searchBy == 'Nomor Laporan' ? keyword : '',
namaPelapor: searchBy == 'Nama Pelapor' ? keyword : '',
noTelpPelapor: searchBy == 'No Telepon' ? keyword : '',
alamatPelapor: searchBy == 'Alamat' ? keyword : '',
pembuatLaporan: searchBy == 'Pembuat' ? keyword : ''
}
)
refetch({
dateFrom: dateValue[0]
? dateValue[0].split('-').reverse().join('-')
@ -4972,6 +4973,10 @@ const filterData = (params: any) => {
onError((error) => {
console.log(error)
})
watch(loading, (value) => {
loading.value = value
})
}
onMounted(() => {})