From 98b26a92737dd46ab57871394416e0af0b480967 Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Thu, 16 May 2024 17:07:36 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1?=
 =?UTF-8?q?=E0=B9=80=E0=B8=A1=E0=B8=99=E0=B8=B9=E0=B8=AA=E0=B9=88=E0=B8=87?=
 =?UTF-8?q?=E0=B8=95=E0=B8=B1=E0=B8=A7=E0=B8=A5=E0=B8=B9=E0=B8=81=E0=B8=88?=
 =?UTF-8?q?=E0=B9=89=E0=B8=B2=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../04_registryNew/views/detailView.vue       | 54 ++++++++++++++++++-
 1 file changed, 52 insertions(+), 2 deletions(-)

diff --git a/src/modules/04_registryNew/views/detailView.vue b/src/modules/04_registryNew/views/detailView.vue
index 7e71f3a38..0a14f2148 100644
--- a/src/modules/04_registryNew/views/detailView.vue
+++ b/src/modules/04_registryNew/views/detailView.vue
@@ -72,6 +72,17 @@ const itemsMenu = ref<DataOption[]>([
   },
 ]);
 
+const itemsMenuEmployee = ref<DataOption[]>([
+  {
+    id: "1",
+    name: "ปรับระดับชั้นงาน - ย้าย",
+  },
+  {
+    id: "2",
+    name: "ถึงแก่กรรม",
+  },
+]);
+
 const uploadUrl = ref<string>("");
 const fileName = ref<string>("");
 const profilePicture = ref<string>("");
@@ -305,6 +316,26 @@ async function otherPost() {
   });
 }
 
+const appointEmployeePost = async () => {
+  const formData = new FormData();
+  formData.append("id", profileId.value);
+  dialogConfirm($q, async () => {
+    showLoader();
+    await http
+      .post(config.API.appointEmployee(), formData)
+      .then(() => {
+        success($q, "ดำเนินการสำเร็จ");
+      })
+      .catch((e) => {
+        messageError($q, e);
+      })
+      .finally(() => {
+        hideLoader();
+        router.push("/appoint-employee");
+      });
+  });
+};
+
 function closePassaway() {
   dialogPassaway.value = false;
 }
@@ -447,7 +478,11 @@ onMounted(async () => {
       icon="mdi-home-export-outline"
       dropdown-icon="mdi-chevron-down"
     >
-      <q-list v-for="(item, index) in itemsMenu" key="index">
+      <q-list
+        v-if="empType === 'officer'"
+        v-for="(item, index) in itemsMenu"
+        :key="index"
+      >
         <q-item
           clickable
           @click="
@@ -470,6 +505,21 @@ onMounted(async () => {
           <q-item-section>{{ item.name }}</q-item-section>
         </q-item>
       </q-list>
+      <q-list v-else v-for="(item, index) in itemsMenuEmployee" :key="item.id">
+        <q-item
+          clickable
+          @click="
+            item.name == 'ปรับระดับชั้นงาน - ย้าย'
+              ? appointEmployeePost()
+              : item.name == 'ถึงแก่กรรม'
+              ? clickPassaway()
+              : null
+          "
+          v-close-popup
+        >
+          <q-item-section>{{ item.name }}</q-item-section>
+        </q-item>
+      </q-list>
     </q-btn-dropdown>
 
     <q-btn
@@ -560,7 +610,7 @@ onMounted(async () => {
   </q-card>
 
   <q-card bordered class="q-mt-md rounded">
-    <TabMain :fetchDataPersonal="fetchDataPersonal"/>
+    <TabMain :fetchDataPersonal="fetchDataPersonal" />
   </q-card>
 
   <!-- Dialog แนบใบมรณบัตร -->