diff --git a/src/modules/01_dashboard/views/Dashboard.vue b/src/modules/01_dashboard/views/Dashboard.vue
index 39e0fd0..9a15af9 100644
--- a/src/modules/01_dashboard/views/Dashboard.vue
+++ b/src/modules/01_dashboard/views/Dashboard.vue
@@ -81,6 +81,14 @@ const items = ref<any>([
     path: "/appeal-complain",
     active: false,
   },
+  {
+    icon: "mdi-account-box-outline",
+    title: "KPI",
+    sub: "ประเมินผลการปฏิบัติหน้าที่ราชการ",
+    color: "red-2",
+    path: "/KPI",
+    active: false,
+  },
 ]);
 onMounted(async () => {
   await fetchlistInbox(1);
diff --git a/src/modules/08_KPI/router.ts b/src/modules/08_KPI/router.ts
new file mode 100644
index 0000000..d180e69
--- /dev/null
+++ b/src/modules/08_KPI/router.ts
@@ -0,0 +1,36 @@
+/**
+ * Router ขอโอน
+ */
+
+const KPIPage = () => import("@/modules/08_KPI/views/main.vue");
+const FormPage = () => import("@/modules/08_KPI/views/form.vue");
+
+export default [
+  {
+    path: "/KPI",
+    name: "KPIMain",
+    component: KPIPage,
+    meta: {
+      Auth: true,
+      Key: [8],
+    },
+  },
+  {
+    path: "/KPI/add",
+    name: "KPIAdd",
+    component: FormPage,
+    meta: {
+      Auth: true,
+      Key: [8.1],
+    },
+  },
+  {
+    path: "/KPI/:id",
+    name: "KPIEdit",
+    component: FormPage,
+    meta: {
+      Auth: true,
+      Key: [8.2],
+    },
+  },
+];
diff --git a/src/modules/08_KPI/store.ts b/src/modules/08_KPI/store.ts
new file mode 100644
index 0000000..6a39078
--- /dev/null
+++ b/src/modules/08_KPI/store.ts
@@ -0,0 +1,5 @@
+import { defineStore } from "pinia";
+
+export const useKpiDataStore = defineStore("KPIDate", () => {
+  return {};
+});
diff --git a/src/modules/08_KPI/views/form.vue b/src/modules/08_KPI/views/form.vue
new file mode 100644
index 0000000..6346a0b
--- /dev/null
+++ b/src/modules/08_KPI/views/form.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import { useRouter } from "vue-router";
+
+const router = useRouter();
+</script>
+
+<template>
+  <div class="col-12 row justify-center">
+    <div class="col-xs-12 col-sm-12 col-md-11">
+      <div class="toptitle text-white col-12 row items-center">
+        <q-btn
+          icon="mdi-arrow-left"
+          unelevated
+          round
+          dense
+          flat
+          color="primary"
+          class="q-mr-sm"
+          @click="router.push(`/KPI`)"
+        />
+        เพิ่ม/แก้ไข
+      </div>
+      <div class="col-12">
+        <q-card bordered class="q-pa-md"> เพิ่ม/แก้ไข </q-card>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/src/modules/08_KPI/views/main.vue b/src/modules/08_KPI/views/main.vue
new file mode 100644
index 0000000..2f36072
--- /dev/null
+++ b/src/modules/08_KPI/views/main.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import { useRouter } from "vue-router";
+
+const router = useRouter();
+</script>
+
+<template>
+  <div class="col-12 row justify-center">
+    <div class="col-xs-12 col-sm-12 col-md-11">
+      <div class="toptitle text-white col-12 row items-center">
+        <q-btn
+          icon="mdi-arrow-left"
+          unelevated
+          round
+          dense
+          flat
+          color="primary"
+          class="q-mr-sm"
+          @click="router.push(`/`)"
+        />
+        KPI
+      </div>
+      <div class="col-12">
+        <q-card bordered class="q-pa-md"> หน้าหลัก </q-card>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/src/router/index.ts b/src/router/index.ts
index d0f7fcb..15b040a 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -11,6 +11,7 @@ import ModuleLeave from "@/modules/05_leave/router";
 import ModuEvaluate from "@/modules/06_evaluate/router";
 import ModuAppealComplain from "@/modules/07_appealComplain/router";
 import ModuleSupport from "@/modules/00_support/router";
+import ModuleKPI from "@/modules/08_KPI/router";
 // TODO: ใช้หรือไม่?
 import keycloak from "@/plugins/keycloak";
 
@@ -47,6 +48,7 @@ const router = createRouter({
         ...ModuEvaluate,
         ...ModuAppealComplain,
         ...ModuleSupport,
+        ...ModuleKPI,
       ],
     },
   ],