fix ระบบพัฒนาบุคคล

src/modules/15_development/views/EmployeeHistory.vue

@@ -134,12 +134,13 @@ const columns = ref<QTableProps["columns"]>([
 ]);
 
 /** ดึงข้อมูลหน่วยงาน เเละ เรียกใช้ฟังชั่น ดึงข้อมูล */
-function fetchListOrg() {
+async function fetchListOrg() {
   showLoader();
-  http
+  await http
     .get(config.API.developmentHistoryListOrg("employee", formFilter.year))
     .then(async (res) => {
       formFilter.root = null;
+      formFilter.page = 1;
       rows.value = [];
       const option = [{ name: "ทั้งหมด", id: null }];
       const optionNew = await res.data.result.map((e: string) => ({
@@ -192,9 +193,9 @@ function onEdit(id: string) {
 }
 
 /** ดึงข้อมูล */
-function getData() {
+async function getData() {
   showLoader();
-  http
+  await http
     .post(config.API.developmentHistoryList("employee"), formFilter)
     .then((res) => {
       const data = res.data.result.data;
@@ -241,8 +242,8 @@ watch(
 );
 
 /** ดึงข้อมูลเมื่อโหลดหน้าเสร็จสิ้น */
-onMounted(() => {
-  fetchListOrg();
+onMounted(async () => {
+  await fetchListOrg();
 });
 </script>
 
@@ -387,7 +388,6 @@ onMounted(() => {
             map-options
             :options="columns"
             option-value="name"
-            
             style="min-width: 140px"
           />
         </div>

src/modules/15_development/views/History.vue

@@ -167,10 +167,12 @@ function fetchListOrg() {
       }));
       option.push(...optionNew);
       agencyOp.value = option;
-      getData();
+      await getData();
     })
     .catch((err) => {
       messageError($q, err);
+    })
+    .finally(() => {
       hideLoader();
     });
 }
@@ -178,9 +180,9 @@ function fetchListOrg() {
 /**
  * function เรียกข้อมูลรายการประวัติการฝึกอบรม/ดูงานของข้าราชการกรุงเทพมหานครสามัญ
  */
-function getData() {
+async function getData() {
   showLoader();
-  http
+  await http
     .post(config.API.developmentHistoryList("officer"), formFilter)
     .then((res) => {
       const data = res.data.result.data;
@@ -217,10 +219,9 @@ function onDownload(type: string) {
       year: formFilter.year,
       root: formFilter.root,
     })
-    .then((res) => {
-      const dataList = res.data.result;
-
-      genReportXLSX(
+    .then(async (res) => {
+      const dataList = await res.data.result;
+      await genReportXLSX(
         dataList,
         "รายการประวัติการฝึกอบรม/ดูงานของข้าราชการกรุงเทพมหานครสามัญ",
         type
@@ -408,7 +409,6 @@ onMounted(() => {
             map-options
             :options="columns"
             option-value="name"
-            
             style="min-width: 140px"
           />
         </div>

src/modules/15_development/views/Scholarship.vue

@@ -11,7 +11,6 @@ import genReportXLSX from "@/plugins/genreportxlsx";
 
 import type {
   DataOption,
-  ItemsDownload,
   NewPagination,
 } from "@/modules/15_development/interface/index/Main";
 import type { ListSholarship } from "@/modules/15_development/interface/response/Scholarship";
@@ -327,7 +326,6 @@ onMounted(() => {
           map-options
           :options="columns"
           option-value="name"
-          
           style="min-width: 140px"
         />
       </div>