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

@ -135,6 +135,7 @@
data-type="number"
caption="Max"
css-class="custom-table-column"
cell-template="data-waktu"
/>
<DxColumn
:width="120"
@ -143,6 +144,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">
@ -189,6 +191,7 @@
data-type="number"
caption="Max"
css-class="custom-table-column"
cell-template="data-waktu"
/>
<DxColumn
:width="120"
@ -197,6 +200,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">
@ -218,6 +222,12 @@
/>
</DxColumn>
</DxColumn>
<template #data-waktu="{ data }">
<p>
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p>
</template>
</DxDataGrid>
</div>
</template>
@ -225,6 +235,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 {
@ -312,6 +323,8 @@ const GET_REKAPITULASI_GANGGUAN_PER_TANGGAL = gql`
persen_selesai
tanggal
total
total_durasi_response
total_durasi_recovery
total_diatas_sla_recovery
total_diatas_sla_response
total_dibawah_sla_recovery