diff --git a/src/modules/15_development/views/EmployeeHistory.vue b/src/modules/15_development/views/EmployeeHistory.vue
index 00d7bb263..a18007bd0 100644
--- a/src/modules/15_development/views/EmployeeHistory.vue
+++ b/src/modules/15_development/views/EmployeeHistory.vue
@@ -127,28 +127,28 @@ const columns = ref<QTableProps["columns"]>([
   },
 ]);
 
-function onAdd() {
-  store.statusEdit = false;
-  router.push(`/development/employee-history/add`);
-}
+// function onAdd() {
+//   store.statusEdit = false;
+//   router.push(`/development/employee-history/add`);
+// }
+
 function onDownload() {
   showLoader();
-    http
-      .get(config.API.developmentReportHistoryOfficer())
-      .then((res) => {
-        const dataList = res.data.result;
-        genReportXLSX(
-          dataList,
-          "รายการประวัติฝึกอบรม/ดูงานลูกจ้าง"
-        );
-      })
-      .catch((e) => {
-        messageError($q, e);
-      })
-      .finally(() => {
-        hideLoader();
-      });
-
+  http
+    .post(config.API.developmentReportHistoryOfficer(), {
+      year: formFilter.year,
+      root: agency.value,
+    })
+    .then((res) => {
+      const dataList = res.data.result;
+      genReportXLSX(dataList, "รายการประวัติฝึกอบรม/ดูงานลูกจ้าง");
+    })
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(() => {
+      hideLoader();
+    });
 }
 
 function onEdit(id: string) {
@@ -162,6 +162,7 @@ function getData() {
     pageSize: formFilter.pageSize,
     keyword: formFilter.keyword,
     year: formFilter.year,
+    root: agency.value,
   };
 
   showLoader();
@@ -200,6 +201,7 @@ onMounted(() => {
   getData();
 });
 </script>
+
 <template>
   <div class="toptitle text-dark col-12 row items-center">
     รายการประวัติฝึกอบรม/ดูงานลูกจ้าง
diff --git a/src/modules/15_development/views/History.vue b/src/modules/15_development/views/History.vue
index 370d22fc1..5d12a9afb 100644
--- a/src/modules/15_development/views/History.vue
+++ b/src/modules/15_development/views/History.vue
@@ -136,27 +136,31 @@ const columns = ref<QTableProps["columns"]>([
   },
 ]);
 
-function onAdd() {
-  store.statusEdit = false;
-  router.push(`/development/history/add`);
-}
+// function onAdd() {
+//   store.statusEdit = false;
+//   router.push(`/development/history/add`);
+// }
+
 function onDownload() {
   showLoader();
-    http
-      .get(config.API.developmentReportHistory())
-      .then((res) => {
-        const dataList = res.data.result;
-        genReportXLSX(
-          dataList,
-          "รายการประวัติการฝึกอบรม/ดูงานของข้าราชการกรุงเทพมหานครสามัญ"
-        );
-      })
-      .catch((e) => {
-        messageError($q, e);
-      })
-      .finally(() => {
-        hideLoader();
-      });
+  http
+    .post(config.API.developmentReportHistory(), {
+      year: formFilter.year,
+      root: agency.value,
+    })
+    .then((res) => {
+      const dataList = res.data.result;
+      genReportXLSX(
+        dataList,
+        "รายการประวัติการฝึกอบรม/ดูงานของข้าราชการกรุงเทพมหานครสามัญ"
+      );
+    })
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(() => {
+      hideLoader();
+    });
 }
 
 function onEdit(id: string) {
@@ -170,6 +174,7 @@ function getData() {
     pageSize: formFilter.pageSize,
     keyword: formFilter.keyword,
     year: formFilter.year,
+    root: agency.value,
   };
 
   showLoader();
@@ -205,6 +210,7 @@ onMounted(() => {
   getData();
 });
 </script>
+
 <template>
   <div class="toptitle text-dark col-12 row items-center">
     รายการประวัติการฝึกอบรม/ดูงานของข้าราชการกรุงเทพมหานครสามัญ
@@ -309,23 +315,21 @@ onMounted(() => {
             </template>
           </q-input>
         </div>
-<div class="col-4">
-  <q-select
-          v-model="visibleColumns"
-          multiple
-          outlined
-          dense
-          options-dense
-          :display-value="$q.lang.table.columns"
-          emit-value
-          map-options
-          :options="columns"
-          option-value="name"
-          options-cover
-
-        />
-</div>
-
+        <div class="col-4">
+          <q-select
+            v-model="visibleColumns"
+            multiple
+            outlined
+            dense
+            options-dense
+            :display-value="$q.lang.table.columns"
+            emit-value
+            map-options
+            :options="columns"
+            option-value="name"
+            options-cover
+          />
+        </div>
       </q-toolbar>
     </div>
     <div class="col-12">