diff --git a/src/modules/04_registryPerson/router.ts b/src/modules/04_registryPerson/router.ts
index 1e4dddb10..75e391894 100644
--- a/src/modules/04_registryPerson/router.ts
+++ b/src/modules/04_registryPerson/router.ts
@@ -17,6 +17,10 @@ const Page01_Detail = () =>
     "@/modules/04_registryPerson/components/requestEdit/Page01_Detail.vue"
   );
 
+// edit
+const EditListPage = () =>
+  import("@/modules/04_registryPerson/views/edit/list.vue");
+
 export default [
   {
     path: "/registry-officer",
@@ -120,4 +124,15 @@ export default [
       Role: "STAFF",
     },
   },
+  // edit registry
+  {
+    path: "/registry/edit/list",
+    name: "registryEdit",
+    component: EditListPage,
+    meta: {
+      Auth: true,
+      Key: "SYS_REGISTRY_EDIT",
+      Role: "STAFF",
+    },
+  },
 ];
diff --git a/src/modules/04_registryPerson/views/edit/list.vue b/src/modules/04_registryPerson/views/edit/list.vue
new file mode 100644
index 000000000..e0b2d52a9
--- /dev/null
+++ b/src/modules/04_registryPerson/views/edit/list.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>