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

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

@@ -1,15 +1,18 @@
 <script setup lang="ts">
-import { ref, onMounted, watch } from "vue";
+import { ref, onMounted } from "vue";
+
 /** importType*/
 import type { QTableProps } from "quasar";
-
 import type { Positions } from "@/modules/05_placement/interface/response/SelectOrg";
 import type { DataPositionNo } from "@/modules/05_placement/interface/index/SelectOrg";
 
+/** importStore*/
 import { useCounterMixin } from "@/stores/mixin";
 
-const { date2Thai, showLoader, hideLoader } = useCounterMixin();
+/** use*/
+const { date2Thai } = useCounterMixin();
 
+/** props*/
 const selected = defineModel("selectedPos", { required: true });
 const positionId = defineModel<string>("positionId", { required: true });
 const seletcId = defineModel<string>("seletcId", { required: true });
@@ -19,22 +22,6 @@ const positionData = defineModel<any>("position", { required: true });
 const filters = ref<string>("");
 const rowsPosition = ref<Positions[]>([]);
 
-async function onClickSelectPos(id: string) {
-  positionId.value = id;
-  selected.value = [];
-  const position: DataPositionNo = positionData.value.find(
-    (e: DataPositionNo) => e.id === id
-  );
-  if (position) {
-    rowsPosition.value = position.positions;
-    if (seletcId.value) {
-      selected.value = rowsPosition.value.filter(
-        (e) => e.id === seletcId.value
-      );
-    }
-  }
-}
-
 /** columns*/
 const columns = ref<QTableProps["columns"]>([
   {
@@ -187,14 +174,32 @@ const visibleColumns = ref<string[]>([
   "positionIsSelected",
 ]);
 
+/**
+ * function เลือกเลขที่ตำแหน่ง
+ * @param id เลชที่ตำแหน่ง
+ */
+async function onClickSelectPos(id: string) {
+  positionId.value = id;
+  selected.value = [];
+  const position: DataPositionNo = positionData.value.find(
+    (e: DataPositionNo) => e.id === id
+  );
+
+  // หาตำแหน่ง
+  if (position) {
+    rowsPosition.value = position.positions;
+    if (seletcId.value) {
+      selected.value = rowsPosition.value.filter(
+        (e) => e.id === seletcId.value
+      );
+    }
+  }
+}
+
 onMounted(async () => {
   if (positionId.value) {
-    // showLoader();
     setTimeout(async () => {
       await onClickSelectPos(positionId.value);
-      // setTimeout(() => {
-      //   hideLoader();
-      // }, 2000);
     }, 1000);
   }
 });
@@ -208,8 +213,6 @@ onMounted(async () => {
           เลือกเลขที่ตำแหน่ง
         </div>
         <div class="col-12"><q-separator /></div>
-
-        <!-- TABLE -->
         <div class="col-12 q-pa-md">
           <q-toolbar style="padding: 0px">
             <q-space />