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

@ -143,6 +143,7 @@
data-type="number"
caption="Max"
css-class="custom-table-column"
cell-template="data-waktu"
/>
<DxColumn
:width="120"
@ -151,6 +152,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">
@ -197,6 +199,7 @@
data-type="number"
caption="Max"
css-class="custom-table-column"
cell-template="data-waktu"
/>
<DxColumn
:width="120"
@ -205,6 +208,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">
@ -338,6 +342,12 @@
css-class="text-white"
/>
</DxSummary>
<template #data-waktu="{ data }">
<p>
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p>
</template>
</DxDataGrid>
</div>
</template>
@ -345,6 +355,7 @@
<script setup lang="ts">
import Filters from '@/components/Form/Filters.vue'
import Type9 from '@/components/Form/FiltersType/Type9.vue'
import { formatWaktu } from '@/components/Form/FiltersType/reference'
import { ref } from 'vue'
import { DxDataGrid } from 'devextreme-vue'
import {