-
{{ pageMetaData[0] }}
+{{ pageTitle }}
-
-
+
([])
const sidebarOpen = ref(false)
@@ -17,8 +19,6 @@ export const useMenuStore = defineStore('menu', () => {
const menuSelected = ref(route.fullPath)
const toggleSidebar = () => (sidebarOpen.value = !sidebarOpen.value)
const toggleSidebarMenu = (path: string, newExpanded: boolean): void => {
- console.log('expanded', path);
-
const toggleItemExpanded = (items: MenuItemModel[]): void => {
for (const item of items) {
if (item.path === path) {
@@ -56,11 +56,16 @@ export const useMenuStore = defineStore('menu', () => {
}
} else {
collapseAllMenu()
+
+ filters.setConfig({
+ type: '',
+ reportButton: false
+ })
}
})
const expandCurrentActiveMenu = (): void => {
- const menuData = convertRouteToMenu(routes.at(0)?.children || [])
+ const menuData = convertRouteToMenu(routes[0]?.children || [])
navigation.value = menuData
menuSelected.value = router.currentRoute.value.fullPath
diff --git a/src/utils/route.ts b/src/utils/route.ts
index 124b767..a499546 100644
--- a/src/utils/route.ts
+++ b/src/utils/route.ts
@@ -37,7 +37,7 @@ const convertToDashedString = (input: string): string => {
}
export const convertRouteToMenu = (data: RouteRecordRaw[], basePath: string = '/home', iconIndex: number = 0): MenuItemModel[] => {
- return data.filter((i) => i.path !== '').map((item) => {
+ return data.filter((i) => i.path !== '' && i.name != undefined).map((item) => {
const convertedItem: MenuItemModel = {
name: item.name?.toString() || '',
path: `${basePath}/${item.path}`,
diff --git a/src/views/TestView.vue b/src/views/TestView.vue
index d5db478..216fe22 100644
--- a/src/views/TestView.vue
+++ b/src/views/TestView.vue
@@ -1,12 +1,31 @@
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_37.vue b/src/components/Pages/Monalisa/Table_37.vue
new file mode 100644
index 0000000..22be567
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_37.vue
@@ -0,0 +1,81 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_38.vue b/src/components/Pages/Monalisa/Table_38.vue
new file mode 100644
index 0000000..6018b06
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_38.vue
@@ -0,0 +1,81 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_39.vue b/src/components/Pages/Monalisa/Table_39.vue
new file mode 100644
index 0000000..75195e8
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_39.vue
@@ -0,0 +1,81 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_40.vue b/src/components/Pages/Monalisa/Table_40.vue
new file mode 100644
index 0000000..0cf2303
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_40.vue
@@ -0,0 +1,117 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_41.vue b/src/components/Pages/Monalisa/Table_41.vue
new file mode 100644
index 0000000..902134f
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_41.vue
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_42.vue b/src/components/Pages/Monalisa/Table_42.vue
new file mode 100644
index 0000000..a0c6d78
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_42.vue
@@ -0,0 +1,81 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_43.vue b/src/components/Pages/Monalisa/Table_43.vue
new file mode 100644
index 0000000..d7bd85e
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_43.vue
@@ -0,0 +1,81 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_44.vue b/src/components/Pages/Monalisa/Table_44.vue
new file mode 100644
index 0000000..286a07a
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_44.vue
@@ -0,0 +1,70 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_45.vue b/src/components/Pages/Monalisa/Table_45.vue
new file mode 100644
index 0000000..a8a01ee
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_45.vue
@@ -0,0 +1,81 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_46.vue b/src/components/Pages/Monalisa/Table_46.vue
new file mode 100644
index 0000000..d18cb02
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_46.vue
@@ -0,0 +1,81 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_47.vue b/src/components/Pages/Monalisa/Table_47.vue
new file mode 100644
index 0000000..7725a2a
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_47.vue
@@ -0,0 +1,81 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_48.vue b/src/components/Pages/Monalisa/Table_48.vue
new file mode 100644
index 0000000..b2fee1a
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_48.vue
@@ -0,0 +1,117 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_49.vue b/src/components/Pages/Monalisa/Table_49.vue
new file mode 100644
index 0000000..57ff6cd
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_49.vue
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_50.vue b/src/components/Pages/Monalisa/Table_50.vue
new file mode 100644
index 0000000..5d8a932
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_50.vue
@@ -0,0 +1,81 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_51.vue b/src/components/Pages/Monalisa/Table_51.vue
new file mode 100644
index 0000000..a6c8a81
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_51.vue
@@ -0,0 +1,70 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_52.vue b/src/components/Pages/Monalisa/Table_52.vue
new file mode 100644
index 0000000..3910573
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_52.vue
@@ -0,0 +1,127 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_53.vue b/src/components/Pages/Monalisa/Table_53.vue
new file mode 100644
index 0000000..de50a70
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_53.vue
@@ -0,0 +1,89 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_54.vue b/src/components/Pages/Monalisa/Table_54.vue
new file mode 100644
index 0000000..79296e0
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_54.vue
@@ -0,0 +1,79 @@
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_55.vue b/src/components/Pages/Monalisa/Table_55.vue
new file mode 100644
index 0000000..942242f
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_55.vue
@@ -0,0 +1,81 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_56.vue b/src/components/Pages/Monalisa/Table_56.vue
new file mode 100644
index 0000000..db105d6
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_56.vue
@@ -0,0 +1,114 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_57.vue b/src/components/Pages/Monalisa/Table_57.vue
new file mode 100644
index 0000000..409c190
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_57.vue
@@ -0,0 +1,89 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_58.vue b/src/components/Pages/Monalisa/Table_58.vue
new file mode 100644
index 0000000..3be2336
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_58.vue
@@ -0,0 +1,79 @@
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/Table_59.vue b/src/components/Pages/Monalisa/Table_59.vue
new file mode 100644
index 0000000..7ed615d
--- /dev/null
+++ b/src/components/Pages/Monalisa/Table_59.vue
@@ -0,0 +1,82 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Monalisa/index.ts b/src/components/Pages/Monalisa/index.ts
new file mode 100644
index 0000000..4142a1c
--- /dev/null
+++ b/src/components/Pages/Monalisa/index.ts
@@ -0,0 +1,24 @@
+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'
diff --git a/src/components/Pages/PencarianData/Table_71.vue b/src/components/Pages/PencarianData/Table_71.vue
new file mode 100644
index 0000000..320a9cc
--- /dev/null
+++ b/src/components/Pages/PencarianData/Table_71.vue
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/PencarianData/index.ts b/src/components/Pages/PencarianData/index.ts
new file mode 100644
index 0000000..012e268
--- /dev/null
+++ b/src/components/Pages/PencarianData/index.ts
@@ -0,0 +1 @@
+export { default as PencarianDataTable1 } from '@/components/Pages/PencarianData/Table_71.vue'
\ No newline at end of file
diff --git a/src/components/Pages/Transaksi/Table_70.vue b/src/components/Pages/Transaksi/Table_70.vue
new file mode 100644
index 0000000..2ee8bc9
--- /dev/null
+++ b/src/components/Pages/Transaksi/Table_70.vue
@@ -0,0 +1,76 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Pages/Transaksi/index.ts b/src/components/Pages/Transaksi/index.ts
new file mode 100644
index 0000000..9335e94
--- /dev/null
+++ b/src/components/Pages/Transaksi/index.ts
@@ -0,0 +1 @@
+export { default as TransaksiTable1 } from '@/components/Pages/Transaksi/Table_70.vue'
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
index bc01a6e..c8f6e48 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,4 +1,4 @@
-import 'devextreme/dist/css/dx.light.css'
+// import 'devextreme/dist/css/dx.material.blue.light.compact.css'
import '@lottiefiles/lottie-player'
import '@/assets/css/main.css'
import { createApp } from 'vue'
diff --git a/src/router/index.ts b/src/router/index.ts
index d56bed9..cf9eb28 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -9,15 +9,76 @@ import WelcomePage from '@/components/Pages/Welcome.vue'
import EmptyPage from '@/components/Pages/EmptyPage.vue'
import qs from 'qs'
import {
- GangguanDaftar1,
- GangguanDaftar2,
- GangguanDaftar3
-} from '@/components/Pages/Gangguan/Daftar'
+ GangguanTable1,
+ GangguanTable2,
+ GangguanTable3,
+ GangguanTable4,
+ GangguanTable5,
+ GangguanTable6,
+ GangguanTable7,
+ GangguanTable8,
+ GangguanTable9,
+ GangguanTable10,
+ GangguanTable11,
+ GangguanTable12,
+ GangguanTable13,
+ GangguanTable14,
+ GangguanTable15,
+ GangguanTable16,
+ GangguanTable17,
+ GangguanTable18,
+ GangguanTable19,
+ GangguanTable20,
+} from '@/components/Pages/Gangguan'
import {
- GangguanRekap1,
-} from '@/components/Pages/Gangguan/Rekapitulasi'
-import Type1 from '@/components/Form/FiltersType/Type1.vue'
-import Button from '@/components/Button.vue'
+ KeluhanTable1,
+ KeluhanTable2,
+ KeluhanTable3,
+ KeluhanTable4,
+ KeluhanTable5,
+ KeluhanTable6,
+ KeluhanTable7,
+ KeluhanTable8,
+ KeluhanTable9,
+ KeluhanTable10,
+ KeluhanTable11,
+ KeluhanTable12,
+ KeluhanTable13,
+ KeluhanTable14,
+ KeluhanTable15,
+} from '@/components/Pages/Keluhan'
+import {
+ MonalisaTable1,
+ MonalisaTable10,
+ MonalisaTable11,
+ MonalisaTable12,
+ MonalisaTable13,
+ MonalisaTable14,
+ MonalisaTable15,
+ MonalisaTable16,
+ MonalisaTable17,
+ MonalisaTable18,
+ MonalisaTable19,
+ MonalisaTable2,
+ MonalisaTable20,
+ MonalisaTable21,
+ MonalisaTable22,
+ MonalisaTable23,
+ MonalisaTable24,
+ MonalisaTable3,
+ MonalisaTable4,
+ MonalisaTable5,
+ MonalisaTable6,
+ MonalisaTable7,
+ MonalisaTable8,
+ MonalisaTable9
+} from '@/components/Pages/Monalisa'
+import { CicoTable1 } from '@/components/Pages/Cico'
+import { AnomaliTable1, AnomaliTable2, AnomaliTable3, AnomaliTable5 } from '@/components/Pages/Anomali'
+import { CttTable1 } from '@/components/Pages/Ctt'
+import { MaterialTable1, MaterialTable2 } from '@/components/Pages/Material'
+import { TransaksiTable1 } from '@/components/Pages/Transaksi'
+import { PencarianDataTable1 } from '@/components/Pages/PencarianData'
export const routes: RouteRecordRaw[] = [
{
@@ -40,40 +101,43 @@ export const routes: RouteRecordRaw[] = [
children: [
{
path: '1',
- name: 'Daftar Keluhan Dialihkan Ke Posko Lain | type-1',
- component: GangguanDaftar1,
- props: true
+ name: 'Daftar Keluhan Dialihkan Ke Posko Lain',
+ component: GangguanTable1,
},
{
path: '2',
name: 'Daftar Gangguan Melapor Lebih Dari 1 Kali',
- component: GangguanDaftar2,
+ component: GangguanTable2,
},
{
path: '3',
name: 'Daftar Gangguan Response Time',
- component: GangguanDaftar3,
+ component: GangguanTable3,
},
{
path: '4',
name: 'Daftar Gangguan Recovery Time',
- component: GangguanDaftar3,
+ component: GangguanTable4,
},
{
path: '5',
name: 'Daftar Gangguan Selesai Tanpa ID Pelanggan',
- component: GangguanDaftar3,
+ component: GangguanTable5,
},
{
path: '6',
name: 'Daftar Gangguan Berdasarkan Media',
- component: GangguanDaftar3,
+ component: GangguanTable6,
},
{
path: '7',
name: 'Daftar Gangguan Diselesaikan Mobile APKT',
- component: GangguanDaftar3,
+ component: GangguanTable7,
},
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
+ }
],
},
{
@@ -83,74 +147,77 @@ export const routes: RouteRecordRaw[] = [
{
path: '1',
name: 'Rekapitulasi Gangguan All',
- component: GangguanRekap1,
+ component: GangguanTable8,
},
{
path: '2',
name: 'Rekapitulasi Gangguan/Jenis Gangguan',
- component: EmptyPage,
+ component: GangguanTable9,
},
{
path: '3',
name: 'Rekapitulasi Gangguan/Jenis Gangguan SE 004',
- component: EmptyPage,
+ component: GangguanTable10,
},
{
path: '4',
name: 'Rekapitulasi Gangguan Per Posko',
- component: EmptyPage,
+ component: GangguanTable11,
},
{
path: '5',
name: 'Rekapitulasi Gangguan Per Regu',
- component: EmptyPage,
+ component: GangguanTable12,
},
{
path: '6',
name: 'Rekapitulasi Gangguan Per Tanggal',
- component: EmptyPage,
+ component: GangguanTable13,
},
{
path: '7',
name: 'Rekapitulasi Gangguan Berdasarkan Media',
- component: EmptyPage,
+ component: GangguanTable14,
},
{
path: '8',
name: 'Rekapitulasi Gangguan Alih Posko',
- component: EmptyPage,
+ component: GangguanTable15,
},
{
path: '9',
- name: 'Rekapitulasi Gangguan Per Status',
- component: EmptyPage,
+ name: 'Rekapitulasi Gangguan Diselesaikan Mobile APKT',
+ component: GangguanTable16,
},
{
path: '10',
- name: 'Rekapitulasi Gangguan Diselesaikan Mobile APKT',
- component: EmptyPage,
+ name: 'Rekapitulasi Rating Per Posko',
+ component: GangguanTable17,
},
{
path: '11',
- name: 'Rekapitulasi Rating Per Posko',
- component: EmptyPage,
+ name: 'Rekapitulasi Rating Per Regu',
+ component: GangguanTable18,
},
{
path: '12',
- name: 'Rekapitulasi Rating Per Regu',
- component: EmptyPage,
+ name: 'Rekapitulasi Koreksi Transaksi Individual',
+ component: GangguanTable19,
},
{
path: '13',
- name: 'Rekapitulasi Koreksi Transaksi Individual',
- component: EmptyPage,
+ name: 'Rekapitulasi Cleansing Transaksi TM',
+ component: GangguanTable20,
},
{
- path: '14',
- name: 'Rekapitulasi Cleansing Transaksi TM',
+ path: ':pathMatch(.*)*',
component: EmptyPage,
- },
+ }
],
+ },
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
}
]
},
@@ -165,38 +232,42 @@ export const routes: RouteRecordRaw[] = [
{
path: '1',
name: 'Daftar Keluhan Dialihkan Ke Unit Lain',
- component: EmptyPage,
+ component: KeluhanTable1,
},
{
path: '2',
name: 'Daftar Keluhan Pelanggan Lebih Dari 1 Kali',
- component: EmptyPage,
+ component: KeluhanTable2,
},
{
path: '3',
name: 'Daftar Keluhan Response Time',
- component: EmptyPage,
+ component: KeluhanTable3,
},
{
path: '4',
name: 'Daftar Keluhan Recovery Time',
- component: EmptyPage,
+ component: KeluhanTable4,
},
{
path: '5',
name: 'Daftar Keluhan Selesai Tanpa ID Pelanggan',
- component: EmptyPage,
+ component: KeluhanTable5,
},
{
path: '6',
name: 'Daftar Keluhan Berdasarkan Media',
- component: EmptyPage,
+ component: KeluhanTable6,
},
{
path: '7',
name: 'Daftar Keluhan Selesai di CC123',
- component: EmptyPage,
+ component: KeluhanTable7,
},
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
+ }
],
},
{
@@ -206,44 +277,52 @@ export const routes: RouteRecordRaw[] = [
{
path: '1',
name: 'Rekapitulasi Keluhan All',
- component: EmptyPage,
+ component: KeluhanTable8,
},
{
path: '2',
name: 'Rekapitulasi Keluhan Per Fungsi Bidang',
- component: EmptyPage,
+ component: KeluhanTable9,
},
{
path: '3',
name: 'Rekapitulasi Keluhan Per Jenis Keluhan',
- component: EmptyPage,
+ component: KeluhanTable10,
},
{
path: '4',
- name: 'Rekapitulasi Keluhan Per Tanggal',
- component: EmptyPage,
+ name: 'Rekapitulasi Keluhan Per Kelompok Keluhan',
+ component: KeluhanTable11,
},
{
path: '5',
- name: 'Rekapitulasi Keluhan Per Unit',
- component: EmptyPage,
+ name: 'Rekapitulasi Keluhan Per Tanggal',
+ component: KeluhanTable12,
},
{
path: '6',
- name: 'Rekapitulasi Keluhan Berdasarkan Media',
- component: EmptyPage,
+ name: 'Rekapitulasi Keluhan Per Unit',
+ component: KeluhanTable13,
},
{
path: '7',
- name: 'Rekapitulasi Keluhan Per Kelompok Keluhan',
- component: EmptyPage,
+ name: 'Rekapitulasi Keluhan Berdasarkan Media',
+ component: KeluhanTable14,
},
{
path: '8',
name: 'Rekapitulasi Rating Per Unit',
- component: EmptyPage,
+ component: KeluhanTable15,
},
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
+ }
],
+ },
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
}
],
},
@@ -262,50 +341,58 @@ export const routes: RouteRecordRaw[] = [
{
path: '1',
name: 'Jumlah Kali Gangguan',
- component: EmptyPage,
+ component: MonalisaTable1,
},
{
path: '2',
name: 'Dispacthing Time (DT) Gangguan',
- component: EmptyPage,
+ component: MonalisaTable2,
},
{
path: '3',
name: 'Recovery Time (RCT) Gangguan',
- component: EmptyPage,
+ component: MonalisaTable3,
},
{
path: '4',
name: 'Response Time (RPT) Gangguan',
- component: EmptyPage,
+ component: MonalisaTable4,
},
{
path: '5',
name: 'Jumlah dan Durasi RPT RCT Gangguan',
- component: EmptyPage,
+ component: MonalisaTable5,
},
{
path: '6',
name: 'Rekapitulasi Gangguan Per Jenis Gangguan',
- component: EmptyPage,
+ component: MonalisaTable6,
},
{
path: '7',
name: 'Rekapitulasi Lapor Ulang Gangguan',
- component: EmptyPage,
+ component: MonalisaTable7,
},
{
path: '8',
name: 'Rekapitulasi ENS Gangguan',
- component: EmptyPage,
+ component: MonalisaTable8,
},
{
path: '9',
name: 'Rekapitulasi Gangguan Belum Selesai',
- component: EmptyPage,
+ component: MonalisaTable9,
},
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
+ }
],
},
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
+ }
],
},
{
@@ -319,44 +406,52 @@ export const routes: RouteRecordRaw[] = [
{
path: '1',
name: 'Jumlah Kali Keluhan',
- component: EmptyPage,
+ component: MonalisaTable10,
},
{
path: '2',
name: 'Recovery Time (RCT) Keluhan',
- component: EmptyPage,
+ component: MonalisaTable11,
},
{
path: '3',
name: 'Response Time (RPT) Keluhan',
- component: EmptyPage,
+ component: MonalisaTable12,
},
{
path: '4',
name: 'Jumlah dan Durasi RPT RCT Keluhan',
- component: EmptyPage,
+ component: MonalisaTable13,
},
{
path: '5',
name: 'Rekapitulasi Gangguan Per Jenis Keluhan',
- component: EmptyPage,
+ component: MonalisaTable14,
},
{
path: '6',
name: 'Rekapitulasi Lapor Ulang Keluhan',
- component: EmptyPage,
+ component: MonalisaTable15,
},
{
path: '7',
name: 'Rekapitulasi Keluhan Belum Selesai',
- component: EmptyPage,
+ component: MonalisaTable16,
},
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
+ }
],
},
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
+ }
],
},
{
- path: 'kpi',
+ path: 'laporan-kpi',
name: 'Laporan KPI',
children: [
{
@@ -365,24 +460,28 @@ export const routes: RouteRecordRaw[] = [
children: [
{
path: '1',
- name: 'Penurunan Jumlah Komplain',
- component: EmptyPage,
+ name: '(Monalisa) Penurunan Jumlah Komplain',
+ component: MonalisaTable17,
},
{
path: '2',
- name: 'Aging Complaint',
- component: EmptyPage,
+ name: '(Monalisa) Aging Complaint',
+ component: MonalisaTable18,
},
{
path: '3',
- name: 'Energy Not Sales (ENS)',
- component: EmptyPage,
+ name: '(Monalisa) Energy Not Sales (ENS)',
+ component: MonalisaTable19,
},
{
path: '4',
- name: 'Kepatuhan dan Akurasi Dalam Pelaporan',
- component: EmptyPage,
+ name: '(Monalisa) Kepatuhan dan Akurasi Dalam Pelaporan',
+ component: MonalisaTable20,
},
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
+ }
],
},
{
@@ -392,27 +491,39 @@ export const routes: RouteRecordRaw[] = [
{
path: '1',
name: 'Penurunan Jumlah Komplain',
- component: EmptyPage,
+ component: MonalisaTable21,
},
{
path: '2',
name: 'Aging Complaint',
- component: EmptyPage,
+ component: MonalisaTable22,
},
{
path: '3',
name: 'Energy Not Sales (ENS)',
- component: EmptyPage,
+ component: MonalisaTable23,
},
{
path: '4',
name: 'Kepatuhan dan Akurasi Dalam Pelaporan',
- component: EmptyPage,
+ component: MonalisaTable24,
},
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
+ }
],
- }
+ },
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
+ },
],
},
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
+ },
],
},
{
@@ -426,10 +537,18 @@ export const routes: RouteRecordRaw[] = [
{
path: '1',
name: 'Laporan Check In /Check Out (CICO)',
- component: EmptyPage,
+ component: CicoTable1,
},
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
+ }
],
},
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
+ }
],
},
{
@@ -443,13 +562,17 @@ export const routes: RouteRecordRaw[] = [
{
path: '1',
name: 'Laporan Anomali Penangan Pengaduan Gangguan Unit',
- component: EmptyPage,
+ component: AnomaliTable1,
},
{
path: '2',
name: 'Laporan Anomali Penangan Pengaduan Gangguan Petugas',
- component: EmptyPage,
+ component: AnomaliTable3,
},
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
+ }
],
},
{
@@ -459,10 +582,18 @@ export const routes: RouteRecordRaw[] = [
{
path: '1',
name: 'Laporan Anomali Penangan Pengaduan Keluhan Unit',
- component: EmptyPage,
+ component: AnomaliTable5,
},
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
+ }
],
},
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
+ }
],
},
{
@@ -472,8 +603,12 @@ export const routes: RouteRecordRaw[] = [
{
path: '1',
name: 'Laporan CTT & KWH Periksa',
- component: EmptyPage,
+ component: CttTable1,
},
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
+ }
],
},
{
@@ -487,8 +622,12 @@ export const routes: RouteRecordRaw[] = [
{
path: '1',
name: 'Daftar Gangguan Dan Material Yang Dipakai',
- component: EmptyPage,
+ component: MaterialTable1,
},
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
+ }
],
},
{
@@ -498,9 +637,17 @@ export const routes: RouteRecordRaw[] = [
{
path: '1',
name: 'Rekapitulasi Pemakaian Material',
- component: EmptyPage,
+ component: MaterialTable2,
},
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
+ }
],
+ },
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
}
],
},
@@ -511,8 +658,12 @@ export const routes: RouteRecordRaw[] = [
{
path: '1',
name: 'Transaksi APKT',
- component: EmptyPage,
+ component: TransaksiTable1,
},
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
+ }
],
},
{
@@ -522,10 +673,18 @@ export const routes: RouteRecordRaw[] = [
{
path: '1',
name: 'Pencarian Report Number',
+ component: PencarianDataTable1,
+ },
+ {
+ path: ':pathMatch(.*)*',
component: EmptyPage,
}
]
},
+ {
+ path: ':pathMatch(.*)*',
+ component: EmptyPage,
+ }
]
},
{
@@ -543,6 +702,12 @@ export const routes: RouteRecordRaw[] = [
name: 'Not Found',
component: NotFoundView
},
+ {
+ path: '/',
+ redirect: {
+ name: 'Home'
+ }
+ }
]
export const mergeChildrenRoutes = (routes: RouteRecordRaw[]): RouteRecordRaw[] => {
@@ -628,8 +793,10 @@ export const fixRoute = (route: RouteRecordRaw[]): RouteRecordRaw[] => {
// remove duplicate route path and sort by path length
const uniqueRoute = newRoute.filter((nr, index, self) => self.findIndex((n) => n.path === nr.path) === index).sort((a, b) => b.path.length - a.path.length)
+ // console.log('route', newRoute);
- return uniqueRoute
+ // return uniqueRoute
+ return newRoute
}
@@ -637,7 +804,8 @@ const router = createRouter({
history: createWebHistory(),
linkActiveClass: 'active',
stringifyQuery: qs.stringify,
- routes: fixRoute(routes)
+ routes: fixRoute(routes),
+ strict: true,
})
router.beforeEach((to, from, next) => {
diff --git a/src/stores/filters.ts b/src/stores/filters.ts
new file mode 100644
index 0000000..61f57e9
--- /dev/null
+++ b/src/stores/filters.ts
@@ -0,0 +1,24 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+import { dispatchNotification } from '@/components/Notification'
+import { readData, removeData, writeData } from '@/utils/storage'
+import router from '@/router'
+
+export const useFiltersStore = defineStore('filters', () => {
+ const config = ref({
+ reportButton: false,
+ type: 'type-1'
+ })
+
+ const setConfig = (test: {reportButton: boolean, type: string}) => {
+ config.value = {
+ reportButton: test.reportButton,
+ type: test.type
+ }
+ }
+
+ return {
+ config,
+ setConfig
+ }
+})
\ No newline at end of file
diff --git a/src/stores/menu.ts b/src/stores/menu.ts
index 706e4b8..d4de776 100644
--- a/src/stores/menu.ts
+++ b/src/stores/menu.ts
@@ -1,4 +1,4 @@
-import { onMounted, ref, watch } from 'vue'
+import { ref, shallowRef, watch } from 'vue'
import { defineStore } from 'pinia'
import { useRoute, useRouter } from 'vue-router'
import { convertRouteToMenu } from '@/utils/route'
@@ -6,8 +6,10 @@ import { routes } from '@/router'
import type { MenuItemModel } from '@/types/menu'
import { splitRoutePath } from '@/utils/texts'
import { useCommandPalattesStore } from '@/stores/command'
+import { useFiltersStore } from './filters'
export const useMenuStore = defineStore('menu', () => {
+ const filters = useFiltersStore()
const route = useRoute()
const navigation = ref
-
-
+
+
+
+
diff --git a/vite.config.ts b/vite.config.ts
index e90681d..4f38543 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -19,7 +19,7 @@ export default defineConfig({
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)),
- 'inferno': 'inferno/dist/index.dev.esm.js',
+ // 'inferno': 'inferno/dist/index.dev.esm.js',
}
},
})