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

23
src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue
View File

@ -25,11 +25,11 @@
:allow-resizing="false" css-class="custom-table-column" cell-template="cellRight" />
<DxColumn :width="150" alignment="center" data-field="total_selesai" caption="Selesai" :allow-resizing="false"
css-class="custom-table-column" cell-template="cellRight" />
<DxColumn :width="150" alignment="center" data-field="persen_selesai" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="persen_selesai" data-type="number" caption="%"
:allow-resizing="false" css-class="custom-table-column" cell-template="cellRight" />
<DxColumn :width="150" alignment="center" data-field="total_inproses" data-type="number" caption="In Progress"
:allow-resizing="false" css-class="custom-table-column" cell-template="cellRight" />
<DxColumn :width="150" alignment="center" data-field="persen_inproses" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="persen_inproses" data-type="number" caption="%"
:allow-resizing="false" css-class="custom-table-column" cell-template="cellRight" />
<DxColumn alignment="center" caption="Dispatching Time" css-class="custom-table-column">
<DxColumn :width="150" alignment="center" data-field="avg_durasi_dispatch" data-type="number"
@ -143,11 +143,11 @@
css-class="custom-table-column" cell-template="cellLeft" />
<DxColumn :width="150" alignment="center" data-field="" caption="Nama Pelapor" :allow-resizing="false"
css-class="custom-table-column" cell-template="cellLeft" />
<DxColumn :width="150" alignment="center" data-field="" caption="Alamat Pelapor" :allow-resizing="false"
<DxColumn :width="200" alignment="center" data-field="" caption="Alamat Pelapor" :allow-resizing="false"
css-class="custom-table-column" cell-template="cellLeft" />
<DxColumn :width="150" alignment="center" data-field="" caption="No Telp Pelapor" :allow-resizing="false"
css-class="custom-table-column" cell-template="cellLeft" />
<DxColumn :width="150" alignment="center" data-field="" caption="Keterangan Pelapor" :allow-resizing="false"
<DxColumn :width="200" alignment="center" data-field="" caption="Keterangan Pelapor" :allow-resizing="false"
css-class="custom-table-column" cell-template="cellLeft" />
<DxColumn :width="150" alignment="center" data-field="" caption="Sumber Lapor" :allow-resizing="false"
css-class="custom-table-column" cell-template="cellLeft" />
@ -166,27 +166,12 @@
<DxColumn :width="150" alignment="center" data-field="" caption="Tindakan" :allow-resizing="false"
css-class="custom-table-column" cell-template="cellLeft" />
<template #cellCenter="{ data }">
<p class="cursor-pointer">
{{ data.text }}
</p>
</template>
<template #cellLeft="{ data }">
<p class="text-left cursor-pointer">
{{ data.text }}
</p>
</template>
<template #cellRight="{ data }">
<p class="text-right cursor-pointer">
{{ isNumber(data.text) ? data.column.caption == '%' ? formatPercentage(data.text) :
formatNumber(data.text) :
data.text }}
</p>
</template>
<template #data-waktu="{ data }">
<p>
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}

4
src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue
View File

@ -35,13 +35,13 @@
<DxColumn alignment="center" caption="Sudah Selesai" css-class="custom-table-column">
<DxColumn :width="120" alignment="center" data-field="laporan.sudahSelesai.jml" data-type="number"
caption="Jml" css-class="custom-table-column" cell-template="cellRight" />
<DxColumn :width="120" alignment="center" data-field="laporan.sudahSelesai.persen" data-type="number"
<DxColumn :width="70" alignment="center" data-field="laporan.sudahSelesai.persen" data-type="number"
caption="%" css-class="custom-table-column" cell-template="cellRight" />
</DxColumn>
<DxColumn alignment="center" caption="Belum Selesai" css-class="custom-table-column">
<DxColumn :width="120" alignment="center" data-field="laporan.belumSelesai.jml" data-type="number"
caption="Jml" css-class="custom-table-column" cell-template="cellRight" />
<DxColumn :width="120" alignment="center" data-field="laporan.belumSelesai.persen" data-type="number"
<DxColumn :width="70" alignment="center" data-field="laporan.belumSelesai.persen" data-type="number"
caption="%" css-class="custom-table-column" cell-template="cellRight" />
</DxColumn>
</DxColumn>

4
src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue
View File

@ -32,13 +32,13 @@
<DxColumn alignment="center" caption="Sudah Selesai" css-class="custom-table-column">
<DxColumn :width="120" alignment="center" data-field="total_selesai" data-type="number" caption="Jml"
css-class="custom-table-column" cell-template="cellRight" />
<DxColumn :width="120" alignment="center" data-field="persen_selesai" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="persen_selesai" data-type="number" caption="%"
css-class="custom-table-column" cell-template="cellRight" />
</DxColumn>
<DxColumn alignment="center" caption="Belum Selesai" css-class="custom-table-column">
<DxColumn :width="120" alignment="center" data-field="total_inproses" data-type="number" caption="Jml"
css-class="custom-table-column" cell-template="cellRight" />
<DxColumn :width="120" alignment="center" data-field="persen_inproses" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="persen_inproses" data-type="number" caption="%"
css-class="custom-table-column" cell-template="cellRight" />
</DxColumn>
</DxColumn>

4
src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue
View File

@ -31,13 +31,13 @@
<DxColumn alignment="center" caption="Sudah Selesai" css-class="custom-table-column">
<DxColumn :width="120" alignment="center" data-field="laporan.sudahSelesai.jml" data-type="number"
caption="Jml" css-class="custom-table-column" cell-template="cellRight" />
<DxColumn :width="120" alignment="center" data-field="laporan.sudahSelesai.persen" data-type="number"
<DxColumn :width="70" alignment="center" data-field="laporan.sudahSelesai.persen" data-type="number"
caption="%" css-class="custom-table-column" cell-template="cellRight" />
</DxColumn>
<DxColumn alignment="center" caption="Belum Selesai" css-class="custom-table-column">
<DxColumn :width="120" alignment="center" data-field="laporan.belumSelesai.jml" data-type="number"
caption="Jml" css-class="custom-table-column" cell-template="cellRight" />
<DxColumn :width="120" alignment="center" data-field="laporan.belumSelesai.persen" data-type="number"
<DxColumn :width="70" alignment="center" data-field="laporan.belumSelesai.persen" data-type="number"
caption="%" css-class="custom-table-column" cell-template="cellRight" />
</DxColumn>
</DxColumn>

4
src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue
View File

@ -31,13 +31,13 @@
<DxColumn alignment="center" caption="Sudah Selesai" css-class="custom-table-column">
<DxColumn :width="120" alignment="center" data-field="laporan.sudahSelesai.jml" data-type="number"
caption="Jml" css-class="custom-table-column" cell-template="cellRight" />
<DxColumn :width="120" alignment="center" data-field="laporan.sudahSelesai.persen" data-type="number"
<DxColumn :width="70" alignment="center" data-field="laporan.sudahSelesai.persen" data-type="number"
caption="%" css-class="custom-table-column" cell-template="cellRight" />
</DxColumn>
<DxColumn alignment="center" caption="Belum Selesai" css-class="custom-table-column">
<DxColumn :width="120" alignment="center" data-field="laporan.belumSelesai.jml" data-type="number"
caption="Jml" css-class="custom-table-column" cell-template="cellRight" />
<DxColumn :width="120" alignment="center" data-field="laporan.belumSelesai.persen" data-type="number"
<DxColumn :width="70" alignment="center" data-field="laporan.belumSelesai.persen" data-type="number"
caption="%" css-class="custom-table-column" cell-template="cellRight" />
</DxColumn>
</DxColumn>

4
src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue
View File

@ -31,13 +31,13 @@
<DxColumn alignment="center" caption="Sudah Selesai" css-class="custom-table-column">
<DxColumn :width="120" alignment="center" data-field="total_selesai" data-type="number" caption="Jml"
css-class="custom-table-column" cell-template="cellRight" />
<DxColumn :width="120" alignment="center" data-field="persen_selesai" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="persen_selesai" data-type="number" caption="%"
css-class="custom-table-column" cell-template="cellRight" />
</DxColumn>
<DxColumn alignment="center" caption="Belum Selesai" css-class="custom-table-column">
<DxColumn :width="120" alignment="center" data-field="total_inproses" data-type="number" caption="Jml"
css-class="custom-table-column" cell-template="cellRight" />
<DxColumn :width="120" alignment="center" data-field="persen_inproses" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="persen_inproses" data-type="number" caption="%"
css-class="custom-table-column" cell-template="cellRight" />
</DxColumn>
</DxColumn>

6
src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerPosko.vue
View File

@ -27,13 +27,13 @@
<DxColumn alignment="center" caption="Belum Selesai" css-class="custom-table-column">
<DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="" data-type="number" caption="%"
css-class="custom-table-column" />
</DxColumn>
<DxColumn alignment="center" caption="Sudah Selesai" css-class="custom-table-column">
<DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="" data-type="number" caption="%"
css-class="custom-table-column" />
</DxColumn>
</DxColumn>
@ -59,7 +59,7 @@
<DxColumn alignment="center" caption="Non Rating" css-class="custom-table-column">
<DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="" data-type="number" caption="%"
css-class="custom-table-column" />
</DxColumn>
</DxDataGrid>

6
src/components/Pages/Gangguan/Rekap/RGangguan_RatingPerRegu.vue
View File

@ -27,13 +27,13 @@
<DxColumn alignment="center" caption="Belum Selesai" css-class="custom-table-column">
<DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="" data-type="number" caption="%"
css-class="custom-table-column" />
</DxColumn>
<DxColumn alignment="center" caption="Sudah Selesai" css-class="custom-table-column">
<DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="" data-type="number" caption="%"
css-class="custom-table-column" />
</DxColumn>
</DxColumn>
@ -59,7 +59,7 @@
<DxColumn alignment="center" caption="Non Rating" css-class="custom-table-column">
<DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="Jml"
css-class="custom-table-column" />
<DxColumn :width="150" alignment="center" data-field="" data-type="number" caption="%"
<DxColumn :width="70" alignment="center" data-field="" data-type="number" caption="%"
css-class="custom-table-column" />
</DxColumn>
</DxDataGrid>