Refactor form component and add new Monalisa pages

src/components/Form/FiltersType/Type2.vue

@@ -104,48 +104,25 @@ onMounted(() => {
   <div class="sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:items-center">
     <label class="block mb-2 font-semibold text-gray-800 sm:mb-0">Regional:</label>
 
-    <Select
-      @update:selected="setRegional($event)"
-      :data="itemsRegional"
-      :placeholder="regionalPlaceholder"
-    />
+    <Select @update:selected="setRegional($event)" :data="itemsRegional" :placeholder="regionalPlaceholder" />
   </div>
 
   <div class="sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:items-center">
-    <label class="block mb-2 font-semibold text-gray-800 sm:mb-0"
-      >Unit Induk Distribusi/Wilayah:</label
-    >
+    <label class="block mb-2 font-semibold text-gray-800 sm:mb-0">Unit Induk Distribusi/Wilayah:</label>
 
-    <Select
-      @update:selected="setUid($event)"
-      :data="itemsUid"
-      :selected="uid"
-      :placeholder="uidPlaceholder"
-    />
+    <Select @update:selected="setUid($event)" :data="itemsUid" :selected="uid" :placeholder="uidPlaceholder" />
   </div>
 
   <div class="sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:items-center">
-    <label class="block mb-2 font-semibold text-gray-800 sm:mb-0"
-      >Unit Pelaksanaan Pelayanan Pelanggan:</label
-    >
+    <label class="block mb-2 font-semibold text-gray-800 sm:mb-0">Unit Pelaksanaan Pelayanan Pelanggan:</label>
 
-    <Select
-      @update:selected="setUp3($event)"
-      :selected="uppp"
-      :data="itemsUp3"
-      :placeholder="up3Placholder"
-    />
+    <Select @update:selected="setUp3($event)" :selected="uppp" :data="itemsUp3" :placeholder="up3Placholder" />
   </div>
 
   <div class="sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:items-center">
     <label class="block mb-2 font-semibold text-gray-800 sm:mb-0">Unit Layanan Pelanggan:</label>
 
-    <Select
-      @update:selected="setUlp($event)"
-      :data="itemsUlp"
-      :selected="ulp"
-      :placeholder="ulpPlaceholder"
-    />
+    <Select @update:selected="setUlp($event)" :data="itemsUlp" :selected="ulp" :placeholder="ulpPlaceholder" />
   </div>
 
   <div class="sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:items-center">

src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue

@@ -169,14 +169,14 @@ const { onResult, onError, loading, refetch } = useQuery(monalisaDispatchingTime
 })
 
 const filterData = (params: any) => {
-  const { regional, idUlp, idUid, idUp3, bulan, tahun } = params
+  const { regional, ulp, uid, up3, bulan, tahun } = params
   bulanSekarang.value = bulan.id
   tahunSekarang.value = tahun.id
   tahunLalu.value = tahun.id - 1
   refetch({
     // regional: regional,
-    idUid: idUid ? idUid.id : 0,
-    idUp3: idUp3 ? idUp3.id : 0,
+    idUid: uid ? uid.id : 0,
+    idUp3: up3 ? up3.id : 0,
     idUlp: ulp ? ulp.id : 0,
     bulan: bulan ? bulan.id : bulanSekarang.value,
     tahun: bulan ? tahun.id : tahunSekarang.value

src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahKaliGangguan.vue

@@ -196,14 +196,14 @@ const { onResult, onError, loading, refetch } = useQuery(MONALISAJUMLAHKALIGANGG
 })
 
 const filterData = (params: any) => {
-  const { regional, idUlp, idUid, idUp3, bulan, tahun } = params
+  const { regional, ulp, uid, up3, bulan, tahun } = params
   bulanSekarang.value = bulan.id
   tahunSekarang.value = tahun.id
   tahunLalu.value = tahun.id - 1
   refetch({
     // regional: regional,
-    idUid: idUid ? idUid.id : 0,
-    idUp3: idUp3 ? idUp3.id : 0,
+    idUid: uid ? uid.id : 0,
+    idUp3: up3 ? up3.id : 0,
     idUlp: ulp ? ulp.id : 0,
     bulan: bulan ? bulan.id : bulanSekarang.value,
     tahun: bulan ? tahun.id : tahunSekarang.value

src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue

@@ -140,14 +140,14 @@ const { onResult, onError, loading, refetch } = useQuery(monalisaRecoveryTimeGan
 })
 
 const filterData = (params: any) => {
-  const { regional, idUlp, idUid, idUp3, bulan, tahun } = params
+  const { regional, ulp, uid, up3, bulan, tahun } = params
   bulanSekarang.value = bulan.id
   tahunSekarang.value = tahun.id
   tahunLalu.value = tahun.id - 1
   refetch({
     // regional: regional,
-    idUid: idUid ? idUid.id : 0,
-    idUp3: idUp3 ? idUp3.id : 0,
+    idUid: uid ? uid.id : 0,
+    idUp3: up3 ? up3.id : 0,
     idUlp: ulp ? ulp.id : 0,
     bulan: bulan ? bulan.id : bulanSekarang.value,
     tahun: bulan ? tahun.id : tahunSekarang.value

src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue

@@ -140,14 +140,14 @@ const { onResult, onError, loading, refetch } = useQuery(monalisaResponseTimeKel
 })
 
 const filterData = (params: any) => {
-  const { regional, idUlp, idUid, idUp3, bulan, tahun } = params
+  const { regional, ulp, uid, up3, bulan, tahun } = params
   bulanSekarang.value = bulan.id
   tahunSekarang.value = tahun.id
   tahunLalu.value = tahun.id - 1
   refetch({
     // regional: regional,
-    idUid: idUid ? idUid.id : 0,
-    idUp3: idUp3 ? idUp3.id : 0,
+    idUid: uid ? uid.id : 0,
+    idUp3: up3 ? up3.id : 0,
     idUlp: ulp ? ulp.id : 0,
     bulan: bulan ? bulan.id : bulanSekarang.value,
     tahun: bulan ? tahun.id : tahunSekarang.value

src/components/Pages/Monalisa/index.ts

@@ -1,24 +1,27 @@
-export { default as MonalisaTable1 } from '@/components/Pages/Monalisa/Table_36.vue'
-export { default as MonalisaTable2 } from '@/components/Pages/Monalisa/Table_37.vue'
-export { default as MonalisaTable3 } from '@/components/Pages/Monalisa/Table_38.vue'
-export { default as MonalisaTable4 } from '@/components/Pages/Monalisa/Table_39.vue'
-export { default as MonalisaTable5 } from '@/components/Pages/Monalisa/Table_40.vue'
-export { default as MonalisaTable6 } from '@/components/Pages/Monalisa/Table_41.vue'
-export { default as MonalisaTable7 } from '@/components/Pages/Monalisa/Table_42.vue'
-export { default as MonalisaTable8 } from '@/components/Pages/Monalisa/Table_43.vue'
-export { default as MonalisaTable9 } from '@/components/Pages/Monalisa/Table_44.vue'
-export { default as MonalisaTable10 } from '@/components/Pages/Monalisa/Table_45.vue'
-export { default as MonalisaTable11 } from '@/components/Pages/Monalisa/Table_46.vue'
-export { default as MonalisaTable12 } from '@/components/Pages/Monalisa/Table_47.vue'
-export { default as MonalisaTable13 } from '@/components/Pages/Monalisa/Table_48.vue'
-export { default as MonalisaTable14 } from '@/components/Pages/Monalisa/Table_49.vue'
-export { default as MonalisaTable15 } from '@/components/Pages/Monalisa/Table_50.vue'
-export { default as MonalisaTable16 } from '@/components/Pages/Monalisa/Table_51.vue'
-export { default as MonalisaTable17 } from '@/components/Pages/Monalisa/Table_52.vue'
-export { default as MonalisaTable18 } from '@/components/Pages/Monalisa/Table_53.vue'
-export { default as MonalisaTable19 } from '@/components/Pages/Monalisa/Table_54.vue'
-export { default as MonalisaTable20 } from '@/components/Pages/Monalisa/Table_55.vue'
-export { default as MonalisaTable21 } from '@/components/Pages/Monalisa/Table_56.vue'
-export { default as MonalisaTable22 } from '@/components/Pages/Monalisa/Table_57.vue'
-export { default as MonalisaTable23 } from '@/components/Pages/Monalisa/Table_58.vue'
-export { default as MonalisaTable24 } from '@/components/Pages/Monalisa/Table_59.vue'
+export { default as MonalisaGRJumlahKaliGangguan } from '@/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahKaliGangguan.vue'
+export { default as MonalisaGRDispatchingTimeGangguan } from '@/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue'
+export { default as MonalisaGRRecoveryTimeGangguan } from '@/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue'
+export { default as MonalisaGRResponseTimeGangguan } from '@/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue'
+export { default as MonalisaGRJumlahDDRPTRCTGangguan } from '@/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahDDRPTRCTGangguan.vue'
+export { default as MonalisaGRGangguanPerJenisGangguan } from '@/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanPerJenisGangguan.vue'
+export { default as MonalisaGRLaporUlang } from '@/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_LaporUlang.vue'
+export { default as MonalisaGRENSGangguan } from '@/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ENSGangguan.vue'
+export { default as MonalisaGRGangguanBelumSelesai } from '@/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanBelumSelesai.vue'
+
+export { default as MonalisaKRJumlahKaliKeluhan } from '@/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahKaliKeluhan.vue'
+export { default as MonalisaKRRecoveryTimeKeluhan } from '@/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_RecoveryTimeKeluhan.vue'
+export { default as MonalisaKRResponseTimeKeluhan } from '@/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_ResponseTimeKeluhan.vue'
+export { default as MonalisaKRJumlahDDRPTRCTKeluhan } from '@/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahDDRPTRCTKeluhan.vue'
+export { default as MonalisaKRGangguanPerJenisKeluhan } from '@/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_GangguanPerJenisKeluhan.vue'
+export { default as MonalisaKRLaporUlangKeluhan } from '@/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_LaporUlangKeluhan.vue'
+export { default as MonalisaKRKeluhanBelumSelesai } from '@/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_KeluhanBelumSelesai.vue'
+
+export { default as MonalisaLBPenurunanJumlahKomplain } from '@/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue'
+export { default as MonalisaLBAgingComplaint } from '@/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue'
+export { default as MonalisaLBEnergyNotSales } from '@/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_EnergyNotSales.vue'
+export { default as MonalisaLBKADDalamPelaporan } from '@/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_KADDalamPelaporan.vue'
+
+export { default as MonalisaLKPenurunanJumlahKomplain } from '@/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_PenurunanJumlahKomplain.vue'
+export { default as MonalisaLKAgingComplaint } from '@/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_AgingComplaint.vue'
+export { default as MonalisaLKEnergyNotSales } from '@/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_EnergyNotSales.vue'
+export { default as MonalisaLKKDADPelaporan } from '@/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_KDADPelaporan.vue'