From b99be652009848f29aac9825094f4dbbe46104de Mon Sep 17 00:00:00 2001 From: Dede Fuji Abdul Date: Thu, 7 Mar 2024 20:02:43 +0700 Subject: [PATCH] Update table inside dialog Gangguan All --- src/assets/css/style.css | 72 +++- .../Pages/Gangguan/Rekap/RGangguan_ALL.vue | 307 +++++++++++++----- 2 files changed, 282 insertions(+), 97 deletions(-) diff --git a/src/assets/css/style.css b/src/assets/css/style.css index 3bd137d..dd5fa9b 100755 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -1671,6 +1671,10 @@ body { min-height: 32px; } +.min-h-\[40px\] { + min-height: 40px; +} + .min-h-full { min-height: 100%; } @@ -1679,10 +1683,6 @@ body { min-height: 100vh; } -.min-h-\[40px\] { - min-height: 40px; -} - .w-0 { width: 0px; } @@ -1823,6 +1823,10 @@ body { width: 100vw; } +.w-\[135px\] { + width: 135px; +} + .min-w-0 { min-width: 0px; } @@ -2198,6 +2202,12 @@ body { margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } +.space-x-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1rem * var(--tw-space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); +} + .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); @@ -2216,12 +2226,6 @@ body { margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } -.space-x-4 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1rem * var(--tw-space-x-reverse)); - margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); -} - .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); @@ -6005,6 +6009,14 @@ body { bottom: 0px; } + .lg\:float-right { + float: right; + } + + .lg\:float-left { + float: left; + } + .lg\:mx-0 { margin-left: 0px; margin-right: 0px; @@ -6034,6 +6046,10 @@ body { margin-top: 1.5rem; } + .lg\:mr-4 { + margin-right: 1rem; + } + .lg\:block { display: block; } @@ -6062,6 +6078,42 @@ body { width: 20rem; } + .lg\:w-4\/12 { + width: 33.333333%; + } + + .lg\:w-6\/12 { + width: 50%; + } + + .lg\:w-1\/4 { + width: 25%; + } + + .lg\:w-3\/4 { + width: 75%; + } + + .lg\:w-2\/5 { + width: 40%; + } + + .lg\:w-3\/5 { + width: 60%; + } + + .lg\:w-8\/12 { + width: 66.666667%; + } + + .lg\:w-\[30\%\] { + width: 30%; + } + + .lg\:w-\[70\%\] { + width: 70%; + } + .lg\:flex-row { flex-direction: row; } diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue index 686ce2f..d5287e0 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue @@ -98,104 +98,236 @@ -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + - + - - - + + +
+ +
+
+
+
+

Posko:

+
+ +
+

No Laporan:

+ +
+ +
+

Tgl/Jam Lapor:

+ +
+ +
+

Tgl/Jam Datang:

+ +
+ +
+

Tgl/Jam Nyala:

+ +
+ +
+

Durasi Response Time:

+ +
+ +
+

Durasi Recovery Time:

+ +
+ +
+

Durasi Penugasan Regu:

+ +
+ +
+

Durasi Perjalanan Regu:

+ +
+ +
+

Jarak Closing (m):

+ +
+ +
+

Dispatch Oleh:

+ +
+ +
+

IDPEL/NO METER:

+ +
+ +
+

Nama Pelapor:

+ +
+ +
+

Alamat Pelapor:

+ +
+ +
+

NO Telp Pelapor:

+ +
+ +
+

Keterangan Pelapor:

+ +
+ +
+

Sumber Lapor:

+ +
+ +
+

Diselesaikan Oleh:

+ +
+ +
+

Status:

+ +
+ +
+

Referensi Marking:

+ +
+ +
+

Kode Gangguan:

+ +
+ +
+

Jenis Gangguan:

+ +
+ +
+

Penyebab:

+ +
+ +
+

Tindakan:

+ +
+ +
+ @@ -224,6 +356,7 @@ import { queries } from '@/utils/graphql' import { dummyData } from '@/utils/dummy' import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers' import DetailDialog from '@/components/Dialogs/DetailDialog.vue' +import InputText from '@/components/InputText.vue' const position = { of: '#data' } const showIndicator = ref(true)