ปรับเเสดงผล เรื่องลาออก

src/modules/06_retirement/components/03_resignEmp/ResignByid.vue

@@ -71,6 +71,7 @@ const dataDetail = ref<any>({
   fullname: "",
   statusMain: "",
   cancelReason: "",
+  remark: "",
 });
 
 const workflowRef = ref<any>(null);
@@ -549,6 +550,23 @@ function fetchCheckIsofficer() {
     });
 }
 
+function convertStatus(val: string) {
+  if (/^[A-Za-z]+$/.test(val)) {
+    switch (val) {
+      case "CAREER":
+        return "ประกอบอาชีพอื่น";
+      case "MOVE":
+        return "รับราชการสังกัดอื่น";
+      case "FAMILY":
+        return "ดูแลบิดามารดา";
+      case "EDUCATION":
+        return "ศึกษาต่อ";
+      case "OTHER":
+        return "อื่น ๆ";
+    }
+  } else return val;
+}
+
 /** Hook */
 onMounted(async () => {
   showLoader();
@@ -575,7 +593,8 @@ onMounted(async () => {
         class="q-mr-sm"
         @click="router.push('/retirement/resign-employee')"
       />
-      รายละเอียดการลาออก {{
+      รายละเอียดการลาออก
+      {{
         dataDetail.prefix + dataDetail.firstName + "  " + dataDetail.lastName
       }}
     </div>
@@ -640,7 +659,13 @@ onMounted(async () => {
           <div class="col-xs-6 col-sm-3 row items-start">
             <div class="col-12">
               <div class="col-12 text-top">เหตุผลที่ลาออกจากราชการ</div>
-              <div class="col-12 text-detail">{{ dataDetail.reason }}</div>
+              <div class="col-12 text-detail">
+                {{
+                  `${convertStatus(dataDetail.reason)}${
+                    dataDetail.remark ? `(${dataDetail.remark})` : ""
+                  }`
+                }}
+              </div>
             </div>
           </div>
           <div class="col-xs-6 col-sm-3 row items-start">