เลือกหน่วยงานที่รับบรรจุ

src/modules/05_placement/components/PersonalList/Table.vue

@@ -4,6 +4,10 @@ import { useQuasar, QForm } from "quasar";
 import type { QTableProps } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
 
+import type { DataList } from "@/modules/05_placement/interface/response/SelectOrg";
+
+import DialogSelectOrg from "@/modules/05_placement/components/PersonalList/DialogSelectOrg.vue";
+
 import Table from "@/modules/05_placement/components/PersonalList/TableView.vue";
 import DialogCard from "@/modules/05_placement/components/PersonalList/TableDetail.vue";
 import DialogFooter from "@/modules/05_placement/components/PersonalList/DialogFooter.vue";
@@ -480,12 +484,16 @@ const editDetail = (
  * เปิด dialog
  * @param pid id personal
  */
-function openAppointModal(pid: string) {
-  appointModal.value = true;
-  personalId.value = pid;
-  personal.value = dataRes.value.filter(
-    (e: any) => e.personalId == personalId.value
-  );
+const modalDialogSelectOrg = ref<boolean>(false);
+const dataRow = ref<DataList>();
+function openAppointModal(pid: string, data: DataList) {
+  // appointModal.value = true;
+  // personalId.value = pid;
+  // personal.value = dataRes.value.filter(
+  //   (e: any) => e.personalId == personalId.value
+  // );
+  dataRow.value = data;
+  modalDialogSelectOrg.value = !modalDialogSelectOrg.value;
 }
 
 /** close dialog */
@@ -758,7 +766,7 @@ onMounted(async () => {
                     "
                     clickable
                     v-close-popup
-                    @click="openAppointModal(props.row.personalId)"
+                    @click="openAppointModal(props.row.personalId, props.row)"
                   >
                     <q-item-section
                       style="min-width: 0px"
@@ -1213,6 +1221,8 @@ onMounted(async () => {
       </q-card-actions>
     </q-card>
   </q-dialog>
+
+  <DialogSelectOrg v-model:modal="modalDialogSelectOrg" :dataRow="dataRow" />
 </template>
 
 <style lang="scss" scoped>