✨ [feat] : 통계 페이지 UI 구현

Author: seorang42

src/components/statistics/StatisticsCard.vue

@@ -27,9 +27,19 @@ import { ref } from 'vue'
 import PieChart from '../PieChart.vue'
 import LineChart from '../LineChart.vue'
 import PeriodButtons from './PeriodButtons.vue'
-import type { PeriodType, StatisticsCardProps } from '@/types/manager'
+import type { PeriodType } from '@/types/manager'
 
-const { title, statisticsType, chartType } = defineProps<StatisticsCardProps>()
+const { title, statisticsType, chartType } = defineProps<{
+  title: string
+  statisticsType: StatisticsType
+  chartType: 'line' | 'pie'
+}>()
+
+type StatisticsType =
+  | 'REQUEST_BY_PERIOD'
+  | 'PROCESS_BY_PERIOD'
+  | 'REQUEST_BY_CATEGORY'
+  | 'PROCESS_BY_MANAGER'
 
 const periodType = ref<PeriodType>('DAY')
 const changePeriod = (newPeriodType: PeriodType) => {

src/router/index.ts

@@ -111,6 +111,11 @@ const router = createRouter({
       path: '/edit-information',
       name: 'EditInformation',
       component: () => import('../views/EditInformationView.vue')
+    },
+    {
+      path: '/statistics',
+      name: 'Statistics',
+      component: () => import('../views/StatisticsView.vue')
     }
   ]
 })

src/types/manager.ts

@@ -67,45 +67,3 @@ export interface TeamBoardCardProps {
 }
 
 export type PeriodType = 'DAY' | 'WEEK' | 'MONTH'
-
-type StatisticsType =
-  | 'REQUEST_BY_PERIOD'
-  | 'PROCESS_BY_PERIOD'
-  | 'REQUEST_BY_CATEGORY'
-  | 'PROCESS_BY_MANAGER'
-
-export interface StatisticsCardProps {
-  title: string
-  statisticsType: StatisticsType
-  chartType: 'line' | 'pie'
-}
-
-export type PeriodType = 'DAY' | 'WEEK' | 'MONTH'
-
-type StatisticsType =
-  | 'REQUEST_BY_PERIOD'
-  | 'PROCESS_BY_PERIOD'
-  | 'REQUEST_BY_CATEGORY'
-  | 'PROCESS_BY_MANAGER'
-
-export interface StatisticsCardProps {
-  title: string
-  statisticsType: StatisticsType
-  chartType: 'line' | 'pie'
-}
-
-export interface DraggableEvent {
-  added?: {
-    element: TaskCardProps
-    newIndex: number
-  }
-  removed?: {
-    element: TaskCardProps
-    oldIndex: number
-  }
-  moved?: {
-    element: TaskCardProps
-    oldIndex: number
-    newIndex: number
-  }
-}