diff --git a/src/modules/04_registryPerson/components/detail/Achievement/01_ProfessionalLicense.vue b/src/modules/04_registryPerson/components/detail/Achievement/01_ProfessionalLicense.vue
index de3d93189..2bb4519e6 100644
--- a/src/modules/04_registryPerson/components/detail/Achievement/01_ProfessionalLicense.vue
+++ b/src/modules/04_registryPerson/components/detail/Achievement/01_ProfessionalLicense.vue
@@ -19,6 +19,7 @@ const {
   messageError,
   success,
   date2Thai,
+  pathRegistryEmp,
 } = mixin;
 
 const historyDialog = ref<boolean>(false);
@@ -26,9 +27,7 @@ const mode = ref<string>("table");
 const dialog = ref<boolean>(false);
 const route = useRoute();
 const id = ref<string>(route.params.id.toString());
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
 const dialogStatus = ref<string>("create");
 const editId = ref<string>("");
 const keyword = ref<string>("");
diff --git a/src/modules/04_registryPerson/components/detail/Achievement/02_Train.vue b/src/modules/04_registryPerson/components/detail/Achievement/02_Train.vue
index 5439f87d3..b34b81fa3 100644
--- a/src/modules/04_registryPerson/components/detail/Achievement/02_Train.vue
+++ b/src/modules/04_registryPerson/components/detail/Achievement/02_Train.vue
@@ -21,13 +21,13 @@ const {
   messageError,
   success,
   date2Thai,
+  pathRegistryEmp,
 } = mixin;
 
 const route = useRoute();
 const id = ref<string>(route.params.id.toString());
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
+
 const dialog = ref<boolean>(false);
 const mode = ref<string>("table");
 const columns = ref<QTableProps["columns"]>([
diff --git a/src/modules/04_registryPerson/components/detail/Achievement/03_Insignia.vue b/src/modules/04_registryPerson/components/detail/Achievement/03_Insignia.vue
index da6baa35b..1080a96e5 100644
--- a/src/modules/04_registryPerson/components/detail/Achievement/03_Insignia.vue
+++ b/src/modules/04_registryPerson/components/detail/Achievement/03_Insignia.vue
@@ -30,13 +30,12 @@ const {
   hideLoader,
   messageError,
   dialogConfirm,
+  pathRegistryEmp,
 } = mixin;
 const profileId = ref<string>(
   route.params.id ? route.params.id.toString() : ""
 );
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
 
 const id = ref<string>("");
 const insigniaType = ref<string>("");
diff --git a/src/modules/04_registryPerson/components/detail/Achievement/04_DeclarationHonor.vue b/src/modules/04_registryPerson/components/detail/Achievement/04_DeclarationHonor.vue
index e3f32e15b..d200d2749 100644
--- a/src/modules/04_registryPerson/components/detail/Achievement/04_DeclarationHonor.vue
+++ b/src/modules/04_registryPerson/components/detail/Achievement/04_DeclarationHonor.vue
@@ -22,13 +22,12 @@ const {
   showLoader,
   hideLoader,
   dialogConfirm,
+  pathRegistryEmp,
 } = mixin;
 const profileId = ref<string>(
   route.params.id ? route.params.id.toString() : ""
 );
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
 
 const id = ref<string>("");
 const issueDateYear = ref<number>(0);
diff --git a/src/modules/04_registryPerson/components/detail/Achievement/05_ResultsPerformance.vue b/src/modules/04_registryPerson/components/detail/Achievement/05_ResultsPerformance.vue
index f40030d5b..f6a2e43fe 100644
--- a/src/modules/04_registryPerson/components/detail/Achievement/05_ResultsPerformance.vue
+++ b/src/modules/04_registryPerson/components/detail/Achievement/05_ResultsPerformance.vue
@@ -26,13 +26,12 @@ const {
   showLoader,
   hideLoader,
   dialogConfirm,
+  pathRegistryEmp,
 } = mixin;
 const profileId = ref<string>(
   route.params.id ? route.params.id.toString() : ""
 );
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
 
 const id = ref<string>("");
 const resPerformForm = reactive<RequestItemsObject>({
diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/01_Info.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/01_Info.vue
index e7b5644e5..db2a03cad 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/01_Info.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/01_Info.vue
@@ -27,12 +27,11 @@ const {
   showLoader,
   hideLoader,
   success,
+  pathRegistryEmp,
 } = mixin;
 
 const profileId = ref<string>(route.params.id.toString());
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
 /** ตัวแปรข้อมูลหลัก */
 const formMain = reactive<FormMain>({
   ocId: "", //สังกัด
diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/02_Discipline.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/02_Discipline.vue
index 6b4e28482..cf439b294 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/02_Discipline.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/02_Discipline.vue
@@ -17,12 +17,7 @@ import DialogHistory from "@/modules/04_registryPerson/components/detail/Governm
 import { useRoute } from "vue-router";
 
 const route = useRoute();
-const profileId = ref<string>(
-  route.params.id ? route.params.id.toString() : ""
-);
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
+
 const $q = useQuasar();
 const mixin = useCounterMixin();
 const {
@@ -32,9 +27,15 @@ const {
   hideLoader,
   messageError,
   success,
-
+  pathRegistryEmp,
   dialogRemove,
 } = mixin;
+
+const profileId = ref<string>(
+  route.params.id ? route.params.id.toString() : ""
+);
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
+
 const disciplineData = reactive<RequestItemsObject>({
   date: null,
   level: "",
diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/02_DisciplineHistory.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/02_DisciplineHistory.vue
index df36ab3b7..d61853389 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/02_DisciplineHistory.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/02_DisciplineHistory.vue
@@ -19,7 +19,10 @@ const id = defineModel<string>("id", { required: true });
 const $q = useQuasar();
 const route = useRoute();
 const mixin = useCounterMixin();
-const { showLoader, hideLoader, messageError, date2Thai } = mixin;
+const { showLoader, hideLoader, messageError, date2Thai, pathRegistryEmp } =
+  mixin;
+
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
 
 const currentPage = ref<number>(1);
 const maxPage = ref<number>(1);
@@ -147,9 +150,6 @@ const columns = ref<QTableProps["columns"]>([
   },
 ]);
 
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
 function getHistory() {
   showLoader();
   http
diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/03_Leave.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/03_Leave.vue
index f1e024159..3d398ae49 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/03_Leave.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/03_Leave.vue
@@ -23,12 +23,7 @@ import config from "@/app.config";
 const rowsTotal = ref<ResponseTotalObject[]>([]);
 const id = ref<string>("");
 const route = useRoute();
-const profileId = ref<string>(
-  route.params.id ? route.params.id.toString() : ""
-);
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
+
 const $q = useQuasar();
 const mixin = useCounterMixin();
 const {
@@ -39,8 +34,14 @@ const {
   success,
   date2Thai,
   dateToISO,
+  pathRegistryEmp,
 } = mixin;
 
+const profileId = ref<string>(
+  route.params.id ? route.params.id.toString() : ""
+);
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
+
 const pagination = ref({
   page: 1,
   rowsPerPage: 10,
@@ -618,7 +619,6 @@ onMounted(() => {
             <q-space />
             <div>
               <q-btn
-              
                 color="deep-purple"
                 icon="mdi-history"
                 flat
diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/03_LeaveHistory.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/03_LeaveHistory.vue
index 750445789..e720b67ea 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/03_LeaveHistory.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/03_LeaveHistory.vue
@@ -19,11 +19,11 @@ const id = defineModel<string>("id", { required: true });
 const $q = useQuasar();
 const route = useRoute();
 const mixin = useCounterMixin();
-const { showLoader, hideLoader, messageError, date2Thai } = mixin;
+const { showLoader, hideLoader, messageError, date2Thai, pathRegistryEmp } =
+  mixin;
+
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
 
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
 const filterKeyword = ref<string>("");
 const rows = ref<DetailData[]>([]); //select data history
 const formFilter = reactive<FormFilter>({
diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/04_PerformSpecialWork.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/04_PerformSpecialWork.vue
index f0dc5a696..96cc84ab6 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/04_PerformSpecialWork.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/04_PerformSpecialWork.vue
@@ -21,9 +21,7 @@ const route = useRoute();
 const profileId = ref<string>(
   route.params.id ? route.params.id.toString() : ""
 );
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
+
 const $q = useQuasar();
 const mixin = useCounterMixin();
 const {
@@ -33,8 +31,11 @@ const {
   showLoader,
   hideLoader,
   success,
+  pathRegistryEmp,
 } = mixin;
 
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
+
 const modal = ref<boolean>(false);
 const edit = ref<boolean>(false);
 const modalHistory = ref<boolean>(false);
diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/04_PerformSpecialWorkHistory.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/04_PerformSpecialWorkHistory.vue
index 17b3189f0..1bbdacece 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/04_PerformSpecialWorkHistory.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/04_PerformSpecialWorkHistory.vue
@@ -19,11 +19,11 @@ const id = defineModel<string>("id", { required: true });
 const route = useRoute();
 const $q = useQuasar();
 const mixin = useCounterMixin();
-const { showLoader, hideLoader, messageError, date2Thai } = mixin;
+const { showLoader, hideLoader, messageError, date2Thai, pathRegistryEmp } =
+  mixin;
+
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
 
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
 const currentPage = ref<number>(1);
 const maxPage = ref<number>(1);
 const filterKeyword = ref<string>("");
diff --git a/src/modules/04_registryPerson/components/detail/Other/01_OtherInformation.vue b/src/modules/04_registryPerson/components/detail/Other/01_OtherInformation.vue
index d7d3ed4d1..1dfd98d59 100644
--- a/src/modules/04_registryPerson/components/detail/Other/01_OtherInformation.vue
+++ b/src/modules/04_registryPerson/components/detail/Other/01_OtherInformation.vue
@@ -25,6 +25,7 @@ const {
   messageError,
   dialogRemove,
   dialogConfirm,
+  pathRegistryEmp,
 } = mixin;
 
 const id = ref<string>("");
@@ -36,9 +37,8 @@ const pagination = ref({
 const profileId = ref<string>(
   route.params.id ? route.params.id.toString() : ""
 );
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
+
 const mode = ref<string>("table");
 const filterKeyword = ref<string>("");
 const rows = ref<RowList[]>([]);
diff --git a/src/modules/04_registryPerson/components/detail/Other/01_OtherInformationHistory.vue b/src/modules/04_registryPerson/components/detail/Other/01_OtherInformationHistory.vue
index bb22ad1b0..24846e062 100644
--- a/src/modules/04_registryPerson/components/detail/Other/01_OtherInformationHistory.vue
+++ b/src/modules/04_registryPerson/components/detail/Other/01_OtherInformationHistory.vue
@@ -21,7 +21,8 @@ const id = defineModel<string>("id", { required: true });
 const $q = useQuasar();
 const route = useRoute();
 const mixin = useCounterMixin();
-const { showLoader, hideLoader, messageError, date2Thai } = mixin;
+const { showLoader, hideLoader, messageError, date2Thai, pathRegistryEmp } =
+  mixin;
 const historyPagination = ref({
   page: 1,
   rowsPerPage: 10,
@@ -42,9 +43,7 @@ const formFilter = reactive<FormFilter>({
   isShowRetire: false,
   isProbation: false,
 });
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
 
 const visibleColumns = ref<String[]>([
   "date",
diff --git a/src/modules/04_registryPerson/components/detail/PersonalInformation/01_Profile.vue b/src/modules/04_registryPerson/components/detail/PersonalInformation/01_Profile.vue
index 047be7421..29f1fe76c 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/01_Profile.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/01_Profile.vue
@@ -52,7 +52,11 @@ const profileId = ref<string>(
   route.params.id ? route.params.id.toString() : ""
 );
 const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
+  route.name === "registryNewByid"
+    ? ""
+    : route.name === "registry-employeeId"
+    ? "-temp"
+    : "-employee"
 );
 
 const modal = ref<boolean>(false);
diff --git a/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue b/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue
index c4db7e7c3..79edee3b2 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue
@@ -39,6 +39,7 @@ const {
   messageError,
   showLoader,
   hideLoader,
+  pathRegistryEmp,
 } = useCounterMixin();
 
 /**
@@ -50,9 +51,8 @@ const props = defineProps({
 
 const submitDisable = ref<boolean>(true);
 const profileId = ref<string>(route.params.id.toString());
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
+
 const editId = ref<string>("");
 const dialog = ref<boolean>(false);
 const dialogStatus = ref<string>("create");
diff --git a/src/modules/04_registryPerson/components/detail/PersonalInformation/03_Address.vue b/src/modules/04_registryPerson/components/detail/PersonalInformation/03_Address.vue
index 1db04b0db..4ebc4f6db 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/03_Address.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/03_Address.vue
@@ -33,13 +33,12 @@ const {
   showLoader,
   hideLoader,
   dialogConfirm,
+  pathRegistryEmp,
 } = mixin;
 const profileId = ref<string>(
   route.params.id ? route.params.id.toString() : ""
 );
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
 
 const currentPage = ref<number>(1);
 const maxPage = ref<number>(1);
diff --git a/src/modules/04_registryPerson/components/detail/PersonalInformation/04_FamilyNew.vue b/src/modules/04_registryPerson/components/detail/PersonalInformation/04_FamilyNew.vue
index e3d0e7c3b..a4b4ba3d8 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/04_FamilyNew.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/04_FamilyNew.vue
@@ -23,16 +23,20 @@ const $q = useQuasar();
 const route = useRoute();
 
 const store = useProfileDataStore();
-const { fetchPerson, filterSelector } = store;
-const { dialogConfirm, showLoader, hideLoader, messageError, success } =
-  useCounterMixin();
+const { filterSelector } = store;
+const {
+  dialogConfirm,
+  showLoader,
+  hideLoader,
+  messageError,
+  success,
+  pathRegistryEmp,
+} = useCounterMixin();
 
 const profileId = ref<string>(
   route.params.id ? route.params.id.toString() : ""
 );
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
 
 /** TableHisoty*/
 const visibleColumns = ref<String[]>([
diff --git a/src/modules/04_registryPerson/components/detail/PersonalInformation/05_Education.vue b/src/modules/04_registryPerson/components/detail/PersonalInformation/05_Education.vue
index 8f232367f..be44fabf2 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/05_Education.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/05_Education.vue
@@ -22,6 +22,7 @@ const {
   messageError,
   success,
   date2Thai,
+  pathRegistryEmp,
 } = mixin;
 
 const dialog = ref<boolean>(false);
@@ -402,9 +403,8 @@ const historyRows = ref<ResponseObject[]>([]);
 const editId = ref<string>("");
 const route = useRoute();
 const id = ref<string>(route.params.id.toString());
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
+
 const isDate = ref<string>("false");
 const educationOption = ref([
   { label: "ใช่", value: true },
diff --git a/src/modules/04_registryPerson/components/detail/PersonalInformation/06_SpecialSkill.vue b/src/modules/04_registryPerson/components/detail/PersonalInformation/06_SpecialSkill.vue
index 9c6568248..27005f003 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/06_SpecialSkill.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/06_SpecialSkill.vue
@@ -22,6 +22,7 @@ const {
   messageError,
   success,
   date2Thai,
+  pathRegistryEmp,
 } = mixin;
 const columns = ref<QTableProps["columns"]>([
   {
@@ -147,9 +148,8 @@ const rows = ref<ResponseObject[]>([]);
 const historyRows = ref<ResponseObject[]>([]);
 const route = useRoute();
 const id = ref<string>(route.params.id.toString());
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
+
 const editId = ref<string>("");
 const keyword = ref<string>("");
 const historyKeyword = ref<string>("");
diff --git a/src/modules/04_registryPerson/components/detail/Salary/01_PositionSalary.vue b/src/modules/04_registryPerson/components/detail/Salary/01_PositionSalary.vue
index eb0d1756b..a8369cc69 100644
--- a/src/modules/04_registryPerson/components/detail/Salary/01_PositionSalary.vue
+++ b/src/modules/04_registryPerson/components/detail/Salary/01_PositionSalary.vue
@@ -26,9 +26,7 @@ const route = useRoute();
 const profileId = ref<string>(
   route.params.id ? route.params.id.toString() : ""
 );
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
+
 const store = useSalaryDataStore();
 const {
   date2Thai,
@@ -37,8 +35,11 @@ const {
   hideLoader,
   messageError,
   success,
+  pathRegistryEmp,
 } = useCounterMixin();
 
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
+
 const baseColumns = ref<QTableProps["columns"]>([
   {
     name: "date",
@@ -609,9 +610,8 @@ const classInput = (val: boolean) => {
   >
     <template v-slot:header="props">
       <q-tr :props="props">
-        <q-th auto-width v-if="checkPermission($route)?.attrIsUpdate" />
-        <q-th auto-width v-if="checkPermission($route)?.attrIsUpdate" />
         <q-th auto-width />
+        <q-th v-if="checkPermission($route)?.attrIsUpdate" auto-width />
         <q-th v-for="col in props.cols" :key="col.name" :props="props">
           <span class="text-weight-medium">{{ col.label }}</span>
         </q-th>
@@ -619,31 +619,7 @@ const classInput = (val: boolean) => {
     </template>
     <template v-slot:body="props">
       <q-tr :props="props">
-        <q-td auto-width v-if="checkPermission($route)?.attrIsUpdate">
-          <q-btn
-            dense
-            flat
-            round
-            :color="props.rowIndex + 1 == 1 ? 'grey' : 'green'"
-            :disable="props.rowIndex + 1 == 1"
-            icon="mdi-arrow-up-bold"
-            @click="onSwapUp(props.row.id)"
-          >
-          </q-btn>
-        </q-td>
-        <q-td auto-width v-if="checkPermission($route)?.attrIsUpdate">
-          <q-btn
-            dense
-            flat
-            round
-            :color="rows.length == props.rowIndex + 1 ? 'grey' : 'red'"
-            :disable="rows.length == props.rowIndex + 1"
-            icon="mdi-arrow-down-bold"
-            @click="onSwapDown(props.row.id)"
-          >
-          </q-btn>
-        </q-td>
-        <q-td auto-width>
+        <q-td>
           <q-btn
             flat
             dense
@@ -668,6 +644,29 @@ const classInput = (val: boolean) => {
             <q-tooltip>แก้ไขข้อมูล</q-tooltip>
           </q-btn>
         </q-td>
+        <q-td v-if="checkPermission($route)?.attrIsUpdate">
+          <q-btn
+            dense
+            flat
+            round
+            :color="props.rowIndex + 1 == 1 ? 'grey' : 'green'"
+            :disable="props.rowIndex + 1 == 1"
+            icon="mdi-arrow-up-bold"
+            @click="onSwapUp(props.row.id)"
+          >
+          </q-btn>
+
+          <q-btn
+            dense
+            flat
+            round
+            :color="rows.length == props.rowIndex + 1 ? 'grey' : 'red'"
+            :disable="rows.length == props.rowIndex + 1"
+            icon="mdi-arrow-down-bold"
+            @click="onSwapDown(props.row.id)"
+          >
+          </q-btn>
+        </q-td>
         <q-td v-for="col in props.cols" :key="col.id">
           <div class="table_ellipsis">
             {{ col.value ? col.value : "-" }}
diff --git a/src/modules/04_registryPerson/components/detail/Salary/01_PositionSalaryHistory.vue b/src/modules/04_registryPerson/components/detail/Salary/01_PositionSalaryHistory.vue
index 2e1809b06..56f1d1414 100644
--- a/src/modules/04_registryPerson/components/detail/Salary/01_PositionSalaryHistory.vue
+++ b/src/modules/04_registryPerson/components/detail/Salary/01_PositionSalaryHistory.vue
@@ -20,11 +20,10 @@ const {
   hideLoader,
   messageError,
   success,
+  pathRegistryEmp,
 } = useCounterMixin();
 
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
 
 const modal = defineModel<boolean>("modal", { required: true });
 const salaryId = defineModel<string>("salaryId", { required: true });
diff --git a/src/modules/04_registryPerson/components/detail/Salary/02_NotReceiveSalary.vue b/src/modules/04_registryPerson/components/detail/Salary/02_NotReceiveSalary.vue
index 70fce5223..27f8d7811 100644
--- a/src/modules/04_registryPerson/components/detail/Salary/02_NotReceiveSalary.vue
+++ b/src/modules/04_registryPerson/components/detail/Salary/02_NotReceiveSalary.vue
@@ -24,14 +24,13 @@ const {
   messageError,
   success,
   dialogRemove,
+  pathRegistryEmp,
 } = useCounterMixin();
 const id = ref<string>("");
 const profileId = ref<string>(
   route.params.id ? route.params.id.toString() : ""
 );
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
 
 const modelView = ref<string>("table");
 const modalDialog = ref<boolean>(false);
diff --git a/src/modules/04_registryPerson/components/detail/Salary/02_NotReceiveSalaryHistory.vue b/src/modules/04_registryPerson/components/detail/Salary/02_NotReceiveSalaryHistory.vue
index 9bd4846f8..ffe2b3238 100644
--- a/src/modules/04_registryPerson/components/detail/Salary/02_NotReceiveSalaryHistory.vue
+++ b/src/modules/04_registryPerson/components/detail/Salary/02_NotReceiveSalaryHistory.vue
@@ -14,11 +14,10 @@ import DialogHeader from "@/components/DialogHeader.vue";
 const route = useRoute();
 const $q = useQuasar();
 const mixin = useCounterMixin();
-const { showLoader, hideLoader, messageError, date2Thai } = mixin;
+const { showLoader, hideLoader, messageError, date2Thai, pathRegistryEmp } =
+  mixin;
 
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
 
 const modal = defineModel<boolean>("modal", { required: true });
 const id = defineModel<string>("id", { required: true });
diff --git a/src/modules/04_registryPerson/views/detailView.vue b/src/modules/04_registryPerson/views/detailView.vue
index d926d03d4..7af36f89e 100644
--- a/src/modules/04_registryPerson/views/detailView.vue
+++ b/src/modules/04_registryPerson/views/detailView.vue
@@ -40,6 +40,7 @@ const {
   date2Thai,
   dateToISO,
   dialogMessageNotify,
+  pathRegistryEmp,
 } = useCounterMixin();
 
 /** ถึงเเก่กรรม */
@@ -53,9 +54,7 @@ const reasonDeath = ref("");
 const dialogImage = ref<boolean>(false);
 
 const profileId = ref<string>(route.params.id.toString());
-const empType = ref<string>(
-  route.name === "registryNewByid" ? "" : "-employee"
-);
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
 
 const formDetail = ref<ResponseObject>();
 const itemsMenu = ref<DataOption[]>([
diff --git a/src/stores/mixin.ts b/src/stores/mixin.ts
index 035816e1f..955228d06 100644
--- a/src/stores/mixin.ts
+++ b/src/stores/mixin.ts
@@ -1058,10 +1058,20 @@ export const useCounterMixin = defineStore("mixin", () => {
     }
   }
 
+  function pathRegistryEmp(routeName: string) {
+    return routeName
+      ? routeName === "registryNewByid"
+        ? ""
+        : routeName === "registry-employeeId"
+        ? "-temp"
+        : "-employee"
+      : "";
+  }
+
   function downloadRenameFileByLink(link: string, fileName: string) {
     fetch(link)
-      .then(response => response.blob())
-      .then(blob => {
+      .then((response) => response.blob())
+      .then((blob) => {
         const url = window.URL.createObjectURL(blob);
         const a = document.createElement("a");
         a.href = url;
@@ -1071,7 +1081,7 @@ export const useCounterMixin = defineStore("mixin", () => {
         window.URL.revokeObjectURL(url);
         document.body.removeChild(a);
       })
-      .catch(error => console.error('ดาวน์โหลดไฟล์ไม่สำเร็จ:', error));
+      .catch((error) => console.error("ดาวน์โหลดไฟล์ไม่สำเร็จ:", error));
   }
 
   return {
@@ -1115,6 +1125,7 @@ export const useCounterMixin = defineStore("mixin", () => {
     findOrgNameOld,
     findPosMasterNo,
     findPosMasterNoOld,
-    downloadRenameFileByLink
+    pathRegistryEmp,
+    downloadRenameFileByLink,
   };
 });