Update CSS styles and GraphQL queries

This commit is contained in:
Dede Fuji Abdul 2024-03-11 20:57:45 +07:00
parent 4b1437e1d6
commit d8d5dc9f5b
5 changed files with 62 additions and 22 deletions

View File

@ -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;

View File

@ -17,28 +17,42 @@ import { ref } from 'vue'
const data = ref<any[]>([])
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
}
}
`

View File

@ -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)

View File

@ -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) => {

View File

@ -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
},
{