ทะเบียนประวัติ

src/modules/04_registryPerson/views/detailView.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted } from "vue";
+import { ref, onMounted, computed } from "vue";
 import { useQuasar } from "quasar";
 
 import { useRoute, useRouter } from "vue-router";
@@ -68,7 +68,7 @@ const reasonDeath = ref(""); //เหตุผลการเสียชีว
 const dialogImage = ref<boolean>(false); //แสดงเลือกรูปภาพ
 const formDetail = ref<ResponseObject>(); //ข้อมูลส่วนตัว
 //รายการเมนูออกคำสั่งข้าราชการ
-const itemsMenu = ref<DataOptionSys[]>([
+const baseItemsMenu = ref<DataOptionSys[]>([
   {
     id: "1",
     name: "ช่วยราชการ",
@@ -100,6 +100,21 @@ const itemsMenu = ref<DataOptionSys[]>([
     system: "SYS_PLACEMENT_OTHER",
   },
 ]);
+
+const itemsMenu = computed(() => {
+  if (
+    leaveReason.value ===
+    "(พ้นจากราชการด้วยสาเหตุ: ได้รับโทษทางวินัย ให้ออกจากราชการไว้ก่อน)"
+  ) {
+    return (
+      baseItemsMenu.value?.filter(
+        (option) => option.system === "SYS_PROMOTION_OFFICER"
+      ) || []
+    );
+  } else {
+    return baseItemsMenu.value || [];
+  }
+});
 //รายการเมนูออกคำสั่งลูกจ้าง
 const itemsMenuEmployee = ref<DataOptionSys[]>([
   {
@@ -279,12 +294,12 @@ async function fetchDataPersonal() {
           (r: DataOption) => r.id == res.data.result.leaveReason
         );
         if (reason.length > 0) {
-          leaveReason.value = ` (พ้นจากราชการด้วยสาเหตุ: ${reason[0].name})`;
+          leaveReason.value = `(พ้นจากราชการด้วยสาเหตุ: ${reason[0].name})`;
         } else if (
           res.data.result.leaveReason !== null &&
           res.data.result.leaveReason !== ""
         ) {
-          leaveReason.value = ` (พ้นจากราชการด้วยสาเหตุ: ${res.data.result.leaveReason})`;
+          leaveReason.value = `(พ้นจากราชการด้วยสาเหตุ: ${res.data.result.leaveReason})`;
         }
         reasonStatus.value = reason.length > 0 ? true : false;
       }
@@ -687,18 +702,21 @@ onMounted(async () => {
 
     <div v-if="isPermission">
       <!-- list menu ของข้าราชการฯ -->
+
       <q-btn-dropdown
         v-if="
-          !storeRegistry.isLeave &&
-          empType === '' &&
-          checkPermissionList([
-            'SYS_TEMPDUTY',
-            'SYS_TEMPDUTY2',
-            'SYS_PROMOTION_OFFICER',
-            'SYS_PASSAWAY',
-            'SYS_DISMISS',
-            'SYS_PLACEMENT_OTHER',
-          ])
+          (!storeRegistry.isLeave &&
+            empType === '' &&
+            checkPermissionList([
+              'SYS_TEMPDUTY',
+              'SYS_TEMPDUTY2',
+              'SYS_PROMOTION_OFFICER',
+              'SYS_PASSAWAY',
+              'SYS_DISMISS',
+              'SYS_PLACEMENT_OTHER',
+            ])) ||
+          leaveReason ===
+            '(พ้นจากราชการด้วยสาเหตุ: ได้รับโทษทางวินัย ให้ออกจากราชการไว้ก่อน)'
         "
         size="md"
         rounded
@@ -833,7 +851,9 @@ onMounted(async () => {
             <q-img :src="profilePicture" />
           </q-avatar>
           <q-btn
-            v-if="!storeRegistry.isLeave && checkPermission($route)?.attrIsUpdate"
+            v-if="
+              !storeRegistry.isLeave && checkPermission($route)?.attrIsUpdate
+            "
             round
             text-color="edit"
             icon="mdi-pencil"