- ปรับรับข้อมูลหน่วยงานในสังกัด

- เพิ่มประเภททุน

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

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

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="

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
+  http
-      .get(config.API.developmentReportScholarship())
+    .get(config.API.developmentReportScholarship())
-      .then((res) => {
+    .then((res) => {
-        const dataList = res.data.result;
+      const dataList = res.data.result;
-        genReportXLSX(
+      genReportXLSX(dataList, "รายการข้าราชการฯที่ได้รับทุนการศึกษา/ฝึกอบรม");
-          dataList,
+    })
-          "รายการข้าราชการฯที่ได้รับทุนการศึกษา/ฝึกอบรม"
+    .catch((e) => {
-        );
+      messageError($q, e);
-      })
+    })
-      .catch((e) => {
+    .finally(() => {
-        messageError($q, e);
+      hideLoader();
-      })
+    });
-      .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="
+                    @click.stop.prevent="(formQuery.year = 0), fetchNewList()"
-                      (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>