Add cell-template "data-waktu" to custom-table-column

This commit is contained in:
kur0nek-o
2024-02-29 16:26:02 +07:00
parent c8be80a4eb
commit ec13f001f1
6 changed files with 70 additions and 1 deletions

View File

@@ -138,6 +138,7 @@
data-type="number"
caption="Max"
css-class="custom-table-column"
cell-template="data-waktu"
/>
<DxColumn
:width="120"
@@ -146,6 +147,7 @@
data-type="number"
caption="Min"
css-class="custom-table-column"
cell-template="data-waktu"
/>
</DxColumn>
<DxColumn alignment="center" caption="Laporan" css-class="custom-table-column">
@@ -192,6 +194,7 @@
data-type="number"
caption="Max"
css-class="custom-table-column"
cell-template="data-waktu"
/>
<DxColumn
:width="120"
@@ -200,6 +203,7 @@
data-type="number"
caption="Min"
css-class="custom-table-column"
cell-template="data-waktu"
/>
</DxColumn>
<DxColumn alignment="center" caption="Laporan" css-class="custom-table-column">
@@ -221,6 +225,12 @@
/>
</DxColumn>
</DxColumn>
<template #data-waktu="{ data }">
<p>
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p>
</template>
</DxDataGrid>
</div>
</template>
@@ -229,7 +239,7 @@
import Filters from '@/components/Form/Filters.vue'
import Type1 from '@/components/Form/FiltersType/Type1.vue'
import { ref } from 'vue'
import { formatWaktu } from '@/components/Form/FiltersType/reference'
import { DxDataGrid } from 'devextreme-vue'
import {
DxColumn,