+
+
-
{{ currentRouteName }}
+
diff --git a/src/router/index.ts b/src/router/index.ts
index 71a54bd..7c6e81a 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -7,7 +7,14 @@ import NotFoundView from '@/views/NotFoundView.vue'
import EmptyPage from '@/components/Pages/HomeEmpty.vue'
import TestPage from '@/components/Pages/TestPage.vue'
import qs from 'qs'
-import { Data1 } from '@/components/Pages/Gangguan/Daftar'
+import {
+ GangguanDaftar1,
+ GangguanDaftar2,
+ GangguanDaftar3
+} from '@/components/Pages/Gangguan/Daftar'
+import {
+ GangguanRekap1,
+} from '@/components/Pages/Gangguan/Rekapitulasi'
export const routes: RouteRecordRaw[] = [
{
@@ -31,37 +38,37 @@ export const routes: RouteRecordRaw[] = [
{
path: '1',
name: 'Daftar Keluhan Dialihkan Ke Posko Lain',
- component: Data1,
+ component: GangguanDaftar1,
},
{
path: '2',
name: 'Daftar Gangguan Melapor Lebih Dari 1 Kali',
- component: TestPage,
+ component: GangguanDaftar2,
},
{
path: '3',
name: 'Daftar Gangguan Response Time',
- component: TestPage,
+ component: GangguanDaftar3,
},
{
path: '4',
name: 'Daftar Gangguan Recovery Time',
- component: TestPage,
+ component: GangguanDaftar3,
},
{
path: '5',
name: 'Daftar Gangguan Selesai Tanpa ID Pelanggan',
- component: TestPage,
+ component: GangguanDaftar3,
},
{
path: '6',
name: 'Daftar Gangguan Berdasarkan Media',
- component: TestPage,
+ component: GangguanDaftar3,
},
{
path: '7',
name: 'Daftar Gangguan Diselesaikan Mobile APKT',
- component: TestPage,
+ component: GangguanDaftar3,
},
],
},
@@ -72,7 +79,7 @@ export const routes: RouteRecordRaw[] = [
{
path: '1',
name: 'Rekapitulasi Gangguan All',
- component: TestPage,
+ component: GangguanRekap1,
},
{
path: '2',
diff --git a/src/stores/menu.ts b/src/stores/menu.ts
index 75a4617..5d81338 100644
--- a/src/stores/menu.ts
+++ b/src/stores/menu.ts
@@ -3,7 +3,7 @@ import { defineStore } from 'pinia'
import { useRoute, useRouter } from 'vue-router'
import { convertRouteToMenu } from '@/utils/route'
import { routes } from '@/router'
-import type { MenuItemModel } from '@/utils/interfaces'
+import type { MenuItemModel } from '@/types/menu'
import { splitRoutePath } from '@/utils/texts'
export const useMenuStore = defineStore('menu', () => {
@@ -15,7 +15,7 @@ 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);
+ // console.log('expanded', path);
const toggleItemExpanded = (items: MenuItemModel[]): void => {
for (const item of items) {
diff --git a/src/types/gangguan.ts b/src/types/gangguan.ts
new file mode 100644
index 0000000..659748f
--- /dev/null
+++ b/src/types/gangguan.ts
@@ -0,0 +1,78 @@
+interface Data1 {
+ number: number;
+ no_laporan: string;
+ pembuat_laporan: string;
+ tanggal_laporan: string;
+ tanggal_dialihkan: string;
+ tanggal_respon: string;
+ tanggal_recovery: string;
+ durasi_respon: string;
+ durasi_recovery: string;
+ posko_awal: string;
+ posko_tujuan: string;
+ status: string;
+ id_pelanggan: string;
+ nama_pelapor: string;
+ alamat_pelapor: string;
+ no_telp_pelapor: string;
+ keterangan_pelapor: string;
+ sumber_laporan: string;
+ posko: string;
+}
+
+interface Data2 {
+ number: number;
+ no_laporan: string;
+ tanggal_laporan: string;
+ tanggal_respon: string;
+ tanggal_recovery: string;
+ jumlah_lapor: number;
+ durasi_respon: string;
+ durasi_recovery: string;
+ status: string;
+ id_pelanggan: string;
+ nama_pelapor: string;
+ alamat_pelapor: string;
+ no_telp_pelapor: string;
+ keterangan_pelapor: string;
+ sumber_laporan: string;
+ posko: string;
+}
+
+interface Data3 {
+ number: number;
+ no_laporan: string;
+ tanggal_laporan: string;
+ tanggal_respon: string;
+ tanggal_recovery: string;
+ durasi_respon: string;
+ durasi_recovery: string;
+ status: string;
+ referensi_marking: string;
+ id_pelanggan: string;
+ nama_pelapor: string;
+ alamat_pelapor: string;
+ no_telp_pelapor: string;
+ keterangan_pelapor: string;
+ posko: string;
+}
+
+interface Rekap1 {
+ id: number;
+ nama_unit: string;
+ total: number;
+ selesai: string;
+ progress_1: number;
+ in_progress: number;
+ progress_2: number;
+ avg: number;
+ max: number;
+ min: number;
+
+}
+
+export type {
+ Data1,
+ Data2,
+ Data3
+}
\ No newline at end of file
diff --git a/src/utils/interfaces.ts b/src/types/menu.ts
similarity index 79%
rename from src/utils/interfaces.ts
rename to src/types/menu.ts
index 4faeed8..a9a4db0 100644
--- a/src/utils/interfaces.ts
+++ b/src/types/menu.ts
@@ -6,4 +6,6 @@ interface MenuItemModel {
children: MenuItemModel[];
}
-export type { MenuItemModel }
\ No newline at end of file
+export type {
+ MenuItemModel,
+}
\ No newline at end of file
diff --git a/src/utils/route.ts b/src/utils/route.ts
index 1bff7b3..2c77c62 100644
--- a/src/utils/route.ts
+++ b/src/utils/route.ts
@@ -1,5 +1,5 @@
-import type { MenuItemModel } from './interfaces'
+import type { MenuItemModel } from '../types/menu'
import type { RouteRecordRaw } from 'vue-router'
import {
Gauge,