From aff2b2ae527e064a410831d3cc9e250728b3f09c Mon Sep 17 00:00:00 2001 From: Dede Fuji Abdul Date: Fri, 8 Mar 2024 18:23:46 +0700 Subject: [PATCH 1/3] Update CSS and DialogPanel in DetailDialog.vue --- src/assets/css/style.css | 4 + src/components/Dialogs/DetailDialog.vue | 2 +- src/components/Pages/Cico/LaporanCICO.vue | 407 +++++++++++++++++++++- 3 files changed, 393 insertions(+), 20 deletions(-) diff --git a/src/assets/css/style.css b/src/assets/css/style.css index 35ed099..05d48e5 100755 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -5684,6 +5684,10 @@ body { max-width: 20rem; } + .sm\:max-w-full { + max-width: 100%; + } + .sm\:flex-1 { flex: 1 1 0%; } diff --git a/src/components/Dialogs/DetailDialog.vue b/src/components/Dialogs/DetailDialog.vue index f9c6de5..89ff697 100755 --- a/src/components/Dialogs/DetailDialog.vue +++ b/src/components/Dialogs/DetailDialog.vue @@ -42,7 +42,7 @@ const handleOnClose = () => { leave-from="opacity-100 translate-y-0 sm:scale-100" leave-to="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> + :class="[fullWidth ? 'sm:max-w-full' : 'sm:max-w-lg sm:my-8', 'relative overflow-hidden text-left transition-all transform bg-gray-50 rounded-2xl sm:w-full']">
diff --git a/src/components/Pages/Cico/LaporanCICO.vue b/src/components/Pages/Cico/LaporanCICO.vue index 4b7d30e..46e1625 100755 --- a/src/components/Pages/Cico/LaporanCICO.vue +++ b/src/components/Pages/Cico/LaporanCICO.vue @@ -6,8 +6,8 @@
+ @selection-changed="onDataSelectionChanged" :column-width="100" @exporting="onExporting" + :allow-column-resizing="true" column-resizing-mode="widget" :word-wrap-enabled="false"> @@ -18,33 +18,374 @@ + css-class="custom-table-column" cell-template="cellLeft" /> + css-class="custom-table-column" cell-template="cellLeft" /> + caption="Jumlah WO Gangguan Individual" css-class="custom-table-column" cell-template="cellRight" /> + caption="Rata-rata Durasi WO Gangguan" css-class="custom-table-column" cell-template="cellRight" /> + caption="Rata-rata RPT WO Gangguan" css-class="custom-table-column" cell-template="cellRight" /> + caption="Rata-rata RCT WO Gangguan" css-class="custom-table-column" cell-template="cellRight" /> - + caption="Jumlah Wo Penugasan Khusus" css-class="custom-table-column" cell-template="cellRight" /> + + + + +
+ + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
+
+

UID/UIW:

+ +
+ +
+

UP3:

+ +
+ +
+

Posko:

+ +
+ +
+

Sumber Lapor:

+ +
+ +
+

Created By:

+ +
+ +
+

Dispatch By:

+ +
+ +
+

Dispatch Time:

+ +
+ +
+

User Regu:

+ +
+ +
+

Nama Regu:

+ +
+ +
+

Nama Petugas:

+ +
+ +
+

Shif:

+ +
+ +
+

Check In Petugas:

+ +
+ +
+

No Laporan:

+ +
+ +
+

Tgl Lapor:

+ +
+ +
+

Tgl Penugasan Regu:

+ +
+ +
+

Tgl Dalam Perjalanan:

+ +
+ +
+

Tgl Pengerjaan:

+ +
+ +
+

Tgl Nyala:

+ +
+ +
+

Tgl Selesai:

+ +
+ +
+

Durasi Perjalanan:

+ +
+ +
+

Durasi WO:

+ +
+ +
+

Check Out Petugas:

+ +
+ +
+

RPT

+ +
+ +
+

RCT

+ +
+ +
+

Rating

+ +
+ +
+

Jml Pelanggan Padam:

+ +
+ +
+

Fasilitas:

+ +
+ +
+

Sub Fasilitas:

+ +
+ +
+

Peralatan:

+ +
+ +
+

Dampak Kerusakan:

+ +
+ +
+

Penyebab:

+ +
+ +
+

Kelompok Penyebab:

+ +
+ +
+

Cuaca:

+ +
+ +
+

Keterangan Pelapor:

+ +
+ +
+

Keterangan:

+ +
+ +
+

Penyebab Padam:

+ +
+ +
+

Tindakan:

+ +
+ +
+

PKT Status:

+ +
+ +
+

Referensi Marking

+ +
+ +
+

BLTH

+ +
+ +
+
+ +
\ No newline at end of file From 8883666b4a6381e5ca7d426a9a8fe93edcef07b2 Mon Sep 17 00:00:00 2001 From: Dede Fuji Abdul Date: Fri, 8 Mar 2024 20:50:41 +0700 Subject: [PATCH 2/3] Refactor CSS styles and add new GraphQL query --- src/assets/css/style.css | 20 +- .../Pages/Gangguan/Rekap/RGangguan_ALL.vue | 296 +- src/utils/api/api.graphql.ts | 44 + src/utils/dummy.ts | 2746 +++++++++++++++++ 4 files changed, 3010 insertions(+), 96 deletions(-) diff --git a/src/assets/css/style.css b/src/assets/css/style.css index 05d48e5..2b5859a 100755 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -1614,10 +1614,6 @@ body { height: 2.7rem; } -.h-\[56px\] { - height: 56px; -} - .h-\[66px\] { height: 66px; } @@ -3269,6 +3265,10 @@ body { text-align: center; } +.\!text-center { + text-align: center !important; +} + .\!text-right { text-align: right !important; } @@ -3285,10 +3285,6 @@ body { vertical-align: top !important; } -.align-top { - vertical-align: top; -} - .align-middle { vertical-align: middle; } @@ -5664,8 +5660,8 @@ body { width: 100%; } - .sm\:max-w-\[90\%\] { - max-width: 90%; + .sm\:max-w-full { + max-width: 100%; } .sm\:max-w-lg { @@ -5684,10 +5680,6 @@ body { max-width: 20rem; } - .sm\:max-w-full { - max-width: 100%; - } - .sm\:flex-1 { flex: 1 1 0%; } diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue index e20d550..f946e60 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue @@ -13,7 +13,7 @@ + v-model:visible="loadingData" :enabled="true" /> + + + + + + + + + + + + + + + + + + + + + + + + + + + +
@@ -101,69 +165,69 @@
- + + v-model:visible="loadingSubData" :enabled="true" /> - - - + - - - - + + + + - - + + + + + + + + + - + + + - - - - - - - - - - - - - + +