From d8d5dc9f5b7bb817f2dcab54eb5603bb8aa82e9d Mon Sep 17 00:00:00 2001 From: Dede Fuji Abdul Date: Mon, 11 Mar 2024 20:57:45 +0700 Subject: [PATCH] Update CSS styles and GraphQL queries --- src/assets/css/style.css | 18 ++++++++ .../Pages/Anomali/Gangguan/Anomali_LAPPGU.vue | 46 ++++++++++++------- .../Anomali/Gangguan/Anomali_LAPPGU_LPP.vue | 6 ++- .../Anomali/Gangguan/Anomali_LAPPGU_LPT.vue | 6 ++- src/router/index.ts | 8 ++-- 5 files changed, 62 insertions(+), 22 deletions(-) diff --git a/src/assets/css/style.css b/src/assets/css/style.css index 4784f11..a9f265c 100755 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -6058,6 +6058,10 @@ body { width: 2.5rem; } + .lg\:w-2\/6 { + width: 33.333333%; + } + .lg\:w-80 { width: 20rem; } @@ -6070,6 +6074,10 @@ body { width: 70%; } + .lg\:flex-row { + flex-direction: row; + } + .lg\:flex-col { flex-direction: column; } @@ -6078,6 +6086,16 @@ body { flex-wrap: nowrap; } + .lg\:justify-between { + justify-content: space-between; + } + + .lg\: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))); + } + .lg\:rounded-t-3xl { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; diff --git a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU.vue b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU.vue index d1763ef..f7959d0 100644 --- a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU.vue +++ b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU.vue @@ -17,28 +17,42 @@ import { ref } from 'vue' const data = ref([]) const GET_laporanAnomaliPenangananPengaduanGangguanPetugas = gql` - query laporanAnomaliPenangananPengaduanGangguanPetugas($dateFrom: Date!, $dateTo: Date!, $posko: String, $idUid: Int, $idUp3: Int) { - laporanAnomaliPenangananPengaduanGangguanPetugas( + query anomaliPenangananPengaduanGangguanUnitBerulang( + $dateFrom: Date!, + $dateTo: Date!, + $posko: String, + $idUid: Int, + $idUp3: Int) { + anomaliPenangananPengaduanGangguanUnitBerulang( dateFrom: $dateFrom dateTo: $dateTo posko: $posko idUid: $idUid idUp3: $idUp3 ) { - nama_posko - persen_penyelesaian_petugas_anomali_cc_123_marking - persen_penyelesaian_petugas_anomali_cc_123_non_marking - persen_penyelesaian_petugas_anomali_marking - persen_penyelesaian_petugas_anomali_non_marking - persen_penyelesaian_petugas_anomali_pln_mobile_marking - persen_penyelesaian_petugas_anomali_pln_mobile_non_marking - total_penyelesaian_petugas_anomali_cc_123_marking - total_penyelesaian_petugas_anomali_cc_123_non_marking - total_penyelesaian_petugas_anomali_marking - total_penyelesaian_petugas_anomali_non_marking - total_penyelesaian_petugas_anomali_pln_mobile_marking - total_penyelesaian_petugas_anomali_pln_mobile_non_marking - total_petugas + id_uid + nama_uid + id_up3 + nama_up3 + id_ulp + nama_ulp + wo_cc123 + wo_pln_mobile + wo_loket + wo_lainnya + wo_total + anomali_pln_mobile_marking + anomali_pln_mobile_non_marking + anomali_cc123_marking + anomali_cc123_non_marking + total_anomali_marking + total_anomali_non_marking + persen_anomali_pln_mobile_marking + persen_anomali_pln_mobile_non_marking + persen_anomali_cc123_marking + persen_anomali_cc123_non_marking + persen_anomali_marking + persen_anomali_non_marking } } ` diff --git a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPP.vue b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPP.vue index 59b1dc4..983ea4c 100755 --- a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPP.vue +++ b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPP.vue @@ -48,9 +48,13 @@ const position = { of: '#data' } const showIndicator = ref(true) const shading = ref(true) const showPane = ref(true) -const loading = ref(false) +const loading = ref(computed(() => props.loading)) const props = defineProps({ data: Array as () => any[], + loading: { + type: Boolean, + default: false + } }) const data = computed(() => props.data) diff --git a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPT.vue b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPT.vue index b92f307..fba2d05 100755 --- a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPT.vue +++ b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPT.vue @@ -109,11 +109,15 @@ import { saveAs } from 'file-saver' import { Workbook } from 'exceljs' const position = { of: '#data' } const showIndicator = ref(true) -const loading = ref(false) +const loading = ref(computed(() => props.loading)) const shading = ref(true) const showPane = ref(true) const props = defineProps({ data: Array as () => any[], + loading: { + type: Boolean, + default: false, + }, }) const data = computed(() => props.data) const onExporting = (e: any) => { diff --git a/src/router/index.ts b/src/router/index.ts index ce3359f..154de95 100755 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -551,7 +551,7 @@ export const routes: RouteRecordRaw[] = [ }, { path: 'anomali-pengaduan', - name: 'Anomali Penangan Pengaduan', + name: 'Anomali Penanganan Pengaduan', children: [ { path: 'gangguan', @@ -559,12 +559,12 @@ export const routes: RouteRecordRaw[] = [ children: [ { path: '1', - name: 'Laporan Anomali Penangan Pengaduan Gangguan Unit', + name: 'Laporan Anomali Penanganan Pengaduan Gangguan Unit', component: Anomali_LAPPGU }, { path: '2', - name: 'Laporan Anomali Penangan Pengaduan Gangguan Petugas', + name: 'Laporan Anomali Penanganan Pengaduan Gangguan Petugas', component: Anomali_LAPPGP }, { @@ -579,7 +579,7 @@ export const routes: RouteRecordRaw[] = [ children: [ { path: '1', - name: 'Laporan Anomali Penangan Pengaduan Keluhan Unit', + name: 'Laporan Anomali Penanganan Pengaduan Keluhan Unit', component: Anomali_LAPPKU }, {