From 4d61d5cb6f78057d7755a54d97c4c093df36a7f9 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 27 Aug 2025 11:11:40 +0700
Subject: [PATCH 1/8] =?UTF-8?q?fix=20=3D=3D>=20UI=20=E0=B9=82=E0=B8=9B?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=94=E0=B9=80=E0=B8=81=E0=B8=A5=E0=B9=89=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/AppointMent/DialogOrders.vue   |   2 +
 .../views/06_appointPromoteMain.vue           | 187 +++++++++++++++++-
 2 files changed, 186 insertions(+), 3 deletions(-)

diff --git a/src/modules/05_placement/components/AppointMent/DialogOrders.vue b/src/modules/05_placement/components/AppointMent/DialogOrders.vue
index dd6bd3c45..f335327da 100644
--- a/src/modules/05_placement/components/AppointMent/DialogOrders.vue
+++ b/src/modules/05_placement/components/AppointMent/DialogOrders.vue
@@ -214,6 +214,8 @@ const columns2 = ref<QTableProps["columns"]>([
         ? "เลื่อน"
         : val === "MOVE"
         ? "ย้าย"
+        : val === "ROYAL"
+        ? "โปรดเกล้าฯ"
         : "-";
     },
   },
diff --git a/src/modules/05_placement/views/06_appointPromoteMain.vue b/src/modules/05_placement/views/06_appointPromoteMain.vue
index e5dbf1df9..e22483261 100644
--- a/src/modules/05_placement/views/06_appointPromoteMain.vue
+++ b/src/modules/05_placement/views/06_appointPromoteMain.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { ref, onMounted } from "vue";
+import { ref, onMounted, computed } from "vue";
 import { useQuasar } from "quasar";
 
-import { useRouter } from "vue-router";
+import { useRouter, useRoute } from "vue-router";
 import {
   checkPermission,
   checkPermissionList,
@@ -26,6 +26,7 @@ import DialogOrgSelect from "@/components/Dialogs/DialogOrgSelect.vue"; // เ
 
 const $q = useQuasar();
 const router = useRouter();
+const route = useRoute();
 const store = useTransferDataStore();
 const { statusText, filterOption } = useTransferDataStore();
 const {
@@ -194,6 +195,8 @@ const columns = ref<QTableProps["columns"]>([
         ? "เลื่อน"
         : val === "MOVE"
         ? "ย้าย"
+        : val === "ROYAL"
+        ? "โปรดเกล้าฯ"
         : "-";
     },
   },
@@ -242,6 +245,121 @@ const pagination = ref({
   rowsPerPage: 10,
 });
 
+const getMenuItems = computed(() => {
+  return (row: PersonData) => {
+    const baseCondition = {
+      canUpdate:
+        checkPermission(route)?.attrIsUpdate &&
+        checkPermission(route)?.attrIsGet,
+      canDelete: checkPermission(route)?.attrIsDelete,
+      canView: checkPermission(route)?.attrIsGet,
+      isNotDone: row.status !== "REPORT" && row.status !== "DONE",
+    };
+
+    const allMenuItems = [
+      {
+        id: "appoint",
+        label: "เลือกหน่วยงานที่รับแต่งตั้ง",
+        icon: "mdi-bookmark-outline",
+        color: "primary",
+        type: "APPOINT",
+        condition: false,
+      },
+      {
+        id: "slip",
+        label: "เลือกหน่วยงานที่รับเลื่อน",
+        icon: "mdi-bookmark-outline",
+        color: "primary",
+        type: "SLIP",
+        condition: false,
+      },
+      {
+        id: "move",
+        label: "เลือกหน่วยงานที่รับย้าย",
+        icon: "mdi-bookmark-outline",
+        color: "primary",
+        type: "MOVE",
+        condition: false,
+      },
+      {
+        id: "royal",
+        label: "เลือกหน่วยงานที่โปรดเกล้าฯ",
+        icon: "mdi-bookmark-outline",
+        color: "primary",
+        type: "ROYAL",
+        condition: false,
+      },
+      {
+        id: "detail",
+        label: "รายละเอียด",
+        icon: "mdi-eye",
+        color: "info",
+        type: "DETAIL",
+        condition: baseCondition.canView,
+      },
+      {
+        id: "delete",
+        label: "ลบ",
+        icon: "mdi-delete",
+        color: "red",
+        type: "DELETE",
+        condition: baseCondition.canDelete && baseCondition.isNotDone,
+      },
+    ];
+
+    // กำหนดเงื่อนไขตามประเภทและระดับตำแหน่ง
+    const posType = row.posTypeNameOld?.toLowerCase() || "";
+    const posLevel = row.posLevelNameOld?.toLowerCase() || "";
+
+    // หาเมนูแต่ละประเภท
+    const appointItem = allMenuItems.find((item) => item.id === "appoint");
+    const slipItem = allMenuItems.find((item) => item.id === "slip");
+    const moveItem = allMenuItems.find((item) => item.id === "move");
+    const royalItem = allMenuItems.find((item) => item.id === "royal");
+
+    // ประเภทวิชาการ ระดับเชี่ยวชาญ - แสดง "ย้าย" และ "โปรดเกล้าฯ"
+    if (posType === "วิชาการ" && posLevel === "เชี่ยวชาญ") {
+      if (moveItem)
+        moveItem.condition = baseCondition.canUpdate && baseCondition.isNotDone;
+      if (royalItem)
+        royalItem.condition =
+          baseCondition.canUpdate && baseCondition.isNotDone;
+    }
+    // ประเภทบริหาร ระดับต้น - แสดง "ย้าย" และ "โปรดเกล้าฯ"
+    else if (posType === "บริหาร" && posLevel === "ต้น") {
+      if (moveItem)
+        moveItem.condition = baseCondition.canUpdate && baseCondition.isNotDone;
+      if (royalItem)
+        royalItem.condition =
+          baseCondition.canUpdate && baseCondition.isNotDone;
+    }
+    // ประเภทวิชาการ ทรงคุณวุฒิ - แสดงเฉพาะ "โปรดเกล้าฯ"
+    else if (posType === "วิชาการ" && posLevel === "ทรงคุณวุฒิ") {
+      if (royalItem)
+        royalItem.condition =
+          baseCondition.canUpdate && baseCondition.isNotDone;
+    }
+    // ประเภทบริหาร ระดับสูง - แสดงเฉพาะ "โปรดเกล้าฯ"
+    else if (posType === "บริหาร" && posLevel === "สูง") {
+      if (royalItem)
+        royalItem.condition =
+          baseCondition.canUpdate && baseCondition.isNotDone;
+    }
+    // อื่นๆ - แสดง "แต่งตั้ง", "เลื่อน", "ย้าย"
+    else {
+      if (appointItem)
+        appointItem.condition =
+          baseCondition.canUpdate && baseCondition.isNotDone;
+      if (slipItem)
+        slipItem.condition = baseCondition.canUpdate && baseCondition.isNotDone;
+      if (moveItem)
+        moveItem.condition = baseCondition.canUpdate && baseCondition.isNotDone;
+    }
+
+    return allMenuItems.filter((item) => item.condition);
+  };
+});
+
 /** fetch รายการแต่งตั้ง-เลื่อน-ย้าย*/
 async function fecthlistappointment() {
   showLoader();
@@ -376,6 +494,24 @@ async function onSearch() {
   );
 }
 
+// ฟังก์ชันจัดการการคลิกเมนู
+function handleMenuClick(row: PersonData, type: string) {
+  switch (type) {
+    case "APPOINT":
+    case "SLIP":
+    case "MOVE":
+    case "ROYAL":
+      openModalTree(row, type);
+      break;
+    case "DETAIL":
+      nextPage(row.id);
+      break;
+    case "DELETE":
+      clickDelete(row.id);
+      break;
+  }
+}
+
 /** ทำงานเมื่อมีการเรียกใช้ Components*/
 onMounted(async () => {
   await fecthlistappointment();
@@ -491,7 +627,7 @@ onMounted(async () => {
             </template>
             <template v-slot:body="props">
               <q-tr :props="props">
-                <q-td auto-width>
+                <!-- <q-td auto-width>
                   <q-btn
                     v-if="
                       (props.row.status !== 'REPORT' &&
@@ -614,6 +750,51 @@ onMounted(async () => {
                       </q-list>
                     </q-menu>
                   </q-btn>
+                </q-td> -->
+
+                <q-td auto-width>
+                  <q-btn
+                    v-if="
+                      (props.row.status !== 'REPORT' &&
+                        props.row.status !== 'DONE' &&
+                        checkPermission($route)?.attrIsGet) ||
+                      (checkPermission($route)?.attrIsDelete &&
+                        props.row.status !== 'REPORT' &&
+                        props.row.status !== 'DONE') ||
+                      (checkPermission($route)?.attrIsGet &&
+                        checkPermission($route)?.attrIsDelete) ||
+                      checkPermission($route)?.attrIsGet
+                    "
+                    icon="mdi-dots-horizontal-circle-outline"
+                    color="secondary"
+                    flat
+                    round
+                    dense
+                  >
+                    <q-menu
+                      transition-show="jump-down"
+                      transition-hide="jump-up"
+                    >
+                      <q-list dense style="min-width: 250px">
+                        <q-item
+                          v-for="item in getMenuItems(props.row)"
+                          :key="item.id"
+                          clickable
+                          v-close-popup
+                          @click="handleMenuClick(props.row, item.type)"
+                        >
+                          <q-item-section style="min-width: 0px" avatar>
+                            <q-icon
+                              :color="item.color"
+                              size="xs"
+                              :name="item.icon"
+                            />
+                          </q-item-section>
+                          <q-item-section>{{ item.label }}</q-item-section>
+                        </q-item>
+                      </q-list>
+                    </q-menu>
+                  </q-btn>
                 </q-td>
                 <q-td v-for="col in props.cols" :key="col.name" :props="props">
                   <div v-if="col.name == 'no'">

From d95042ba0e8fb70ff0bca416544687ddc8ee4064 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 29 Aug 2025 09:58:27 +0700
Subject: [PATCH 2/8] =?UTF-8?q?fix=20=3D=3D>=20=20filter=20=E0=B9=81?=
 =?UTF-8?q?=E0=B8=95=E0=B9=88=E0=B8=87=E0=B8=95=E0=B8=B1=E0=B9=89=E0=B8=87?=
 =?UTF-8?q?-=E0=B9=80=E0=B8=A5=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=99-?=
 =?UTF-8?q?=E0=B8=A2=E0=B9=89=E0=B8=B2=E0=B8=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/AppointMent/DialogOrders.vue   | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/modules/05_placement/components/AppointMent/DialogOrders.vue b/src/modules/05_placement/components/AppointMent/DialogOrders.vue
index f335327da..56d81a01b 100644
--- a/src/modules/05_placement/components/AppointMent/DialogOrders.vue
+++ b/src/modules/05_placement/components/AppointMent/DialogOrders.vue
@@ -276,26 +276,19 @@ async function sendToCommand() {
   // });
 }
 
-/**  ฟังก์ชันเลือกประเภทคำสั่ง */
-function filterSelectOrder() {
-  const data = rowsData.value;
-
-  selected.value = [];
-  rows.value = data.filter((v: PersonData) => {
+function filterSelectOrder(data: PersonData[]) {
+  return data.filter((v: PersonData) => {
     switch (commandType.value) {
       case "C-PM-05":
         return v.typeCommand === "APPOINT";
-
       case "C-PM-39":
         return v.typeCommand === "SLIP";
-
       case "C-PM-07":
         return v.typeCommand === "MOVE";
-
       case "C-PM-47":
-        return v.posTypeName === "บริหาร" || v.posTypeName === "อำนวยการ";
+        return v.typeCommand === "ROYAL";
       default:
-        return [];
+        return []; // ไม่กรอง ถ้าไม่มีประเภท
     }
   });
 }
@@ -314,9 +307,11 @@ function filterSelector(val: string, update: Function) {
 }
 
 function onSearch() {
+  selected.value = [];
+  const filteredByType = filterSelectOrder(rowsData.value);
   rows.value = onSearchDataTable(
     filterKeyword2.value,
-    rowsData.value,
+    filteredByType,
     columns2.value ? columns2.value : []
   );
 }
@@ -330,6 +325,7 @@ watch(
   async () => {
     if (props.Modal === true) {
       selected.value = [];
+      rows.value = rowsData.value;
       commandType.value = "";
       const data = await storeCommand.getCommandTypes();
       commandMainOp.value = data.filter(
@@ -366,7 +362,7 @@ watch(
                 use-input
                 hide-selected
                 fill-input
-                @update:model-value="filterSelectOrder"
+                @update:model-value="onSearch"
                 @filter="(inputValue:string,
                     doneFn:Function) => filterSelector(inputValue, doneFn
                     ) "
@@ -456,6 +452,7 @@ watch(
                       <div
                         v-else-if="col.name == 'organizationNameOld'"
                         class="text-html"
+                        style="min-width: 200px"
                       >
                         {{
                           props.row.organizationPositionOld !== null
@@ -464,7 +461,10 @@ watch(
                         }}
                       </div>
 
-                      <div v-else-if="col.name == 'organizationName'">
+                      <div
+                        v-else-if="col.name == 'organizationName'"
+                        style="min-width: 200px"
+                      >
                         {{
                           props.row.position !== null ? props.row.position : ""
                         }}{{

From 9f3ef65f139d53f76d74becc92dcd5b8b24373fc Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 29 Aug 2025 14:13:15 +0700
Subject: [PATCH 3/8] =?UTF-8?q?fix=20=3D=3D>=20=E0=B8=9B=E0=B8=B8=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=94=E0=B8=B2=E0=B8=A7=E0=B8=99=E0=B9=8C=E0=B9=82?=
 =?UTF-8?q?=E0=B8=AB=E0=B8=A5=E0=B8=94=E0=B9=84=E0=B8=9F=E0=B8=A5=E0=B9=8C?=
 =?UTF-8?q?=E0=B8=84=E0=B8=B3=E0=B8=AA=E0=B8=B1=E0=B9=88=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/interface/response/dashboard/dashboard.ts |  3 ++-
 src/views/Dashboard.vue                       | 24 ++++++++++---------
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/interface/response/dashboard/dashboard.ts b/src/interface/response/dashboard/dashboard.ts
index e62164b33..142898843 100644
--- a/src/interface/response/dashboard/dashboard.ts
+++ b/src/interface/response/dashboard/dashboard.ts
@@ -2,6 +2,7 @@ interface attachments {
   name: string;
   url: string;
   isReport: boolean;
+  isTemplate: boolean;
 }
 interface ResponseInbox {
   body: string;
@@ -30,4 +31,4 @@ interface DataInbox {
   isOpen: boolean;
 }
 
-export type { ResponseInbox, DataInbox };
+export type { ResponseInbox, DataInbox, attachments };
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index 12fd7a588..762e01c62 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -11,6 +11,7 @@ import PopupReplyInbox from "@/components/Dialogs/PopupReplyInbox.vue";
 import type {
   ResponseInbox,
   DataInbox,
+  attachments,
 } from "@/interface/response/dashboard/dashboard";
 
 const $q = useQuasar();
@@ -114,14 +115,18 @@ const removeData = async (id: string) => {
       hideLoader();
     });
 };
-const fileOpen = (url: string, isReport: boolean, fileName: string) => {
-  if (isReport) {
+const fileOpen = async (attachmentsData: attachments) => {
+  if (attachmentsData.isReport) {
     showLoader();
-    http
-      .get(url)
+    await http
+      .get(attachmentsData.url)
       .then(async (res) => {
-        const data = res.data.result;
-        await genReport(data, fileName, "pdf");
+        const result = res.data;
+        if (attachmentsData.isTemplate) {
+          await genReport(result.result, attachmentsData.name, "pdf");
+        } else {
+          window.open(result.downloadUrl, "_blank");
+        }
       })
       .catch((err) => {
         messageError($q, err);
@@ -130,7 +135,7 @@ const fileOpen = (url: string, isReport: boolean, fileName: string) => {
         hideLoader();
       });
   } else {
-    window.open(url, "_blank");
+    window.open(attachmentsData.url, "_blank");
   }
 };
 
@@ -363,10 +368,7 @@ const thaiOptions: Intl.DateTimeFormatOptions = {
                         v-for="(link, num) in d.payload.attachments"
                         :key="num"
                       >
-                        <q-item
-                          clickable
-                          @click="fileOpen(link.url, link.isReport, link.name)"
-                        >
+                        <q-item clickable @click="fileOpen(link)">
                           <q-item-section>{{ link.name }}</q-item-section>
                         </q-item>
                         <q-separator />

From da98c579fc3ae7e5c5c4abe6ea9afac4e7e06ce2 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 29 Aug 2025 15:09:15 +0700
Subject: [PATCH 4/8] =?UTF-8?q?fix=20=E0=B9=81=E0=B8=AA=E0=B8=94=E0=B8=87?=
 =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B8=A7=E0=B8=B1=E0=B8=95=E0=B8=B4?=
 =?UTF-8?q?=E0=B8=84=E0=B8=99=E0=B8=84=E0=B8=A3=E0=B8=AD=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/02_organizational/api.organization.ts |  1 +
 .../components/DialogHistoryPos.vue           | 67 ++++++++++-------
 .../02_organization/components/TableMain.vue  | 75 +++++++++++++------
 .../interface/response/organizational.ts      |  1 +
 4 files changed, 94 insertions(+), 50 deletions(-)

diff --git a/src/api/02_organizational/api.organization.ts b/src/api/02_organizational/api.organization.ts
index 34030c278..da0d26cc9 100644
--- a/src/api/02_organizational/api.organization.ts
+++ b/src/api/02_organizational/api.organization.ts
@@ -52,6 +52,7 @@ export default {
 
   orgPosExecutiveById: (id: string) => `${orgPos}/executive/${id}`,
   orgPosHistory: (id: string) => `${orgPos}/history/${id}`,
+  orgPosHistoryUpdate: (id: string) => `${orgPos}/history-update/${id}`,
 
   orgSalaryPosition: `${orgPos}/position?keyword=&type=ALL`,
 
diff --git a/src/modules/02_organization/components/DialogHistoryPos.vue b/src/modules/02_organization/components/DialogHistoryPos.vue
index 26f053d4c..530597dfa 100644
--- a/src/modules/02_organization/components/DialogHistoryPos.vue
+++ b/src/modules/02_organization/components/DialogHistoryPos.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, watch } from "vue";
+import { ref, watch, computed } from "vue";
 import { useQuasar } from "quasar";
 
 import http from "@/plugins/http";
@@ -13,9 +13,7 @@ import { useOrganizational } from "@/modules/02_organization/store/organizationa
 import type { QTableProps } from "quasar";
 import type { HistoryPos } from "@/modules/02_organization/interface/response/organizational";
 
-/**
- * import Components
- */
+/** import Components*/
 import Header from "@/components/DialogHeader.vue";
 
 /** Use*/
@@ -23,21 +21,20 @@ const $q = useQuasar();
 const store = useOrganizational();
 const { showLoader, hideLoader, messageError, date2Thai } = useCounterMixin();
 
-/**
- * props
- */
+/** props*/
 const modal = defineModel<boolean>("modal", { required: true });
 const props = defineProps({
+  historyType: {
+    type: String,
+    default: "HISTORY",
+  },
   rowId: {
     type: String,
   },
 });
 
-/**
- * ข้อมูล Table
- */
 const rows = ref<HistoryPos[]>([]); //ข้อมูลรายการประวัติตำแหน่ง
-const columns = ref<QTableProps["columns"]>([
+const baseColumns = ref<QTableProps["columns"]>([
   {
     name: "no",
     align: "left",
@@ -47,17 +44,17 @@ const columns = ref<QTableProps["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
-  // {
-  //   name: "fullname",
-  //   align: "left",
-  //   label: "ชื่อคนครอง",
-  //   sortable: true,
-  //   field: "fullname",
-  //   headerStyle: "font-size: 14px",
-  //   style: "font-size: 14px",
-  //   sort: (a: string, b: string) =>
-  //     a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
-  // },
+  {
+    name: "fullname",
+    align: "left",
+    label: "ชื่อคนครอง",
+    sortable: true,
+    field: "fullname",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
   {
     name: "orgShortName",
     align: "left",
@@ -165,15 +162,33 @@ const columns = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
   },
 ]);
+const pagination = ref<QTableProps["pagination"]>({
+  page: 1,
+  rowsPerPage: 10,
+});
+
+const columns = computed(() =>
+  props.historyType === "HISTORY"
+    ? (baseColumns.value || []).filter((col: any) => col.name !== "fullname")
+    : baseColumns.value || []
+);
+
+const titleName = computed(() =>
+  props.historyType === "HISTORY" ? "ประวัติตำแหน่ง" : "ประวัติคนครอง"
+);
 
 /**
  *  function เรียกข้อมูลประวัติตำแหน่ง
  * @param id
  */
-function fetchHistoryPos(id: string) {
+async function fetchHistoryPos(id: string) {
   showLoader();
-  http
-    .get(config.API.orgPosHistory(id))
+  const pathAPI =
+    props.historyType === "HISTORY"
+      ? config.API.orgPosHistory(id)
+      : config.API.orgPosHistoryUpdate(id);
+  await http
+    .get(pathAPI)
     .then((res) => {
       const data = res.data.result;
       rows.value = data;
@@ -198,7 +213,7 @@ watch(
   <q-dialog v-model="modal" persistent>
     <q-card style="min-width: 80%">
       <Header
-        :tittle="'ประวัติตำแหน่ง'"
+        :tittle="titleName"
         :close="
           () => {
             modal = false;
diff --git a/src/modules/02_organization/components/TableMain.vue b/src/modules/02_organization/components/TableMain.vue
index fd4294361..f54a78f80 100644
--- a/src/modules/02_organization/components/TableMain.vue
+++ b/src/modules/02_organization/components/TableMain.vue
@@ -119,6 +119,12 @@ const listMenu = ref<ListMenu[]>([
     type: "CONDITION",
     color: "deep-orange",
   },
+  {
+    label: "ประวัติคนครอง",
+    icon: "history",
+    type: "OWNER_HISTORY",
+    color: "deep-purple",
+  },
   {
     label: "ประวัติตำแหน่ง",
     icon: "history",
@@ -367,12 +373,12 @@ function onClickCopyPosition(
 }
 
 const dialogDetail = ref<boolean>(false); //ดูรายละเอียดประวัติตำแหน่ง
-const dataDetailPos = ref<DataPosition[]>([]); //รายละเอียดตำแหน่ง
+const dataDetailPos = ref<PosMaster2>(); //รายละเอียดตำแหน่ง
 /**
  * function ดูรายละเอียดประวัติตำแหน่ง
  * @param data ข้อมูล ประวัติตำแหน่ง
  */
-function onClickViewDetail(data: DataPosition[]) {
+function onClickViewDetail(data: PosMaster2) {
   dialogDetail.value = !dialogDetail.value;
   dataDetailPos.value = data;
 }
@@ -432,13 +438,15 @@ function onClickMovePos(id: string, type: string) {
 }
 
 const modalDialogHistoryPos = ref<boolean>(false);
+const historyType = ref<string>("HISTORY");
 /**
  * function ดูประวัติตำแหน่ง
  * @param id ID ตำแหน่ง
  */
-function onClickHistoryPos(id: string) {
+function onClickHistoryPos(id: string, type: string = "HISTORY") {
   modalDialogHistoryPos.value = !modalDialogHistoryPos.value;
   rowId.value = id;
+  historyType.value = type;
 }
 
 /**
@@ -454,7 +462,7 @@ function updatePagination(newPagination: NewPagination) {
  * function เปิด pop เลือกตนครอง
  * @param data  ข้อมูลตำแหน่งที่ต้องการเพิ่มคนครอง
  */
-function openSelectPerson(data: DataPosition[]) {
+function openSelectPerson(data: PosMaster2) {
   modalSelectPerson.value = true;
   dataDetailPos.value = data;
 }
@@ -591,6 +599,39 @@ async function fetchDataCondition() {
   );
 }
 
+function onClickAction(type: string, data: PosMaster2) {
+  console.log(data);
+  switch (type) {
+    case "EDIT":
+      onClickPosition(type, data.id, data);
+      break;
+    case "COPY":
+      onClickCopyPosition(type, data.id, data);
+      break;
+    case "DEL":
+      onClickDelete(data.id || "");
+      break;
+    case "MOVE":
+      onClickMovePos(data.id || "", "SINGER");
+      break;
+    case "INHERIT":
+      onClickInherit(data.id || "");
+      break;
+    case "CONDITION":
+      onClickCodition(data);
+      break;
+    case "OWNER_HISTORY":
+      onClickHistoryPos(data.ancestorDNA || "", type);
+      break;
+    case "HISTORY":
+      onClickHistoryPos(data.id || "");
+      break;
+    case "VIEW":
+      onClickViewDetail(data);
+      break;
+  }
+}
+
 const pagination = ref({
   page: reqMaster.value.page,
   rowsPerPage: reqMaster.value.pageSize,
@@ -789,25 +830,7 @@ watch(
                     :key="index"
                     clickable
                     v-close-popup
-                    @click="
-                      item.type === 'EDIT'
-                        ? onClickPosition('EDIT', props.row.id, props.row)
-                        : item.type === 'DEL'
-                        ? onClickDelete(props.row.id)
-                        : item.type === 'MOVE'
-                        ? onClickMovePos(props.row.id, 'SINGER')
-                        : item.type === 'HISTORY'
-                        ? onClickHistoryPos(props.row.id)
-                        : item.type === 'INHERIT'
-                        ? onClickInherit(props.row.id)
-                        : item.type === 'COPY'
-                        ? onClickCopyPosition('COPY', props.row.id, props.row)
-                        : item.type === 'CONDITION'
-                        ? onClickCodition(props.row)
-                        : item.type === 'VIEW'
-                        ? onClickViewDetail(props.row)
-                        : null
-                    "
+                    @click="onClickAction(item.type, props.row)"
                   >
                     <q-item-section>
                       <div class="row items-center">
@@ -1077,7 +1100,11 @@ watch(
   />
 
   <!-- ประวัติตำแหน่ง -->
-  <DialogHistoryPos v-model:modal="modalDialogHistoryPos" :rowId="rowId" />
+  <DialogHistoryPos
+    v-model:modal="modalDialogHistoryPos"
+    :rowId="rowId"
+    :history-type="historyType"
+  />
 
   <!-- เลือกคนครอง -->
   <DialogSelectPerson
diff --git a/src/modules/02_organization/interface/response/organizational.ts b/src/modules/02_organization/interface/response/organizational.ts
index 6055735ee..b5162ef01 100644
--- a/src/modules/02_organization/interface/response/organizational.ts
+++ b/src/modules/02_organization/interface/response/organizational.ts
@@ -162,6 +162,7 @@ interface PosMaster2 {
   current_holderId?: string;
   next_holderId?: string;
   isSit?: boolean;
+  ancestorDNA: string;
 }
 
 interface HistoryPos {

From 1cad82f2588597ee5db234ab43966c2e14a0f097 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 29 Aug 2025 15:40:07 +0700
Subject: [PATCH 5/8] =?UTF-8?q?fix=20bug=20=3D=3D>=20=E0=B8=94=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A7=E0=B8=99=E0=B9=8C=E0=B9=82=E0=B8=AB=E0=B8=A5=E0=B8=94?=
 =?UTF-8?q?=E0=B9=84=E0=B8=9F=E0=B8=A5=E0=B9=8C=E0=B8=9B=E0=B8=A3=E0=B8=B0?=
 =?UTF-8?q?=E0=B8=A7=E0=B8=B1=E0=B8=95=E0=B8=B4=E0=B8=AA=E0=B8=B3=E0=B8=AB?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B1=E0=B8=9A=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B9=80?=
 =?UTF-8?q?=E0=B8=AA=E0=B8=99=E0=B8=AD=E0=B8=82=E0=B8=AD=E0=B8=9E=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=B0=E0=B8=A3=E0=B8=B2=E0=B8=8A=E0=B8=97=E0=B8=B2=E0=B8=99?=
 =?UTF-8?q?=E0=B9=80=E0=B8=AB=E0=B8=A3=E0=B8=B5=E0=B8=A2=E0=B8=8D=E0=B8=88?=
 =?UTF-8?q?=E0=B8=B1=E0=B8=81=E0=B8=A3=E0=B8=9E=E0=B8=A3=E0=B8=A3=E0=B8=94?=
 =?UTF-8?q?=E0=B8=B4=E0=B8=A1=E0=B8=B2=E0=B8=A5=E0=B8=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../07_insignia/components/2_Manage/Tab1.vue  |  8 +--
 .../components/2_Manage/downloadFile.vue      | 72 ++++++-------------
 2 files changed, 24 insertions(+), 56 deletions(-)

diff --git a/src/modules/07_insignia/components/2_Manage/Tab1.vue b/src/modules/07_insignia/components/2_Manage/Tab1.vue
index 5641ad146..884864418 100644
--- a/src/modules/07_insignia/components/2_Manage/Tab1.vue
+++ b/src/modules/07_insignia/components/2_Manage/Tab1.vue
@@ -1245,17 +1245,15 @@ onMounted(async () => {
                 </q-btn>
               </q-td>
 
-              <!-- <q-td auto-width>
+              <q-td auto-width>
                 <btnDownloadFile
                   v-if="
                     props.row.insigniaSend == 'เหรียญจักรพรรดิมาลา (ร.จ.พ.)' &&
                     checkPermission($route)?.attrIsGet
                   "
-                  :profileId="props.row.profileId"
-                  :round="DataStore.roundId"
-                  :optionRound="DataStore.optionRound"
+                  :rowId="props.row.id"
                 />
-              </q-td> -->
+              </q-td>
 
               <q-td key="no" :props="props">
                 {{ props.rowIndex + 1 }}
diff --git a/src/modules/07_insignia/components/2_Manage/downloadFile.vue b/src/modules/07_insignia/components/2_Manage/downloadFile.vue
index e879bd3e6..caca2bc65 100644
--- a/src/modules/07_insignia/components/2_Manage/downloadFile.vue
+++ b/src/modules/07_insignia/components/2_Manage/downloadFile.vue
@@ -6,7 +6,8 @@ import { useCounterMixin } from "@/stores/mixin";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
-import type { Optionround } from "@/modules/07_insignia/interface/index/Main";
+import genReport from "@/plugins/genreport";
+import genReportXLSX from "@/plugins/genreportxlsx";
 
 /** use*/
 const $q = useQuasar();
@@ -15,68 +16,37 @@ const { messageError, showLoader, hideLoader } = mixin;
 
 /** props*/
 const props = defineProps({
-  profileId: {
+  rowId: {
     type: String,
   },
-  round: {
-    type: String,
-  },
-  optionRound: {
-    type: Object,
-  },
 });
 
-const titleReport = ref<string>(""); //ชื่อรายงาน
-
 /**
  * function ดาวน์โหลดไฟล์
  * @param type ประเภท file
  */
 async function downloadDocument(type: string) {
-  let round = [];
-  if (props.optionRound) {
-    round = props.optionRound.find((e: Optionround) => e.id === props.round);
-  }
-  titleReport.value = round.name;
-  const download: boolean = true;
-  if (props.profileId) {
-    showLoader();
-    await http
-      .get(config.API.reportInsignia("46", type, props.profileId), {
-        responseType: "blob",
-      })
-      .then(async (res) => {
-        if (download) {
-          downloadFile(
-            res,
-            `ประวัติสำหรับการเสนอขอพระราชทานเหรียญจักรพรรดิมาลา.${type}`
-          );
-        }
-      })
-      .catch(async (e) => {
-        messageError($q, JSON.parse(await e.response.data.text()));
-      })
-      .finally(() => {
-        hideLoader();
-      });
-  }
-}
+  showLoader();
+  try {
+    const res = await http.post(
+      config.API.reportInsigniaNew + `/report8/${props.rowId}`
+    );
 
-/**
- * function โหลดเอกสาร
- * @param response ข้อมู
- * @param filename ชื่อไฟล์
- */
-function downloadFile(response: any, filename: string) {
-  const link = document.createElement("a");
-  var fileName = filename;
-  link.href = window.URL.createObjectURL(new Blob([response.data]));
-  link.setAttribute("download", fileName);
-  document.body.appendChild(link);
-  link.click();
-  document.body.removeChild(link);
+    const reportTitle = "ประวัติสำหรับการเสนอขอพระราชทานเหรียญจักรพรรดิมาลา";
+
+    if (type === "xlsx") {
+      await genReportXLSX(res.data.result, reportTitle, type);
+    } else {
+      await genReport(res.data.result, reportTitle, type);
+    }
+  } catch (error) {
+    messageError($q, error);
+  } finally {
+    hideLoader();
+  }
 }
 </script>
+
 <template>
   <q-btn
     dense

From 9103ff72703fddfd7f8191486817d3f76b8d9417 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 29 Aug 2025 15:40:13 +0700
Subject: [PATCH 6/8] no message

---
 src/modules/07_insignia/components/2_Manage/downloadFile.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/07_insignia/components/2_Manage/downloadFile.vue b/src/modules/07_insignia/components/2_Manage/downloadFile.vue
index caca2bc65..24623e6d4 100644
--- a/src/modules/07_insignia/components/2_Manage/downloadFile.vue
+++ b/src/modules/07_insignia/components/2_Manage/downloadFile.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { ref } from "vue";
 import { useQuasar } from "quasar";
 
 import { useCounterMixin } from "@/stores/mixin";
@@ -26,6 +25,7 @@ const props = defineProps({
  * @param type ประเภท file
  */
 async function downloadDocument(type: string) {
+  if (!props.rowId) return;
   showLoader();
   try {
     const res = await http.post(

From 3bc0c2557ad42853c8a3188943d9f99b2d3aef8b Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 1 Sep 2025 10:27:22 +0700
Subject: [PATCH 7/8] =?UTF-8?q?fix=20bug=20=3D=3D>=20=E0=B9=82=E0=B8=9B?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=94=E0=B9=80=E0=B8=81=E0=B8=A5=E0=B9=89=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=AF=20=E0=B9=81=E0=B8=95=E0=B9=88=E0=B8=87=E0=B8=95?=
 =?UTF-8?q?=E0=B8=B1=E0=B9=89=E0=B8=87=E0=B9=83=E0=B8=AB=E0=B9=89=E0=B8=94?=
 =?UTF-8?q?=E0=B8=B3=E0=B8=A3=E0=B8=87=E0=B8=95=E0=B8=B3=E0=B9=81=E0=B8=AB?=
 =?UTF-8?q?=E0=B8=99=E0=B9=88=E0=B8=87=20=E0=B8=A3=E0=B8=B2=E0=B8=8A?=
 =?UTF-8?q?=E0=B8=8A=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=8B=E0=B9=89=E0=B8=B3?=
 =?UTF-8?q?=E0=B8=95=E0=B8=AD=E0=B8=99=E0=B8=AA=E0=B9=88=E0=B8=87=E0=B9=84?=
 =?UTF-8?q?=E0=B8=9B=E0=B8=AD=E0=B8=AD=E0=B8=81=E0=B8=84=E0=B8=B3=E0=B8=AA?=
 =?UTF-8?q?=E0=B8=B1=E0=B9=88=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../05_placement/components/AppointMent/DialogOrders.vue        | 2 +-
 src/modules/05_placement/components/Other/DialogOrders.vue      | 2 +-
 .../05_placement/components/PersonalList/DialogOrders.vue       | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/modules/05_placement/components/AppointMent/DialogOrders.vue b/src/modules/05_placement/components/AppointMent/DialogOrders.vue
index 56d81a01b..dc9a9ffa8 100644
--- a/src/modules/05_placement/components/AppointMent/DialogOrders.vue
+++ b/src/modules/05_placement/components/AppointMent/DialogOrders.vue
@@ -409,7 +409,7 @@ watch(
               <d-table
                 :columns="columns2"
                 :rows="rows"
-                row-key="profileId"
+                row-key="id"
                 flat
                 :visible-columns="visibleColumns2"
                 selection="multiple"
diff --git a/src/modules/05_placement/components/Other/DialogOrders.vue b/src/modules/05_placement/components/Other/DialogOrders.vue
index 2a29b94de..9b94bd467 100644
--- a/src/modules/05_placement/components/Other/DialogOrders.vue
+++ b/src/modules/05_placement/components/Other/DialogOrders.vue
@@ -313,7 +313,7 @@ watch(
               <d-table
                 :columns="columns2"
                 :rows="rows"
-                row-key="profileId"
+                row-key="id"
                 flat
                 :visible-columns="visibleColumns2"
                 selection="multiple"
diff --git a/src/modules/05_placement/components/PersonalList/DialogOrders.vue b/src/modules/05_placement/components/PersonalList/DialogOrders.vue
index bc66416ee..c39c58d8e 100644
--- a/src/modules/05_placement/components/PersonalList/DialogOrders.vue
+++ b/src/modules/05_placement/components/PersonalList/DialogOrders.vue
@@ -325,7 +325,7 @@ watch(
         <d-table
           :columns="columns"
           :rows="rows"
-          row-key="personalId"
+          row-key="id"
           :visible-columns="visibleColumns"
           selection="multiple"
           v-model:selected="selected"

From ecc9ab9a4c6bd4d858ba3e45dee10cb3bbfc591f Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 1 Sep 2025 10:52:43 +0700
Subject: [PATCH 8/8] =?UTF-8?q?fix=20=3D=3D>=20=E0=B9=82=E0=B8=84=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=87=E0=B8=AA=E0=B8=A3=E0=B9=89=E0=B8=B2=E0=B8=87=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=B1=E0=B8=95=E0=B8=A3=E0=B8=B2=E0=B8=81=E0=B8=B3=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=B1=E0=B8=87=20=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B8=A7?=
 =?UTF-8?q?=E0=B8=B1=E0=B8=95=E0=B8=B4=E0=B8=84=E0=B8=99=E0=B8=84=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/DialogHistoryPos.vue           | 16 ++++++++-
 .../02_organization/components/TableMain.vue  | 34 +++++++++++++++++++
 2 files changed, 49 insertions(+), 1 deletion(-)

diff --git a/src/modules/02_organization/components/DialogHistoryPos.vue b/src/modules/02_organization/components/DialogHistoryPos.vue
index 530597dfa..6e6b1de07 100644
--- a/src/modules/02_organization/components/DialogHistoryPos.vue
+++ b/src/modules/02_organization/components/DialogHistoryPos.vue
@@ -191,7 +191,17 @@ async function fetchHistoryPos(id: string) {
     .get(pathAPI)
     .then((res) => {
       const data = res.data.result;
-      rows.value = data;
+      rows.value =
+        props.historyType === "HISTORY"
+          ? data
+          : data.map((e: any) => ({
+              ...e,
+              fullname:
+                e.prefix && e.firstName && e.lastName
+                  ? `${e.prefix ?? ""} ${e.firstName ?? ""} ${e.lastName ?? ""}`
+                  : "-",
+              shortName: e.orgShortName,
+            }));
     })
     .catch((err) => {
       messageError($q, err);
@@ -206,6 +216,10 @@ watch(
   () => modal.value,
   () => {
     modal.value && props.rowId && fetchHistoryPos(props.rowId);
+
+    if (!modal.value) {
+      rows.value = [];
+    }
   }
 );
 </script>
diff --git a/src/modules/02_organization/components/TableMain.vue b/src/modules/02_organization/components/TableMain.vue
index f54a78f80..031840028 100644
--- a/src/modules/02_organization/components/TableMain.vue
+++ b/src/modules/02_organization/components/TableMain.vue
@@ -859,6 +859,40 @@ watch(
               </q-menu>
             </q-btn>
 
+            <q-btn
+              v-else-if="checkPermission($route)?.attrIsGet"
+              flat
+              color="secondary"
+              icon="mdi-dots-horizontal-circle-outline"
+              round
+              class="q-pa-none q-ml-xs"
+            >
+              <q-menu>
+                <q-list dense style="min-width: 150px">
+                  <q-item
+                    v-for="(item, index) in listMenu.filter(
+                      (e) => e.type === 'HISTORY' || e.type === 'OWNER_HISTORY'
+                    )"
+                    :key="index"
+                    clickable
+                    v-close-popup
+                    @click="onClickAction(item.type, props.row)"
+                  >
+                    <q-item-section>
+                      <div class="row items-center">
+                        <q-icon
+                          :color="item.color"
+                          size="xs"
+                          :name="item.icon"
+                        />
+                        <div class="q-pl-md">{{ item.label }}</div>
+                      </div>
+                    </q-item-section>
+                  </q-item>
+                </q-list>
+              </q-menu>
+            </q-btn>
+
             <q-btn
               v-else-if="checkPermission($route)?.attrIsGet"
               flat