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

@@ -68,7 +68,7 @@
data-field="nama_ulp"
caption="Unit"
css-class="custom-table-column"
cell-template="cell-left"
cell-template="formatText"
/>
<DxColumn alignment="center" caption="Laporan" css-class="custom-table-column">
<DxColumn
@@ -469,8 +469,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>
@@ -479,7 +479,7 @@
<p class="cursor-pointer" @click="showDialogDataSelected()">{{ data.text }}%</p>
</template>
<template #cell-left="{ data }">
<template #formatText="{ data }">
<p class="cursor-pointer text-left" @click="showDialogDataSelected()">
{{ data.text }}
</p>
@@ -543,7 +543,7 @@
"
data-type="number"
caption="No"
cell-template="cellRight"
cell-template="formatNumber"
/>
<DxColumn
:width="150"
@@ -551,7 +551,7 @@
data-field="no_laporan"
caption="No Laporan"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -559,7 +559,7 @@
data-field="waktu_lapor"
caption="Tgl Lapor"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -568,7 +568,7 @@
caption="Dalam Proses Bidang"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -577,7 +577,7 @@
caption="Selesai Bidang Unit"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -586,7 +586,7 @@
caption="Durasi Response Time"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
<DxColumn
:width="150"
@@ -595,7 +595,7 @@
caption="Durasi Recovery Time"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
<DxColumn
:width="150"
@@ -604,7 +604,7 @@
caption="Status"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
<DxColumn
:width="150"
@@ -613,7 +613,7 @@
caption="IDPEL/NO METER"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
<DxColumn
:width="150"
@@ -622,7 +622,7 @@
caption="Nama Pelapor"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="200"
@@ -631,7 +631,7 @@
caption="Alamat Pelapor"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -640,7 +640,7 @@
caption="No Tlp Pelapor"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="200"
@@ -649,7 +649,7 @@
caption="Keterangan Pelapor"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -658,7 +658,7 @@
caption="Rayon"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -667,7 +667,7 @@
caption="Uraian"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -676,22 +676,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>