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

@@ -146,6 +146,7 @@
data-type="number"
caption="Max"
css-class="custom-table-column"
cell-template="data-waktu"
/>
<DxColumn
:width="120"
@@ -154,6 +155,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">
@@ -200,6 +202,7 @@
data-type="number"
caption="Max"
css-class="custom-table-column"
cell-template="data-waktu"
/>
<DxColumn
:width="120"
@@ -208,6 +211,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">
@@ -335,6 +339,12 @@
display-format="{0}"
/>
</DxSummary>
<template #data-waktu="{ data }">
<p>
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p>
</template>
</DxDataGrid>
</div>
</template>
@@ -342,6 +352,7 @@
<script setup lang="ts">
import Filters from '@/components/Form/Filters.vue'
import Type1 from '@/components/Form/FiltersType/Type1.vue'
import { formatWaktu } from '@/components/Form/FiltersType/reference'
import { ref } from 'vue'
import { DxDataGrid } from 'devextreme-vue'
import {