defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor table cell templates to use formatTime function

Browse Source
This commit is contained in:
Dede Fuji Abdul 2024-02-29 15:33:19 +07:00
parent 1b919cf546
commit 7306403724
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue
View File

@ -37,9 +37,9 @@
<DxColumn :width="150" alignment="center" data-field="avg_durasi_response" data-type="number" caption="Rata-Rata"
css-class="custom-table-column" cell-template="defaults" />
<DxColumn :width="150" alignment="center" data-field="max_durasi_response" data-type="number" caption="Max"
css-class="custom-table-column" cell-template="defaults" />
css-class="custom-table-column" cell-template="formatTime" />
<DxColumn :width="150" alignment="center" data-field="min_durasi_response" data-type="number" caption="Min"
css-class="custom-table-column" cell-template="defaults" />
css-class="custom-table-column" cell-template="formatTime" />
<DxColumn :width="150" alignment="center" data-field="total_diatas_sla_response" data-type="number"
caption="> SLA" css-class="custom-table-column" cell-template="defaults" />
<DxColumn :width="150" alignment="center" data-field="total_dibawah_sla_response" data-type="number"
@ -49,15 +49,20 @@
<DxColumn :width="150" alignment="center" data-field="avg_durasi_recovery" data-type="number" caption="Rata-Rata"
css-class="custom-table-column" cell-template="defaults" />
<DxColumn :width="150" alignment="center" data-field="max_durasi_recovery" data-type="number" caption="Max"
css-class="custom-table-column" cell-template="defaults" />
css-class="custom-table-column" cell-template="formatTime" />
<DxColumn :width="150" alignment="center" data-field="min_durasi_recovery" data-type="number" caption="Min"
css-class="custom-table-column" cell-template="defaults" />
css-class="custom-table-column" cell-template="formatTime" />
<DxColumn :width="150" alignment="center" data-field="total_diatas_sla_recovery" data-type="number"
caption="> SLA" css-class="custom-table-column" cell-template="defaults" />
<DxColumn :width="150" alignment="center" data-field="total_dibawah_sla_recovery" data-type="number"
caption="≤ SLA" css-class="custom-table-column" cell-template="defaults" />
</DxColumn>
<template #formatTime="{ data }">
<p class="cursor-pointer" @click="showDialog()">
{{ formatWaktu(data.text) }}
</p>
</template>
<template #percent="{ data }">
<p class="cursor-pointer" @click="showDialog()">
{{ data.text }}%
@ -222,6 +227,7 @@ import { saveAs } from 'file-saver'
import { Workbook } from 'exceljs'
import { useQuery } from '@vue/apollo-composable'
import gql from 'graphql-tag'
import { formatWaktu } from '@/components/Form/FiltersType/reference'
const position = { of: '#data' }
const showIndicator = ref(true)
const shading = ref(true)