Update page sizes in pagination components
This commit is contained in:
@@ -516,13 +516,13 @@
|
||||
</DxSummary>
|
||||
|
||||
<template #formatTime="{ data }">
|
||||
<p class="cursor-pointer !text-right" @click="showDialogDataSelected()">
|
||||
<p class="cursor-pointer !text-right" @click="showDetail()">
|
||||
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
|
||||
</p>
|
||||
</template>
|
||||
|
||||
<template #formatNumber="{ data }">
|
||||
<p class="!text-right cursor-pointer" @click="showDialogDataSelected()">
|
||||
<p class="!text-right cursor-pointer" @click="showDetail()">
|
||||
{{
|
||||
isNumber(data.text)
|
||||
? data.column.caption == '%'
|
||||
@@ -534,7 +534,7 @@
|
||||
</template>
|
||||
|
||||
<template #formatText="{ data }">
|
||||
<p class="text-left cursor-pointer" @click="showDialogDataSelected()">
|
||||
<p class="text-left cursor-pointer" @click="showDetail()">
|
||||
{{ data.text }}
|
||||
</p>
|
||||
</template>
|
||||
@@ -542,9 +542,9 @@
|
||||
</div>
|
||||
|
||||
<DetailDialog
|
||||
:open="dialogDataSelected"
|
||||
:open="dialogDetail"
|
||||
title="Rekapitulasi Keluhan Per Unit"
|
||||
@on-close="closeDialogDataSelected"
|
||||
@on-close="closedialogDetail"
|
||||
:full-width="true"
|
||||
>
|
||||
<div class="w-full mb-4 lg:w-[70%] lg:float-left">
|
||||
@@ -565,10 +565,10 @@
|
||||
column-resizing-mode="widget"
|
||||
>
|
||||
<DxSelection mode="single" />
|
||||
<DxPaging :page-size="5" :enabled="true" />
|
||||
<DxPaging :page-size="20" :enabled="true" />
|
||||
<DxPager
|
||||
:visible="true"
|
||||
:allowed-page-sizes="[5, 10, 20]"
|
||||
:allowed-page-sizes="[20, 50, 100]"
|
||||
display-mode="full"
|
||||
:show-page-size-selector="true"
|
||||
:show-info="true"
|
||||
@@ -921,8 +921,8 @@ const data = ref<any[]>([])
|
||||
const dataSub = ref<any[]>([])
|
||||
const dataSelected = ref<any>()
|
||||
const dataSubSelected = ref<any>()
|
||||
const dialogDataSelected = ref(false)
|
||||
const closeDialogDataSelected = () => (dialogDataSelected.value = false)
|
||||
const dialogDetail = ref(false)
|
||||
const closedialogDetail = () => (dialogDetail.value = false)
|
||||
const loadingData = ref(false)
|
||||
const loadingSubData = ref(false)
|
||||
|
||||
@@ -972,8 +972,8 @@ const getDetail = () => {
|
||||
// dataSub.value = dummyData.keluhan.rekap.rekapitulasiKeluhanPerUnit
|
||||
}
|
||||
|
||||
const showDialogDataSelected = () => {
|
||||
dialogDataSelected.value = true
|
||||
const showDetail = () => {
|
||||
dialogDetail.value = true
|
||||
console.log(dataSelected.value)
|
||||
getDetail()
|
||||
}
|
||||
|
Reference in New Issue
Block a user