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

@@ -61,7 +61,7 @@
data-field="nama_posko"
caption="Nama Unit"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
@@ -70,7 +70,7 @@
data-field="nama_posko"
caption="Nama Unit"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
name="namaUnit"
:group-index="0"
/>
@@ -80,7 +80,7 @@
data-field="nama_regional"
caption="Regional"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
:group-index="1"
/>
<DxColumn
@@ -89,7 +89,7 @@
data-field="nama_uid"
caption="UID"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
:group-index="2"
/>
<DxColumn
@@ -98,7 +98,7 @@
data-field="nama_up3"
caption="UP3"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
:group-index="3"
/>
@@ -110,7 +110,7 @@
caption="Total"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellRight"
cell-template="formatNumber"
/>
<DxColumn
:width="150"
@@ -119,7 +119,7 @@
caption="Selesai"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellRight"
cell-template="formatNumber"
/>
<DxColumn
:width="70"
@@ -129,7 +129,7 @@
caption="%"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellRight"
cell-template="formatNumber"
/>
<DxColumn
:width="150"
@@ -139,7 +139,7 @@
caption="In Progress"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellRight"
cell-template="formatNumber"
/>
<DxColumn
:width="70"
@@ -149,7 +149,7 @@
caption="%"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellRight"
cell-template="formatNumber"
/>
<DxColumn alignment="center" caption="Dispatching Time" css-class="custom-table-column">
<DxColumn
@@ -160,7 +160,7 @@
caption="Rata-Rata"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellRight"
cell-template="formatNumber"
/>
<DxColumn
:width="150"
@@ -170,7 +170,7 @@
caption="Max"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
<DxColumn
:width="150"
@@ -180,7 +180,7 @@
caption="Min"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
<DxColumn
:width="150"
@@ -190,7 +190,7 @@
caption=">SLA"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellRight"
cell-template="formatNumber"
/>
<DxColumn
:width="150"
@@ -200,7 +200,7 @@
caption="SLA"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellRight"
cell-template="formatNumber"
/>
</DxColumn>
<DxColumn alignment="center" caption="Response Time" css-class="custom-table-column">
@@ -212,7 +212,7 @@
caption="Rata-Rata"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellRight"
cell-template="formatNumber"
/>
<DxColumn
:width="150"
@@ -222,7 +222,7 @@
caption="Max"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
<DxColumn
:width="150"
@@ -232,7 +232,7 @@
caption="Min"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
<DxColumn
:width="150"
@@ -242,7 +242,7 @@
caption=">SLA"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellRight"
cell-template="formatNumber"
/>
<DxColumn
:width="150"
@@ -252,7 +252,7 @@
caption="SLA"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellRight"
cell-template="formatNumber"
/>
</DxColumn>
<DxColumn alignment="center" caption="Recovery Time" css-class="custom-table-column">
@@ -264,7 +264,7 @@
caption="Rata-Rata"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellRight"
cell-template="formatNumber"
/>
<DxColumn
:width="150"
@@ -274,7 +274,7 @@
caption="Max"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
<DxColumn
:width="150"
@@ -284,7 +284,7 @@
caption="Min"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
<DxColumn
:width="150"
@@ -294,7 +294,7 @@
caption=">SLA"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellRight"
cell-template="formatNumber"
/>
<DxColumn
:width="150"
@@ -304,7 +304,7 @@
caption="SLA"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellRight"
cell-template="formatNumber"
/>
</DxColumn>
@@ -314,13 +314,13 @@
</p>
</template>
<template #cellLeft="{ data }">
<template #formatText="{ data }">
<p class="text-left cursor-pointer" @click="showDialogDataSelected()">
{{ data.text }}
</p>
</template>
<template #cellRight="{ data }">
<template #formatNumber="{ data }">
<p class="text-right cursor-pointer" @click="showDialogDataSelected()">
{{
isNumber(data.text)
@@ -332,7 +332,7 @@
</p>
</template>
<template #data-waktu="{ data }">
<template #formatTime="{ data }">
<p @click="showDialogDataSelected()">
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p>
@@ -560,7 +560,7 @@
"
data-type="number"
caption="No"
cell-template="cellRight"
cell-template="formatNumber"
/>
<DxColumn
:width="150"
@@ -568,7 +568,7 @@
data-field="nama_posko"
caption="Posko"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -576,7 +576,7 @@
data-field="no_laporan"
caption="No Lapor"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -584,7 +584,7 @@
data-field="waktu_lapor"
caption="Tgl/Jam Lapor"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -593,7 +593,7 @@
caption="Tgl/Jam Datang"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -602,7 +602,7 @@
caption="Tgl/Jam Nyala"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -611,7 +611,7 @@
caption="Durasi Response Time"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
<DxColumn
:width="150"
@@ -620,7 +620,7 @@
caption="Durasi Recovery Time"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
<DxColumn
:width="150"
@@ -629,7 +629,7 @@
caption="Durasi Penugasan Regu"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
<DxColumn
:width="150"
@@ -638,7 +638,7 @@
caption="Durasi Perjalanan Regu"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="data-waktu"
cell-template="formatTime"
/>
<DxColumn
:width="150"
@@ -647,7 +647,7 @@
caption="Jarak Closing (m)"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -656,7 +656,7 @@
caption="Dispatch Oleh"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -665,7 +665,7 @@
caption="IDPEL/NO METER"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -674,7 +674,7 @@
caption="Nama Pelapor"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="200"
@@ -683,7 +683,7 @@
caption="Alamat Pelapor"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -692,7 +692,7 @@
caption="No Telp Pelapor"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="200"
@@ -701,7 +701,7 @@
caption="Keterangan Pelapor"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -710,7 +710,7 @@
caption="Sumber Lapor"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -719,7 +719,7 @@
caption="Diselesaikan Oleh"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -728,7 +728,7 @@
caption="Status"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -737,7 +737,7 @@
caption="Referensi Marking"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -746,7 +746,7 @@
caption="Kode Gangguan"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -755,7 +755,7 @@
caption="Jenis Gangguan"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -764,7 +764,7 @@
caption="Penyebab"
:allow-resizing="false"
css-class="custom-table-column"
cell-template="cellLeft"
cell-template="formatText"
/>
<DxColumn
:width="150"
@@ -773,22 +773,22 @@
caption="Tindakan"
: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>