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

Update column widths and captions in Vue components

Browse Source
This commit is contained in:
Dede Fuji Abdul
2024-03-08 10:04:32 +07:00
parent dec65b2588
commit 79e9a2627b
27 changed files with 132 additions and 380 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue
View File

@ -27,7 +27,7 @@
:caption="`${getMonthName(currentMonth)} ${lastYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="mom_bulan_ini" data-type="number"
:caption="`${getMonthName(currentMonth)} ${currentYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="persen_mom" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="persen_mom" data-type="number" caption="%"
css-class="custom-table-column" />
</DxColumn>
<DxColumn alignment="center" caption="YoY" css-class="custom-table-column">
@ -35,7 +35,7 @@
:caption="`s.d ${getMonthName(currentMonth)} ${lastYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="yoy_tahun_ini" data-type="number"
:caption="`s.d ${getMonthName(currentMonth)} ${currentYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="persen_yoy" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="persen_yoy" data-type="number" caption="%"
css-class="custom-table-column" />
</DxColumn>
</DxColumn>

4
src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ENSGangguan.vue
View File

@ -23,7 +23,7 @@
:caption="`${getMonthName(currentMonth)} ${lastYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="mom_bulan_ini" data-type="number"
:caption="`${getMonthName(currentMonth)} ${currentYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="persen_mom" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="persen_mom" data-type="number" caption="%"
css-class="custom-table-column" cell-template="percent" />
</DxColumn>
<DxColumn alignment="center" caption="YoY" css-class="custom-table-column">
@ -31,7 +31,7 @@
:caption="`s.d ${getMonthName(currentMonth)} ${lastYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="yoy_tahun_ini" data-type="number"
:caption="`s.d ${getMonthName(currentMonth)} ${currentYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="persen_yoy" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="persen_yoy" data-type="number" caption="%"
css-class="custom-table-column" cell-template="percent" />
</DxColumn>
</DxColumn>

2
src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanPerJenisGangguan.vue
View File

@ -23,7 +23,7 @@
<DxColumn alignment="center" data-field="nama_jenis_gangguan" caption="Jenis Gangguan"
css-class="custom-table-column" />
<DxColumn :width="170" alignment="center" data-field="jumlah" caption="Jumlah" css-class="custom-table-column" />
<DxColumn :width="120" alignment="center" data-field="persen" caption="%" css-class="custom-table-column"
<DxColumn :width="70" alignment="center" data-field="persen" caption="%" css-class="custom-table-column"
data-type="number" cell-template="percent" />
<template #percent="{ data }">

4
src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahKaliGangguan.vue
View File

@ -31,7 +31,7 @@
:caption="`${getMonthName(currentMonth)} ${lastYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="mom_bulan_ini" data-type="number"
:caption="`${getMonthName(currentMonth)} ${currentYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="persen_mom" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="persen_mom" data-type="number" caption="%"
css-class="custom-table-column" />
</DxColumn>
<DxColumn alignment="center" caption="YoY" css-class="custom-table-column">
@ -39,7 +39,7 @@
:caption="`s.d ${getMonthName(currentMonth)} ${lastYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="yoy_tahun_ini" data-type="number"
:caption="`s.d ${getMonthName(currentMonth)} ${currentYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="persen_yoy" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="persen_yoy" data-type="number" caption="%"
css-class="custom-table-column" />
</DxColumn>
</DxColumn>

4
src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_LaporUlang.vue
View File

@ -23,7 +23,7 @@
:caption="`${getMonthName(currentMonth)} ${lastYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="mom_bulan_ini" data-type="number"
:caption="`${getMonthName(currentMonth)} ${currentYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="persen_mom" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="persen_mom" data-type="number" caption="%"
css-class="custom-table-column" cell-template="percent" />
</DxColumn>
<DxColumn alignment="center" caption="YoY" css-class="custom-table-column">
@ -31,7 +31,7 @@
:caption="`s.d ${getMonthName(currentMonth)} ${lastYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="yoy_tahun_ini" data-type="number"
:caption="`s.d ${getMonthName(currentMonth)} ${currentYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="persen_yoy" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="persen_yoy" data-type="number" caption="%"
css-class="custom-table-column" cell-template="percent" />
</DxColumn>
</DxColumn>

4
src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue
View File

@ -27,7 +27,7 @@
:caption="`${getMonthName(currentMonth)} ${lastYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="mom_bulan_ini" data-type="number"
:caption="`${getMonthName(currentMonth)} ${currentYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="persen_mom" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="persen_mom" data-type="number" caption="%"
css-class="custom-table-column" />
</DxColumn>
<DxColumn alignment="center" caption="YoY" css-class="custom-table-column">
@ -35,7 +35,7 @@
:caption="`s.d ${getMonthName(currentMonth)} ${lastYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="yoy_tahun_ini" data-type="number"
:caption="`s.d ${getMonthName(currentMonth)} ${currentYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="persen_yoy" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="persen_yoy" data-type="number" caption="%"
css-class="custom-table-column" />
</DxColumn>
</DxColumn>

4
src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue
View File

@ -27,7 +27,7 @@
:caption="`${getMonthName(currentMonth)} ${lastYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="mom_bulan_ini" data-type="number"
:caption="`${getMonthName(currentMonth)} ${currentYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="persen_mom" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="persen_mom" data-type="number" caption="%"
css-class="custom-table-column" />
</DxColumn>
<DxColumn alignment="center" caption="YoY" css-class="custom-table-column">
@ -35,7 +35,7 @@
:caption="`s.d ${getMonthName(currentMonth)} ${lastYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="yoy_tahun_ini" data-type="number"
:caption="`s.d ${getMonthName(currentMonth)} ${currentYear}`" css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="persen_yoy" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="persen_yoy" data-type="number" caption="%"
css-class="custom-table-column" />
</DxColumn>
</DxColumn>