diff --git a/src/api/registry/api.registry.ts b/src/api/registry/api.registry.ts
index 525f343b5..ad88412d5 100644
--- a/src/api/registry/api.registry.ts
+++ b/src/api/registry/api.registry.ts
@@ -2,7 +2,6 @@ import env from "../index";
 
 const registryNew = `${env.API_URI}/org/profile`;
 const metadata = `${env.API_URI}/org/metadata/`;
-const salaryNew = `${env.API_URI}/org/profile/salary`;
 
 export default {
   registryNew: (type: string) => `${registryNew}${type}`,
diff --git a/src/modules/04_registryNew/components/DialogHistory.vue b/src/modules/04_registryNew/components/DialogHistory.vue
index 24f38a598..31a768e8d 100644
--- a/src/modules/04_registryNew/components/DialogHistory.vue
+++ b/src/modules/04_registryNew/components/DialogHistory.vue
@@ -99,6 +99,7 @@ function fecthPositionOfficer() {
       messageError($q, err);
     });
 }
+
 function fetchPositionPerm() {
   http
     .get(config.API.listPositionEmployeePositionHistory)
@@ -141,11 +142,12 @@ function clickSearch(type: string) {
         });
       } else if (typeKeyword.value === "position") {
         Object.assign(body, {
-          positionId: positionKeyword.value,
+          position: positionKeyword.value,
         });
       }
+      const empType = type === "officer" ? "" : "-employee";
       http
-        .post(config.API.profileHistory(type), body)
+        .post(config.API.registryNew(empType) + `/search/history/oc`, body)
         .then((res) => {
           let data = res.data.result;
           if (data.length !== 0) {
@@ -206,9 +208,11 @@ const paginationLabel = (start: number, end: number, total: number) => {
 
 <template>
   <q-dialog v-model="modal">
-    <q-card style="width: 850px; max-width: 80vw"> 
+    <q-card style="width: 850px; max-width: 80vw">
       <q-toolbar>
-        <q-toolbar-title class="text-subtitle2 text-bold">ประวัติถือครองตำแหน่ง</q-toolbar-title>
+        <q-toolbar-title class="text-subtitle2 text-bold"
+          >ประวัติถือครองตำแหน่ง</q-toolbar-title
+        >
         <q-btn
           icon="close"
           unelevated
@@ -218,12 +222,12 @@ const paginationLabel = (start: number, end: number, total: number) => {
           style="color: #ff8080; background-color: #ffdede"
         />
       </q-toolbar>
-      <q-separator/>
+      <q-separator />
 
       <div class="dialog-card-contain">
         <q-card-section class="q-pa-sm">
           <q-form ref="myForm">
-            <div class=" col-12 bg-grey-2 q-pa-sm">
+            <div class="col-12 bg-grey-2 q-pa-sm">
               <div class="q-col-gutter-xs row no-wrap">
                 <q-select
                   hide-bottom-space
@@ -313,8 +317,7 @@ const paginationLabel = (start: number, end: number, total: number) => {
         </q-card-section>
       </div>
 
-     
-      <div class="col-12 q-px-sm q-pb-sm"> 
+      <div class="col-12 q-px-sm q-pb-sm">
         <q-table
           flat
           dense
diff --git a/src/modules/06_retirement/components/ExitInterview/exitRegistry.vue b/src/modules/06_retirement/components/ExitInterview/exitRegistry.vue
index bcf509ee3..3c7dcc4e7 100644
--- a/src/modules/06_retirement/components/ExitInterview/exitRegistry.vue
+++ b/src/modules/06_retirement/components/ExitInterview/exitRegistry.vue
@@ -3,18 +3,22 @@ import { onMounted, reactive, ref, watch } from "vue";
 import { useQuasar } from "quasar";
 import { useRoute, useRouter } from "vue-router";
 import { useCounterMixin } from "@/stores/mixin";
+import http from "@/plugins/http";
+import config from "@/app.config";
+import keycloak from "@/plugins/keycloak";
 
-/**
- * import type
- */
+/**import type*/
 import type {
   OptionQuestions,
   OptionQuestions2,
 } from "@/modules/06_retirement/interface/request/Main";
 import type { QForm } from "quasar";
-import http from "@/plugins/http";
-import config from "@/app.config";
-import keycloak from "@/plugins/keycloak";
+
+import type { DataProfile } from "@/modules/05_placement/interface/index/Main";
+
+/** importComponents*/
+import CardProfile from "@/components/CardProfile.vue";
+
 /** use */
 const $q = useQuasar();
 const route = useRoute();
@@ -34,6 +38,7 @@ const {
  * ตัวแปร
  */
 const myForm = ref<QForm | null>(null);
+const dataProfile = ref<DataProfile>();
 const roleAdmin = ref<boolean>(false);
 const Org = ref<string>("");
 const PositionLevel = ref<string>("");
@@ -88,6 +93,7 @@ const getData = async () => {
     .get(config.API.ExitInterviewByid(dataId))
     .then((res: any) => {
       const data = res.data.result;
+      dataProfile.value = data as DataProfile;
       avata.value = data.avatar ?? "";
       Position.value = data.position ?? "";
       PositionLevel.value = data.positionLevel ?? "";
@@ -290,47 +296,7 @@ const putData = () => {
     />
     รายละเอียด Exit interview ของ {{ prefix }} {{ fullname }}
   </div>
-  <q-card bordered class="row col-12 text-dark">
-    <div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
-      <div class="q-pl-sm text-weight-bold text-subtitle2">
-        {{ fullname }}
-      </div>
-      <q-space />
-    </div>
-    <div class="col-12"><q-separator /></div>
-    <div class="row col-12 q-pa-md">
-      <div class="col-12 row bg-white q-col-gutter-md">
-        <div class="col-xs-3 col-sm-2 col-md-1 row">
-          <q-img :src="avata" v-if="avata !== ''" />
-          <q-img src="@/assets/avatar_user.jpg" v-else />
-        </div>
-        <div class="col-xs-6 col-sm-3 row items-center">
-          <div class="col-12 q-pl-md">
-            <div class="col-12 text-top">ตำแหน่งในสายงาน</div>
-            <div class="col-12 text-detail">
-              {{ Position }}
-            </div>
-          </div>
-        </div>
-        <div class="col-xs-6 col-sm-3 row items-center">
-          <div class="col-12">
-            <div class="col-12 text-top">ระดับ</div>
-            <div class="col-12 text-detail">
-              {{ PositionLevel }}
-            </div>
-          </div>
-        </div>
-        <div class="col-xs-6 col-sm-3 row items-center">
-          <div class="col-12">
-            <div class="col-12 text-top">สังกัด</div>
-            <div class="col-12 text-detail">
-              {{ Org }}
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </q-card>
+  <CardProfile :data="dataProfile as DataProfile" />
 
   <q-card bordered class="row col-12 text-dark q-mt-sm">
     <div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
diff --git a/src/modules/13_salary/views/salaryLists.vue b/src/modules/13_salary/views/salaryLists.vue
index 5b5d9411d..ad76e071c 100644
--- a/src/modules/13_salary/views/salaryLists.vue
+++ b/src/modules/13_salary/views/salaryLists.vue
@@ -338,7 +338,13 @@ function getQuota() {
     .finally(() => {});
 }
 
-function filterSelector(val: any, update: Function, refData: string) {
+/**
+ * functioon ค้นหาข้อมูลรายการหน่วยงาน
+ * @param val คำค้นหา
+ * @param update function
+ * @param refData typeSelector
+ */
+function filterSelector(val: string, update: Function, refData: string) {
   switch (refData) {
     case "agencyFilter":
       update(() => {
diff --git a/src/modules/14_KPI/views/list.vue b/src/modules/14_KPI/views/list.vue
index 2665643d7..804974416 100644
--- a/src/modules/14_KPI/views/list.vue
+++ b/src/modules/14_KPI/views/list.vue
@@ -109,9 +109,13 @@ function fetchRoundOption() {
               ? "รอบเมษายน"
               : "",
         }));
+
         roundOp.value = list;
         store.formQuery.round = list[0].id;
         fetchList();
+      } else {
+        roundOp.value = [];
+        store.formQuery.round = "";
       }
     })
     .catch((err) => {
@@ -221,7 +225,6 @@ onMounted(async () => {
                 <q-input
                   dense
                   outlined
-                  class="inputgreen"
                   hide-bottom-space
                   :model-value="!!year ? year + 543 : null"
                   :label="`${'ปีงบประมาณ'}`"