Refactor data sorting and add number field to tables

This commit is contained in:
Dede Fuji Abdul
2024-03-22 14:30:26 +07:00
parent 17254ff878
commit 0b466985e9
6 changed files with 415 additions and 125 deletions

View File

@ -51,10 +51,8 @@
css-class="custom-table-column"
:width="50"
alignment="center"
:calculateCellValue="(item: any) => data.findIndex((i) => i == item) + 1"
data-type="number"
data-field="number"
caption="No"
name="number"
cell-template="formatNumber"
/>
<DxColumn
@ -556,7 +554,7 @@ const getDetail = () => {
onResult((queryResult) => {
if (queryResult.data != undefined) {
dataSub.value = queryResult.data.detailGangguan
dataSub.value = queryResult.data.detailGangguanAlihPosko
}
})
@ -618,15 +616,14 @@ const onExporting = (e: any) => {
const onDataSelectionChanged = ({ selectedRowsData }: any) => {
if (selectedRowsData[0] != undefined) {
dataSelected.value = selectedRowsData[0]
showDetail()
}
showDetail()
}
const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {
if (selectedRowsData[0] != undefined) {
dataSubSelected.value = selectedRowsData[0]
}
console.log(data)
}
const filterData = (params: any) => {
@ -650,9 +647,17 @@ const filterData = (params: any) => {
onResult((queryResult) => {
if (queryResult.data != undefined) {
data.value = queryResult.data.rekapitulasiGangguanAlihPosko
const refs = [...queryResult.data.rekapitulasiGangguanAlihPosko].sort((a: any, b: any) =>
a.nama_uid.localeCompare(b.nama_uid)
)
data.value = refs.map((ref: any, index: number) => {
return {
...ref,
number: index + 1
}
})
}
console.log(queryResult.data)
})
onError((error) => {
@ -667,9 +672,16 @@ const filterData = (params: any) => {
const filters = ref()
onMounted(() => {
if (import.meta.env.DEV) {
data.value = dummyData.gangguan.rekap.rekapitulasiGangguanAlihPosko.sort((a, b) =>
const refs = dummyData.gangguan.rekap.rekapitulasiGangguanAlihPosko.sort((a: any, b: any) =>
a.nama_uid.localeCompare(b.nama_uid)
)
data.value = refs.map((ref: any, index: number) => {
return {
...ref,
number: index + 1
}
})
}
})
</script>