Refactor CSS styles and fix formatting issues in MonalisaLK_EnergyNotSales.vue

This commit is contained in:
Dede Fuji Abdul
2024-03-11 22:42:15 +07:00
parent d8d5dc9f5b
commit 99afd50f37
40 changed files with 6887 additions and 2429 deletions

View File

@ -58,7 +58,7 @@
data-field="tipe_keluhan"
caption="Jenis Keluhan"
css-class="custom-table-column"
cell-template="cell-left"
cell-template="formatText"
/>
<!-- <DxColumn
:width="170"
@ -142,7 +142,7 @@
data-type="number"
caption="Max"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
<DxColumn
:width="150"
@ -151,7 +151,7 @@
data-type="number"
caption="Min"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
</DxColumn>
<DxColumn alignment="center" caption="Laporan" css-class="custom-table-column">
@ -198,7 +198,7 @@
data-type="number"
caption="Max"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
<DxColumn
:width="150"
@ -207,7 +207,7 @@
data-type="number"
caption="Min"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
</DxColumn>
<DxColumn alignment="center" caption="Laporan" css-class="custom-table-column">
@ -468,8 +468,8 @@
/>
</DxSummary>
<template #data-waktu="{ data }">
<p class="cursor-pointer" @click="showDialogDataSelected()">
<template #formatTime="{ data }">
<p class="cursor-pointer !text-right" @click="showDialogDataSelected()">
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p>
</template>
@ -478,7 +478,7 @@
<p @click="showDialogDataSelected()" class="cursor-pointer">{{ data.text }}%</p>
</template>
<template #cell-left="{ data }">
<template #formatText="{ data }">
<p class="cursor-pointer text-left" @click="showDialogDataSelected()">
{{ data.text }}
</p>
@ -542,7 +542,7 @@
"
data-type="number"
caption="No"
cell-template="cellRight"
cell-template="formatNumber"
/>
<DxColumn
:width="150"
@ -550,7 +550,7 @@
data-field="no_laporan"
caption="No Laporan"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@ -558,7 +558,7 @@
data-field="waktu_lapor"
caption="Tgl Lapor"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@ -567,7 +567,7 @@
caption="Dalam Proses Bidang"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@ -576,7 +576,7 @@
caption="Selesai Bidang Unit"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@ -585,7 +585,7 @@
caption="Durasi Response Time"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
<DxColumn
:width="150"
@ -594,7 +594,7 @@
caption="Durasi Recovery Time"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
<DxColumn
:width="150"
@ -603,7 +603,7 @@
caption="Status"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
<DxColumn
:width="150"
@ -612,7 +612,7 @@
caption="IDPEL/NO METER"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
<DxColumn
:width="150"
@ -621,7 +621,7 @@
caption="Nama Pelapor"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="200"
@ -630,7 +630,7 @@
caption="Alamat Pelapor"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@ -639,7 +639,7 @@
caption="No Tlp Pelapor"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="200"
@ -648,7 +648,7 @@
caption="Keterangan Pelapor"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@ -657,7 +657,7 @@
caption="Rayon"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@ -666,7 +666,7 @@
caption="Uraian"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@ -675,22 +675,22 @@
caption="Respon Pelanggan"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<template #cellLeft="{ data }">
<template #formatText="{ data }">
<p class="text-left cursor-pointer">
{{ data.text }}
</p>
</template>
<template #cellRight="{ data }">
<template #formatNumber="{ data }">
<p class="text-right cursor-pointer">
{{ data.text }}
</p>
</template>
<template #data-waktu="{ data }">
<template #formatTime="{ data }">
<p>
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p>