From 22c8091dce07dce01feb308a19f9c8ef9fc3bc36 Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Thu, 18 Apr 2024 11:23:19 +0700
Subject: [PATCH] =?UTF-8?q?-=20=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B1=E0=B8=9A=E0=B8=82=E0=B9=89=E0=B8=AD=E0=B8=A1?=
 =?UTF-8?q?=E0=B8=B9=E0=B8=A5=E0=B8=AB=E0=B8=99=E0=B9=88=E0=B8=A7=E0=B8=A2?=
 =?UTF-8?q?=E0=B8=87=E0=B8=B2=E0=B8=99=E0=B9=83=E0=B8=99=E0=B8=AA=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=87=E0=B8=81=E0=B8=B1=E0=B8=94=20-=20=E0=B9=80=E0=B8=9E?=
 =?UTF-8?q?=E0=B8=B4=E0=B9=88=E0=B8=A1=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B9=80?=
 =?UTF-8?q?=E0=B8=A0=E0=B8=97=E0=B8=97=E0=B8=B8=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/history/AddPage.vue            |   2 +
 .../components/historyEmployee/AddPage.vue    |   2 +
 .../components/scholarship/DetailView.vue     | 113 ++++++++++--------
 .../15_development/views/Scholarship.vue      |  54 ++++-----
 4 files changed, 90 insertions(+), 81 deletions(-)

diff --git a/src/modules/15_development/components/history/AddPage.vue b/src/modules/15_development/components/history/AddPage.vue
index 3683b6584..a58694bfe 100644
--- a/src/modules/15_development/components/history/AddPage.vue
+++ b/src/modules/15_development/components/history/AddPage.vue
@@ -180,6 +180,7 @@ function getDataEdit() {
       formMain.type = data.posTypeName ? data.posTypeName : null;
       formMain.level = data.posLevelName ? data.posLevelName : null;
       formMain.positionSide = data.posExecutive ? data.posExecutive : null;
+      formMain.oc = data.org ? data.org : null;
 
       formMainProject.id = data.developmentId;
       formMainProject.project = data.projectName;
@@ -210,6 +211,7 @@ onMounted(() => {
   }
 });
 </script>
+
 <template>
   <div class="toptitle text-dark">
     <q-btn
diff --git a/src/modules/15_development/components/historyEmployee/AddPage.vue b/src/modules/15_development/components/historyEmployee/AddPage.vue
index 4a6868b7b..90a7776df 100644
--- a/src/modules/15_development/components/historyEmployee/AddPage.vue
+++ b/src/modules/15_development/components/historyEmployee/AddPage.vue
@@ -168,6 +168,7 @@ function getDataEdit() {
       formMain.type = data.posTypeName ? data.posTypeName : null;
       formMain.level = data.posLevelName ? data.posLevelName : null;
       formMain.positionSide = data.positionSide ? data.positionSide : null;
+      formMain.oc = data.org ? data.org : null;
 
       formMainProject.id = data.developmentId;
       formMainProject.project = data.projectName;
@@ -198,6 +199,7 @@ onMounted(() => {
   }
 });
 </script>
+
 <template>
   <div class="toptitle text-dark">
     <q-btn
diff --git a/src/modules/15_development/components/scholarship/DetailView.vue b/src/modules/15_development/components/scholarship/DetailView.vue
index b3db73264..1a12f720c 100644
--- a/src/modules/15_development/components/scholarship/DetailView.vue
+++ b/src/modules/15_development/components/scholarship/DetailView.vue
@@ -48,15 +48,19 @@ const scholarshipTypeOp = ref<DataOption[]>([
   { id: "DOMESTICE", name: "การศึกษาในประเทศ" },
   {
     id: "NOABROAD",
-    name: "ฝึกอบรมในประเทศที่ส่งไปพัฒนากับหน่วยวงานภายนอก (หลักสูตรที่ไม่มีการไปต่างประเทศ)",
+    name: "ฝึกอบรมในประเทศที่ส่งไปพัฒนากับหน่วยงานภายนอก (หลักสูตรที่ไม่มีการไปต่างประเทศ)",
   },
   {
     id: "ABROAD",
-    name: "ฝึกอบรมในประเทศที่ส่งไปพัฒนากับหน่วยวงานภายนอก (หลักสูตรที่มีการไปต่างประเทศ)",
+    name: "ฝึกอบรมในประเทศที่ส่งไปพัฒนากับหน่วยงานภายนอก (หลักสูตรที่มีการไปต่างประเทศ)",
   },
   {
     id: "EXECUTIVE",
-    name: "ฝึกอบรมในประเทศที่ส่งไปพัฒนากับหน่วยวงานภายนอก (หลักสูตรประเภทนักบริหาร)",
+    name: "ฝึกอบรมในประเทศที่ส่งไปพัฒนากับหน่วยงานภายนอก (หลักสูตรประเภทนักบริหาร)",
+  },
+  {
+    id: "RESEARCH",
+    name: "ศึกษา ฝึกอบรม ประชุม ดูงาน และปฏิบัติการวิจัย ณ ต่างประเทศ",
   },
 ]);
 const fundTypeOp = ref<DataOption[]>([
@@ -188,7 +192,7 @@ function fetchDataDetail(id: string) {
       formBody.reportBackNo = data.reportBackNo;
       formBody.reportBackNoDate = data.reportBackNoDate;
       formBody.reportBackDate = data.reportBackDate;
-      
+
       formBody.degreeLevel = data.degreeLevel;
       formBody.course = data.course;
       formBody.field = data.field;
@@ -418,7 +422,7 @@ async function checkFileBackReceived(id: string) {
     });
 }
 
-function downloadFileBackReceived() {
+function downloadFileBackReceived(id: string) {
   showLoader();
   http
     .get(
@@ -465,13 +469,13 @@ onMounted(() => {
     </div>
     <q-space />
     <q-btn
-      v-if="fileBackReceived != ''"
+      v-if="scholarshipId != null && fileBackReceived != ''"
       flat
       round
       dense
       icon="download"
       color="blue"
-      @click="downloadFileBackReceived()"
+      @click="downloadFileBackReceived(scholarshipId)"
     >
       <q-tooltip>ดาวน์โหลด</q-tooltip>
     </q-btn>
@@ -557,7 +561,55 @@ onMounted(() => {
           </div>
         </q-card>
       </div>
+
       <div class="row q-col-gutter-md q-pa-md" v-if="isGov">
+        <div class="col-9">
+          <q-select
+            dense
+            outlined
+            hide-bottom-space
+            lazy-rules
+            v-model="formBody.scholarshipType"
+            :options="scholarshipTypeOp"
+            option-label="name"
+            option-value="id"
+            emit-value
+            map-options
+            class="inputgreen"
+            label="เลือกประเภททุน"
+            :rules="[
+              (val: string) =>
+                !!val || `${'กรุณาเลือกประเภททุน'}`,
+            ]"
+          />
+        </div>
+        <div
+          class="col-3"
+          v-if="
+            formBody.scholarshipType !== '' &&
+            formBody.scholarshipType !== 'EXECUTIVE'
+          "
+        >
+          <q-select
+            dense
+            outlined
+            hide-bottom-space
+            lazy-rules
+            class="inputgreen"
+            v-model="formBody.fundType"
+            :options="fundTypeOp"
+            option-label="name"
+            option-value="id"
+            emit-value
+            map-options
+            label="ประเภททุน"
+            :rules="[
+              (val: string) =>
+                !!val || `${'กรุณาเลือกประเภททุน'}`,
+            ]"
+          />
+        </div>
+
         <div class="col-12">
           <q-radio
             v-model="formBody.planType"
@@ -779,52 +831,7 @@ onMounted(() => {
             ]"
           />
         </div>
-        <div class="col-9">
-          <q-select
-            dense
-            outlined
-            hide-bottom-space
-            lazy-rules
-            v-model="formBody.scholarshipType"
-            :options="scholarshipTypeOp"
-            option-label="name"
-            option-value="id"
-            emit-value
-            map-options
-            class="inputgreen"
-            label="เลือกประเภททุน"
-            :rules="[
-              (val: string) =>
-                !!val || `${'กรุณาเลือกประเภททุน'}`,
-            ]"
-          />
-        </div>
-        <div
-          class="col-3"
-          v-if="
-            formBody.scholarshipType !== '' &&
-            formBody.scholarshipType !== 'EXECUTIVE'
-          "
-        >
-          <q-select
-            dense
-            outlined
-            hide-bottom-space
-            lazy-rules
-            class="inputgreen"
-            v-model="formBody.fundType"
-            :options="fundTypeOp"
-            option-label="name"
-            option-value="id"
-            emit-value
-            map-options
-            label="ประเภททุน"
-            :rules="[
-              (val: string) =>
-                !!val || `${'กรุณาเลือกประเภททุน'}`,
-            ]"
-          />
-        </div>
+
         <div
           class="col-12"
           v-if="
diff --git a/src/modules/15_development/views/Scholarship.vue b/src/modules/15_development/views/Scholarship.vue
index c9cf3cfbd..aa261ccea 100644
--- a/src/modules/15_development/views/Scholarship.vue
+++ b/src/modules/15_development/views/Scholarship.vue
@@ -90,21 +90,22 @@ const visibleColumns = ref<string[]>([
 ]);
 
 const scholarshipTypeOp = ref<DataOption[]>([
-  {
-    id: "DOMESTICE",
-    name: "การศึกษาในประเทศ",
-  },
+  { id: "DOMESTICE", name: "การศึกษาในประเทศ" },
   {
     id: "NOABROAD",
-    name: "ฝึกอบรมในประเทศที่ส่งไปพัฒนากับหน่วยวงานภายนอก (หลักสูตรที่ไม่มีการไปต่างประเทศ)",
+    name: "ฝึกอบรมในประเทศที่ส่งไปพัฒนากับหน่วยงานภายนอก (หลักสูตรที่ไม่มีการไปต่างประเทศ)",
   },
   {
     id: "ABROAD",
-    name: "ฝึกอบรมในประเทศที่ส่งไปพัฒนากับหน่วยวงานภายนอก (หลักสูตรที่มีการไปต่างประเทศ)",
+    name: "ฝึกอบรมในประเทศที่ส่งไปพัฒนากับหน่วยงานภายนอก (หลักสูตรที่มีการไปต่างประเทศ)",
   },
   {
     id: "EXECUTIVE",
-    name: "ฝึกอบรมในประเทศที่ส่งไปพัฒนากับหน่วยวงานภายนอก (หลักสูตรประเภทนักบริหาร)",
+    name: " ฝึกอบรมในประเทศที่ส่งไปพัฒนากับหน่วยงานภายนอก (หลักสูตรประเภทนักบริหาร)",
+  },
+  {
+    id: "RESEARCH",
+    name: "ศึกษา ฝึกอบรม ประชุม ดูงาน และปฏิบัติการวิจัย ณ ต่างประเทศ",
   },
 ]);
 const itemDownload = ref<ItemsDownload[]>([
@@ -186,21 +187,18 @@ watch(
 
 function onDownload() {
   showLoader();
-    http
-      .get(config.API.developmentReportScholarship())
-      .then((res) => {
-        const dataList = res.data.result;
-        genReportXLSX(
-          dataList,
-          "รายการข้าราชการฯที่ได้รับทุนการศึกษา/ฝึกอบรม"
-        );
-      })
-      .catch((e) => {
-        messageError($q, e);
-      })
-      .finally(() => {
-        hideLoader();
-      });
+  http
+    .get(config.API.developmentReportScholarship())
+    .then((res) => {
+      const dataList = res.data.result;
+      genReportXLSX(dataList, "รายการข้าราชการฯที่ได้รับทุนการศึกษา/ฝึกอบรม");
+    })
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(() => {
+      hideLoader();
+    });
 }
 
 onMounted(() => {
@@ -217,7 +215,7 @@ onMounted(() => {
       <div class="row q-gutter-sm">
         <div>
           <datepicker
-          style="width: 150px;"
+            style="width: 150px"
             menu-class-name="modalfix"
             v-model="formQuery.year"
             :locale="'th'"
@@ -236,16 +234,16 @@ onMounted(() => {
                 lazy-rules
                 outlined
                 :model-value="
-                  formQuery.year === 0 ? 'ทั้งหมด' : Number(formQuery.year) + 543
+                  formQuery.year === 0
+                    ? 'ทั้งหมด'
+                    : Number(formQuery.year) + 543
                 "
                 :label="`${'ปีงบประมาณ'}`"
               >
                 <template v-if="formQuery.year" v-slot:append>
                   <q-icon
                     name="cancel"
-                    @click.stop.prevent="
-                      (formQuery.year = 0), fetchNewList()
-                    "
+                    @click.stop.prevent="(formQuery.year = 0), fetchNewList()"
                     class="cursor-pointer"
                   />
                 </template>
@@ -273,7 +271,7 @@ onMounted(() => {
             option-label="name"
             label="เลือกประเภททุน"
             @update:model-value="fetchNewList"
-            style="width: 350px;"
+            style="width: 350px"
           />
         </div>
       </div>