Refactor table column width and cell templates in RGangguan_PerRegu.vue, RGangguan_PerTanggal.vue, RKeluhan_PerFungsiBidang.vue, RKeluhan_PerKelompokKeluhan.vue, and RKeluhan_PerTanggal.vue components

This commit is contained in:
Dede Fuji Abdul
2024-04-09 04:07:52 +07:00
parent 1c31380e92
commit 5121789e19
6 changed files with 49 additions and 24 deletions

View File

@ -40,9 +40,8 @@
<DxColumnFixing :enabled="true" />
<DxColumn
:width="60"
:width="50"
alignment="center"
data-field="no"
caption="NO"
css-class="custom-table-column"
cell-template="formatNumber"
@ -559,15 +558,15 @@
/>
</DxSummary>
<template #cellCenter="{ data }">
<p class="cursor-pointer">
<template #formatText="{ data }">
<p class="text-left cursor-pointer" @click="setAgreementDialog(false, 0)">
{{ data.text }}
</p>
</template>
<template #formatText="{ data }">
<p class="text-left cursor-pointer" @click="setAgreementDialog(false, 0)">
{{ data.text }}
<template #formatNumbering="{ data }">
<p class="text-right cursor-pointer" @click="setAgreementDialog(false, 0)">
{{ data.rowIndex }}
</p>
</template>
@ -1311,7 +1310,13 @@ const filterData = async (params: any) => {
await requestGraphQl(queries.gangguan.rekap.gangguanPerRegu, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.rekapitulasiGangguanPerRegu
if (grouping.value.length > 0 && grouping.value[0].data != '') {
data.value = [...result.data.data.rekapitulasiGangguanPerRegu].sort((a, b) =>
a[grouping.value[0].data].localeCompare(b[grouping.value[0].data])
)
} else {
data.value = result.data.data.rekapitulasiGangguanPerRegu
}
} else {
data.value = []
}

View File

@ -1044,7 +1044,13 @@ const filterData = async (params: any) => {
await requestGraphQl(queries.gangguan.rekap.gangguanPerTanggal, query)
.then((result) => {
if (result.data.data != undefined) {
data.value = result.data.data.rekapitulasiGangguanPerTanggal
if (grouping.value.length > 0 && grouping.value[0].data != '') {
data.value = [...result.data.data.rekapitulasiGangguanPerTanggal].sort((a, b) =>
a[grouping.value[0].data].localeCompare(b[grouping.value[0].data])
)
} else {
data.value = result.data.data.rekapitulasiGangguanPerTanggal
}
} else {
data.value = []
}