UI => ส่งคนไประบบออกคำสั่ง

src/modules/05_placement/views/07_appointEmployeeMain.vue

@@ -10,11 +10,8 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 
 import type { QTableProps } from "quasar";
-
-import type {
-  listAppointType,
-  resData,
-} from "@/modules/05_placement/interface/response/AppointMent";
+import type { PersonData } from "@/modules/05_placement/interface/index/Main";
+import type { resData } from "@/modules/05_placement/interface/response/AppointMent";
 import type { OpType } from "@/modules/05_placement/interface/response/Main";
 
 import DialogOrgSelectEmployee from "@/components/Dialogs/DialogOrgSelectEmployee.vue"; //เลือกหน่วยงาน
@@ -49,8 +46,8 @@ const optionsType = ref<OpType[]>([]);
 const type = ref<string>("");
 
 // Table
-const rows = ref<listAppointType[]>([]); //รายการปรับระดับชั้นงานลูกจ้าง
-const rows2 = ref<listAppointType[]>([]); //รายการออกคำสั่ง
+const rows = ref<PersonData[]>([]); //รายการปรับระดับชั้นงานลูกจ้าง
+const rows2 = ref<PersonData[]>([]); //รายการออกคำสั่ง
 const filterKeyword = ref<string>(""); //คำค้นหารายการปรับระดับชั้นงานลูกจ้าง
 const filterKeyword2 = ref<string>(""); //คำค้นหารายการออกคำสั่ง
 const visibleColumns = ref<string[]>([
@@ -59,6 +56,7 @@ const visibleColumns = ref<string[]>([
   "fullname",
   "organizationName",
   "dateOfBirth",
+  "typeCommand",
   "createdAt",
   "status",
 ]);
@@ -114,6 +112,18 @@ const columns = ref<QTableProps["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
+  {
+    name: "typeCommand",
+    align: "left",
+    label: "ประเภทคำสั่ง",
+    sortable: true,
+    field: "typeCommand",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format: (val: string) => {
+      return val === "SLIP" ? "เลื่อน" : val === "MOVE" ? "ย้าย" : "-";
+    },
+  },
   {
     name: "createdAt",
     align: "left",
@@ -527,9 +537,9 @@ onMounted(() => {
     v-model:type="type"
     :click-close="clickClose"
     :options-type="optionsType"
-    :rows2="rows2"
     :next-page="nextPage"
     :fetch-data="fecthlistappointment"
+    :rows2="rows2"
   />
 
   <DialogOrgSelectEmployee