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

src/modules/06_retirement/components/02_resign/ResignByid.vue

@@ -72,6 +72,7 @@ const dataDetail = ref<any>({
   fullname: "",
   statusMain: "",
   cancelReason: "",
+  remark: "",
 });
 
 const workflowRef = ref<any>(null);
@@ -534,6 +535,22 @@ function removeFile(fileName: string) {
   });
 }
 
+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();
@@ -556,8 +573,9 @@ onMounted(async () => {
         class="q-mr-sm"
         @click="router.push('/retirement/resign')"
       />
-      รายละเอียดการลาออก {{
-        dataDetail.prefix+dataDetail.firstName + "  " + dataDetail.lastName
+      รายละเอียดการลาออก
+      {{
+        dataDetail.prefix + dataDetail.firstName + "  " + dataDetail.lastName
       }}
     </div>
 
@@ -621,7 +639,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">