From f0f3a94b3264a8ac89cb4318ce0e1f5836b9afcc Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Thu, 12 Dec 2024 15:56:23 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20?=
 =?UTF-8?q?=E0=B9=80=E0=B8=A3=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=87=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=AD=E0=B8=AD=E0=B8=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/03_retire/interface/Main.ts   |  5 ++
 src/modules/03_retire/views/addRetire.vue | 68 +++++++++++++++++++----
 2 files changed, 63 insertions(+), 10 deletions(-)

diff --git a/src/modules/03_retire/interface/Main.ts b/src/modules/03_retire/interface/Main.ts
index 1bf329a..7c5a42b 100644
--- a/src/modules/03_retire/interface/Main.ts
+++ b/src/modules/03_retire/interface/Main.ts
@@ -54,10 +54,15 @@ interface MainListResponse {
   isActive: boolean;
 }
 
+interface DataOptions{
+  id:string
+  name:string
+}
 export type {
   QuestionDescription,
   OptionQuestions,
   OptionQuestions2,
   MainList,
   MainListResponse,
+  DataOptions
 };
diff --git a/src/modules/03_retire/views/addRetire.vue b/src/modules/03_retire/views/addRetire.vue
index bff5d0f..30e535c 100644
--- a/src/modules/03_retire/views/addRetire.vue
+++ b/src/modules/03_retire/views/addRetire.vue
@@ -9,6 +9,8 @@ import config from "@/app.config";
 import { useCounterMixin } from "@/stores/mixin";
 import { useDataStore } from "@/stores/data";
 
+import type { DataOptions } from "@/modules/03_retire/interface/Main";
+
 import Dialog from "@/modules/03_retire/views/DialogRetire.vue";
 import Header from "@/components/DialogHeader.vue";
 import Workflow from "@/components/Workflow/Main.vue";
@@ -39,9 +41,33 @@ const myform = ref<QForm | null>(null); //form
 const tranferOrg = ref(""); //สถานที่ยื่นขอลาออกจากราชการ
 const dateCommand = ref<Date>(new Date()); //วันที่ยื่นขอลาออกจากราชการ
 const dateLeave = ref<Date | null>(null); //วันที่ขอลาออกจากราชการ
-const noteReason = ref(""); //เหตุผลที่ลาออกจากราชการ
+const noteReason = ref<string>(""); //เหตุผลที่ลาออกจากราชการ
 const modal = ref<boolean>(false); //ตัวแปร dialog
 
+const remark = ref<string>(""); //ระบุเหตุผล
+const noteReasonOp = ref<DataOptions[]>([
+  {
+    id: "CAREER",
+    name: "ประกอบอาชีพอื่น",
+  },
+  {
+    id: "MOVE",
+    name: "รับราชการสังกัดอื่น",
+  },
+  {
+    id: "FAMILY",
+    name: "ดูแลบิดามารดา",
+  },
+  {
+    id: "EDUCATION",
+    name: "ศึกษาต่อ",
+  },
+  {
+    id: "OTHER",
+    name: "อื่น ๆ",
+  },
+]);
+
 /** ข้อมูล v-model ของฟอร์ม */
 const dataDetail = ref<any>({});
 
@@ -78,7 +104,9 @@ async function onSubmit() {
       );
       formData.append("Reason", noteReason.value);
       formData.append("file", files.value);
-
+      if (noteReason.value == "OTHER") {
+        formData.append("remark", remark.value);
+      }
       http
         .post(config.API.listResignByType(link.value), formData)
         .then((res) => {
@@ -130,6 +158,7 @@ async function fectDataresign(id: string) {
       checkCancleLeave.value = currentDate < dueDateMinusOne;
 
       noteReason.value = data.reason;
+      remark.value = data.remark;
       files.value = data.docs;
       dataDetail.value = data;
     })
@@ -328,23 +357,42 @@ onMounted(async () => {
                 </q-input>
               </template>
             </datepicker>
-
-            <q-input
+            <q-select
+              v-model="noteReason"
               :class="
                 routeName !== 'AddRetire' ? 'col-12' : 'col-12 inputgreen'
               "
               dense
               outlined
-              v-model="noteReason"
-              label="เหตุผลที่ลาออกจากราชการ"
-              type="textarea"
+              emit-value
+              map-options
               hide-bottom-space
+              option-label="name"
+              option-value="id"
+              :options="noteReasonOp"
+              label="เหตุผลที่ลาออกจากราชการ"
               :readonly="routeName != 'AddRetire'"
               :rules="[
-                      (val: string) => !!val || `${'กรุณากรอกเหตุผลที่ลาออกจากราชการ'}`,
+                      (val: string) => !!val || `${'กรุณาเลือกเหตุผลที่ลาออกจากราชการ'}`,
                     ]"
-            />
-
+            >
+            </q-select>
+            <q-input
+              :class="
+                routeName !== 'AddRetire' ? 'col-12' : 'col-12 inputgreen'
+              "
+              v-if="noteReason == 'OTHER'"
+              v-model="remark"
+              outlined
+              hide-bottom-space
+              dense
+              type="textarea"
+              label="ระบุเหตุผล"
+              :readonly="routeName != 'AddRetire'"
+              :rules="[
+                      (val: string) => !!val || `${'กรุณาระบุเหตุผล'}`,
+                    ]"
+            ></q-input>
             <div class="col-12 row" v-if="routeName == 'AddRetire'">
               <q-file
                 v-model="files"