diff --git a/src/modules/04_registryPerson/router.ts b/src/modules/04_registryPerson/router.ts
index 75e391894..a509ac585 100644
--- a/src/modules/04_registryPerson/router.ts
+++ b/src/modules/04_registryPerson/router.ts
@@ -20,6 +20,8 @@ const Page01_Detail = () =>
 // edit
 const EditListPage = () =>
   import("@/modules/04_registryPerson/views/edit/list.vue");
+const EditListSalaryPage = () =>
+  import("@/modules/04_registryPerson/views/edit/salary.vue");
 
 export default [
   {
@@ -135,4 +137,14 @@ export default [
       Role: "STAFF",
     },
   },
+  {
+    path: "/registry/edit/salary/:id",
+    name: "registryEditSalary",
+    component: EditListSalaryPage,
+    meta: {
+      Auth: true,
+      Key: "SYS_REGISTRY_EDIT",
+      Role: "STAFF",
+    },
+  },
 ];
diff --git a/src/modules/04_registryPerson/views/edit/salary.vue b/src/modules/04_registryPerson/views/edit/salary.vue
new file mode 100644
index 000000000..a5207b19d
--- /dev/null
+++ b/src/modules/04_registryPerson/views/edit/salary.vue
@@ -0,0 +1,44 @@
+<script setup lang="ts">
+import { ref, reactive, onMounted, watch, defineAsyncComponent } from "vue";
+import { useQuasar } from "quasar";
+
+import http from "@/plugins/http";
+import config from "@/app.config";
+import { useRegistryNewDataStore } from "@/modules/04_registryPerson/store";
+import { useCounterMixin } from "@/stores/mixin";
+import { useRoute, useRouter } from "vue-router";
+
+/** importType*/
+import type {
+  DataNodeData,
+  QueryParams,
+} from "@/modules/04_registryPerson/interface/request/Main";
+import type {
+  DataPerson,
+  DataType,
+} from "@/modules/04_registryPerson/interface/response/Main";
+
+const $q = useQuasar();
+const store = useRegistryNewDataStore();
+const { showLoader, hideLoader, messageError } = useCounterMixin();
+const route = useRoute();
+const router = useRouter();
+
+const empType = ref<string>("officer"); // officer / employee / perm
+const dataPersonMain = ref<DataPerson[]>([]); //ข้อมูลรายการที่ค้นหาข้อมูลทะเบียนประวัติ
+
+const isLoad = ref<boolean>(false); //โหลดข้อมูลโครงสร้าง
+
+/** hook เมื่อมีการเรียกใช้ Components*/
+onMounted(async () => {});
+</script>
+
+<template>
+  <div class="row items-center q-gutter-sm q-mb-xs">
+    <div class="toptitle text-dark row items-center q-py-xs">
+      รายการประวัติตำแหน่ง/เงินเดือน
+    </div>
+  </div>
+</template>
+
+<style scoped></style>