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
+    <Select @update:selected="setRegional($event)" :data="itemsRegional" :placeholder="regionalPlaceholder" />
-      @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"
+    <label class="block mb-2 font-semibold text-gray-800 sm:mb-0">Unit Induk Distribusi/Wilayah:</label>
-      >Unit Induk Distribusi/Wilayah:</label
-    >
 
-    <Select
+    <Select @update:selected="setUid($event)" :data="itemsUid" :selected="uid" :placeholder="uidPlaceholder" />
-      @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"
+    <label class="block mb-2 font-semibold text-gray-800 sm:mb-0">Unit Pelaksanaan Pelayanan Pelanggan:</label>
-      >Unit Pelaksanaan Pelayanan Pelanggan:</label
-    >
 
-    <Select
+    <Select @update:selected="setUp3($event)" :selected="uppp" :data="itemsUp3" :placeholder="up3Placholder" />
-      @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
+    <Select @update:selected="setUlp($event)" :data="itemsUlp" :selected="ulp" :placeholder="ulpPlaceholder" />
-      @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,
+    idUid: uid ? uid.id : 0,
-    idUp3: idUp3 ? idUp3.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,
+    idUid: uid ? uid.id : 0,
-    idUp3: idUp3 ? idUp3.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,
+    idUid: uid ? uid.id : 0,
-    idUp3: idUp3 ? idUp3.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,
+    idUid: uid ? uid.id : 0,
-    idUp3: idUp3 ? idUp3.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 MonalisaGRJumlahKaliGangguan } from '@/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahKaliGangguan.vue'
-export { default as MonalisaTable2 } from '@/components/Pages/Monalisa/Table_37.vue'
+export { default as MonalisaGRDispatchingTimeGangguan } from '@/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue'
-export { default as MonalisaTable3 } from '@/components/Pages/Monalisa/Table_38.vue'
+export { default as MonalisaGRRecoveryTimeGangguan } from '@/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue'
-export { default as MonalisaTable4 } from '@/components/Pages/Monalisa/Table_39.vue'
+export { default as MonalisaGRResponseTimeGangguan } from '@/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue'
-export { default as MonalisaTable5 } from '@/components/Pages/Monalisa/Table_40.vue'
+export { default as MonalisaGRJumlahDDRPTRCTGangguan } from '@/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahDDRPTRCTGangguan.vue'
-export { default as MonalisaTable6 } from '@/components/Pages/Monalisa/Table_41.vue'
+export { default as MonalisaGRGangguanPerJenisGangguan } from '@/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanPerJenisGangguan.vue'
-export { default as MonalisaTable7 } from '@/components/Pages/Monalisa/Table_42.vue'
+export { default as MonalisaGRLaporUlang } from '@/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_LaporUlang.vue'
-export { default as MonalisaTable8 } from '@/components/Pages/Monalisa/Table_43.vue'
+export { default as MonalisaGRENSGangguan } from '@/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ENSGangguan.vue'
-export { default as MonalisaTable9 } from '@/components/Pages/Monalisa/Table_44.vue'
+export { default as MonalisaGRGangguanBelumSelesai } from '@/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanBelumSelesai.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 MonalisaKRJumlahKaliKeluhan } from '@/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahKaliKeluhan.vue'
-export { default as MonalisaTable12 } from '@/components/Pages/Monalisa/Table_47.vue'
+export { default as MonalisaKRRecoveryTimeKeluhan } from '@/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_RecoveryTimeKeluhan.vue'
-export { default as MonalisaTable13 } from '@/components/Pages/Monalisa/Table_48.vue'
+export { default as MonalisaKRResponseTimeKeluhan } from '@/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_ResponseTimeKeluhan.vue'
-export { default as MonalisaTable14 } from '@/components/Pages/Monalisa/Table_49.vue'
+export { default as MonalisaKRJumlahDDRPTRCTKeluhan } from '@/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahDDRPTRCTKeluhan.vue'
-export { default as MonalisaTable15 } from '@/components/Pages/Monalisa/Table_50.vue'
+export { default as MonalisaKRGangguanPerJenisKeluhan } from '@/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_GangguanPerJenisKeluhan.vue'
-export { default as MonalisaTable16 } from '@/components/Pages/Monalisa/Table_51.vue'
+export { default as MonalisaKRLaporUlangKeluhan } from '@/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_LaporUlangKeluhan.vue'
-export { default as MonalisaTable17 } from '@/components/Pages/Monalisa/Table_52.vue'
+export { default as MonalisaKRKeluhanBelumSelesai } from '@/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_KeluhanBelumSelesai.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 MonalisaLBPenurunanJumlahKomplain } from '@/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue'
-export { default as MonalisaTable20 } from '@/components/Pages/Monalisa/Table_55.vue'
+export { default as MonalisaLBAgingComplaint } from '@/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue'
-export { default as MonalisaTable21 } from '@/components/Pages/Monalisa/Table_56.vue'
+export { default as MonalisaLBEnergyNotSales } from '@/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_EnergyNotSales.vue'
-export { default as MonalisaTable22 } from '@/components/Pages/Monalisa/Table_57.vue'
+export { default as MonalisaLBKADDalamPelaporan } from '@/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_KADDalamPelaporan.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 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'

src/router/index.ts

@@ -46,30 +46,30 @@ import {
   RekapKeluhanRatingPerUnit
 } from '@/components/Pages/Keluhan'
 import {
-  MonalisaTable1,
+  MonalisaGRDispatchingTimeGangguan,
-  MonalisaTable10,
+  MonalisaLBKADDalamPelaporan,
-  MonalisaTable11,
+  MonalisaLKPenurunanJumlahKomplain,
-  MonalisaTable12,
+  MonalisaLKAgingComplaint,
-  MonalisaTable13,
+  MonalisaLKEnergyNotSales,
-  MonalisaTable14,
+  MonalisaLKKDADPelaporan,
-  MonalisaTable15,
+  MonalisaGRRecoveryTimeGangguan,
-  MonalisaTable16,
+  MonalisaGRResponseTimeGangguan,
-  MonalisaTable17,
+  MonalisaGRJumlahDDRPTRCTGangguan,
-  MonalisaTable18,
+  MonalisaGRGangguanPerJenisGangguan,
-  MonalisaTable19,
+  MonalisaGRLaporUlang,
-  MonalisaTable2,
+  MonalisaGRENSGangguan,
-  MonalisaTable20,
+  MonalisaGRGangguanBelumSelesai,
-  MonalisaTable21,
+  MonalisaGRJumlahKaliGangguan,
-  MonalisaTable22,
+  MonalisaLBEnergyNotSales,
-  MonalisaTable23,
+  MonalisaLBAgingComplaint,
-  MonalisaTable24,
+  MonalisaLBPenurunanJumlahKomplain,
-  MonalisaTable3,
+  MonalisaKRKeluhanBelumSelesai,
-  MonalisaTable4,
+  MonalisaKRLaporUlangKeluhan,
-  MonalisaTable5,
+  MonalisaKRGangguanPerJenisKeluhan,
-  MonalisaTable6,
+  MonalisaKRJumlahDDRPTRCTKeluhan,
-  MonalisaTable7,
+  MonalisaKRResponseTimeKeluhan,
-  MonalisaTable8,
+  MonalisaKRRecoveryTimeKeluhan,
-  MonalisaTable9
+  MonalisaKRJumlahKaliKeluhan
 } from '@/components/Pages/Monalisa'
 import { LaporanCICO } from '@/components/Pages/Cico'
 import { Anomali_LAPPGU, Anomali_LAPPKU, Anomali_LAPPGP } from '@/components/Pages/Anomali'
@@ -338,48 +338,48 @@ export const routes: RouteRecordRaw[] = [
                 children: [
                   {
                     path: '1',
-                    name: 'Jumlah Kali  Gangguan',
+                    name: 'Jumlah Kali Gangguan',
-                    component: MonalisaTable1
+                    component: MonalisaGRJumlahKaliGangguan
                   },
                   {
                     path: '2',
                     name: 'Dispacthing Time (DT) Gangguan',
-                    component: MonalisaTable2
+                    component: MonalisaGRDispatchingTimeGangguan
                   },
                   {
                     path: '3',
                     name: 'Recovery Time (RCT) Gangguan',
-                    component: MonalisaTable3
+                    component: MonalisaGRRecoveryTimeGangguan
                   },
                   {
                     path: '4',
                     name: 'Response Time (RPT) Gangguan',
-                    component: MonalisaTable4
+                    component: MonalisaGRResponseTimeGangguan
                   },
                   {
                     path: '5',
                     name: 'Jumlah dan Durasi RPT RCT Gangguan',
-                    component: MonalisaTable5
+                    component: MonalisaGRJumlahDDRPTRCTGangguan
                   },
                   {
                     path: '6',
                     name: 'Rekapitulasi Gangguan Per Jenis Gangguan',
-                    component: MonalisaTable6
+                    component: MonalisaGRGangguanPerJenisGangguan
                   },
                   {
                     path: '7',
                     name: 'Rekapitulasi Lapor Ulang Gangguan',
-                    component: MonalisaTable7
+                    component: MonalisaGRLaporUlang
                   },
                   {
                     path: '8',
                     name: 'Rekapitulasi ENS Gangguan',
-                    component: MonalisaTable8
+                    component: MonalisaGRENSGangguan
                   },
                   {
                     path: '9',
                     name: 'Rekapitulasi Gangguan Belum Selesai',
-                    component: MonalisaTable9
+                    component: MonalisaGRGangguanBelumSelesai
                   },
                   {
                     path: ':pathMatch(.*)*',
@@ -404,37 +404,37 @@ export const routes: RouteRecordRaw[] = [
                   {
                     path: '1',
                     name: 'Jumlah Kali Keluhan',
-                    component: MonalisaTable10
+                    component: MonalisaKRJumlahKaliKeluhan
                   },
                   {
                     path: '2',
                     name: 'Recovery Time (RCT) Keluhan',
-                    component: MonalisaTable11
+                    component: MonalisaKRRecoveryTimeKeluhan
                   },
                   {
                     path: '3',
                     name: 'Response Time (RPT) Keluhan',
-                    component: MonalisaTable12
+                    component: MonalisaKRResponseTimeKeluhan
                   },
                   {
                     path: '4',
                     name: 'Jumlah dan Durasi RPT RCT Keluhan',
-                    component: MonalisaTable13
+                    component: MonalisaKRJumlahDDRPTRCTKeluhan
                   },
                   {
                     path: '5',
                     name: 'Rekapitulasi Gangguan Per Jenis Keluhan',
-                    component: MonalisaTable14
+                    component: MonalisaKRGangguanPerJenisKeluhan
                   },
                   {
                     path: '6',
                     name: 'Rekapitulasi Lapor Ulang Keluhan',
-                    component: MonalisaTable15
+                    component: MonalisaKRLaporUlangKeluhan
                   },
                   {
                     path: '7',
                     name: 'Rekapitulasi Keluhan Belum Selesai',
-                    component: MonalisaTable16
+                    component: MonalisaKRKeluhanBelumSelesai
                   },
                   {
                     path: ':pathMatch(.*)*',
@@ -459,22 +459,22 @@ export const routes: RouteRecordRaw[] = [
                   {
                     path: '1',
                     name: '(Monalisa) Penurunan Jumlah Komplain',
-                    component: MonalisaTable17
+                    component: MonalisaLBPenurunanJumlahKomplain
                   },
                   {
                     path: '2',
                     name: '(Monalisa) Aging Complaint',
-                    component: MonalisaTable18
+                    component: MonalisaLBAgingComplaint
                   },
                   {
                     path: '3',
                     name: '(Monalisa) Energy Not Sales (ENS)',
-                    component: MonalisaTable19
+                    component: MonalisaLBEnergyNotSales
                   },
                   {
                     path: '4',
                     name: '(Monalisa) Kepatuhan dan Akurasi Dalam Pelaporan',
-                    component: MonalisaTable20
+                    component: MonalisaLBKADDalamPelaporan
                   },
                   {
                     path: ':pathMatch(.*)*',
@@ -489,22 +489,22 @@ export const routes: RouteRecordRaw[] = [
                   {
                     path: '1',
                     name: 'Penurunan Jumlah Komplain',
-                    component: MonalisaTable21
+                    component: MonalisaLKPenurunanJumlahKomplain
                   },
                   {
                     path: '2',
                     name: 'Aging Complaint',
-                    component: MonalisaTable22
+                    component: MonalisaLKAgingComplaint
                   },
                   {
                     path: '3',
                     name: 'Energy Not Sales (ENS)',
-                    component: MonalisaTable23
+                    component: MonalisaLKEnergyNotSales
                   },
                   {
                     path: '4',
-                    name: 'Kepatuhan dan Akurasi  Dalam Pelaporan',
+                    name: 'Kepatuhan dan Akurasi Dalam Pelaporan',
-                    component: MonalisaTable24
+                    component: MonalisaLKKDADPelaporan
                   },
                   {
                     path: ':pathMatch(.*)*',