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

src/modules/05_placement/views/06_appointPromoteMain.vue

@@ -9,19 +9,16 @@ import { useTransferDataStore } from "@/modules/05_placement/store";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
-/**
- * importType
- */
+/** importType*/
 import type {
   listAppointType,
   resData,
 } from "@/modules/05_placement/interface/response/AppointMent";
 import type { OpType } from "@/modules/05_placement/interface/response/Main";
 import type { QTableProps } from "quasar";
+import type { PersonData } from "@/modules/05_placement/interface/index/Main";
 
-/**
- * importComponents
- */
+/** importComponents*/
 import Dialogbody from "@/modules/05_placement/components/AppointMent/DialogOrders.vue"; //ส่งไปออกคำสั่ง
 import DialogOrgSelect from "@/components/Dialogs/DialogOrgSelect.vue"; // เลือกหน่วยงาน
 
@@ -52,11 +49,9 @@ const listRecevice = ref<resData[]>([]); //ข้อมูลรายการ
 const optionsType = ref<OpType[]>([]);
 const type = ref<string>("");
 
-/**
- * Table
- */
-const rows = ref<listAppointType[]>([]); //รายการแต่งตั้ง-เลื่อน-ย้าย
-const rows2 = ref<listAppointType[]>([]); //รายการออกคำสั่ง
+//table
+const rows = ref<PersonData[]>([]); //รายการแต่งตั้ง-เลื่อน-ย้าย
+const rows2 = ref<PersonData[]>([]); //รายการออกคำสั่ง
 const filterKeyword = ref<string>(""); //คำค้นหารายการแต่งตั้ง-เลื่อน-ย้าย
 const filterKeyword2 = ref<string>(""); //คำค้นหารายการออกคำสั่ง
 const columns = ref<QTableProps["columns"]>([
@@ -159,18 +154,14 @@ const pagination = ref({
   rowsPerPage: 10,
 });
 
-/**
- * รีเซ็ตคำค้นหารายการ
- */
+/** รีเซ็ตคำค้นหารายการ*/
 function resetFilter() {
   filterKeyword.value = "";
   filterKeyword2.value = "";
   filterRef.value.focus();
 }
 
-/**
- * fetch รายการแต่งตั้ง-เลื่อน-ย้าย
- */
+/** fetch รายการแต่งตั้ง-เลื่อน-ย้าย*/
 async function fecthlistappointment() {
   showLoader();
   await http
@@ -234,9 +225,7 @@ function nextPage(id: string) {
   });
 }
 
-/**
- * เปิด popup เลือกหน่วยงาน
- */
+/** เปิด popup เลือกหน่วยงาน*/
 function openModalTree(data: any, type: string) {
   personalId.value = data.id;
   typeModal.value = type;
@@ -247,9 +236,7 @@ function openModalTree(data: any, type: string) {
   modalTree.value = true;
 }
 
-/**
- * ยืนยันการเลือกหน่วยงานที่แต่งตั้ง
- */
+/** ยืนยันการเลือกหน่วยงานที่แต่งตั้ง*/
 function onSave(data: any) {
   const dataAppoint = {
     node: data.node,
@@ -283,24 +270,18 @@ function onSave(data: any) {
     });
 }
 
-/**
- * เปิด popup ส่งไปออกคำสั่ง
- */
+/** เปิด popup ส่งไปออกคำสั่ง*/
 function sendToCommand() {
   modal.value = true;
   filterKeyword2.value = "";
 }
 
-/**
- * ปิด popup ส่งไปออกคำสั่ง
- */
+/** ปิด popup ส่งไปออกคำสั่ง*/
 function clickClose() {
   modal.value = false;
 }
 
-/**
- * ทำงานเมื่อมีการเรียกใช้ Components
- */
+/** ทำงานเมื่อมีการเรียกใช้ Components*/
 onMounted(() => {
   fecthlistappointment();
 });
@@ -582,9 +563,9 @@ onMounted(() => {
     v-model:type="type"
     :click-close="clickClose"
     :options-type="optionsType"
-    :rows2="rows2"
     :next-page="nextPage"
     :fetch-data="fecthlistappointment"
+    :rows2="rows2"
   />
 
   <DialogOrgSelect