บรรจุ แต่งตั้ง ย้าย โอน => ปรับ code และ load

src/modules/05_placement/components/AppointMent/Dialogbody.vue

@@ -1,20 +1,29 @@
 <script setup lang="ts">
-import { ref, computed, watchEffect } from "vue";
+import { ref, computed, watch } from "vue";
 import { useQuasar } from "quasar";
-import { useCounterMixin } from "@/stores/mixin";
-import type { QTableProps } from "quasar";
-import type { UserDataNew } from "@/modules/05_placement/interface/response/AppointMent";
-import DialogHeader from "@/components/DialogHeader.vue";
-
-import { useTransferDataStore } from "@/modules/05_placement/store";
-
 import http from "@/plugins/http";
 import config from "@/app.config";
 
+/**
+ * importType
+ */
+import type { QTableProps } from "quasar";
+import type { UserDataNew } from "@/modules/05_placement/interface/response/AppointMent";
+
+/**
+ * importcomponents
+ */
+import DialogHeader from "@/components/DialogHeader.vue";
+
+/**
+ * importStore
+ */
+import { useCounterMixin } from "@/stores/mixin";
+import { useTransferDataStore } from "@/modules/05_placement/store";
+
+const $q = useQuasar();
 const storeFn = useTransferDataStore();
 const { statusText } = storeFn;
-
-const mixin = useCounterMixin();
 const {
   showLoader,
   success,
@@ -22,16 +31,11 @@ const {
   dialogConfirm,
   hideLoader,
   date2Thai,
-} = mixin;
-
-const $q = useQuasar();
-const selected = ref<[]>([]);
-const checkSelected = computed(() => {
-  if (selected.value.length === 0) {
-    return true;
-  }
-});
+} = useCounterMixin();
 
+/**
+ * props
+ */
 const props = defineProps({
   Modal: Boolean,
   clickClose: Function,
@@ -42,6 +46,15 @@ const props = defineProps({
   filterKeyword2: String,
   type: String,
 });
+const emit = defineEmits([
+  "update:filterKeyword2",
+  "update:type",
+  "update:selected",
+]);
+
+/**
+ * table
+ */
 const visibleColumns2 = ref<string[]>([
   "no",
   "citizenId",
@@ -117,28 +130,36 @@ const columns2 = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
   },
 ]);
-const pageNext = (item: any) => {
+
+const selected = ref<[]>([]);
+const checkSelected = computed(() => {
+  if (selected.value.length === 0) {
+    return true;
+  }
+});
+
+function pageNext(item: any) {
   props.nextPage?.(item?.id);
-};
-const emit = defineEmits([
-  "update:filterKeyword2",
-  "update:type",
-  "update:selected",
-]);
-const updateInput = (value: any) => {
+}
+
+/**
+ * อัปเดท filter
+ */
+function updateInput(value: any) {
   emit("update:filterKeyword2", value);
-};
+}
 
-// const updateInputType = (value: string) => {
-//   emit("update:type", value);
-// };
-//รีเซ็ตค่าในช่องค้นหา
-const Reset = () => {
+/**
+ * รีเซ็ตค่าในช่องค้นหา
+ */
+function Reset() {
   emit("update:filterKeyword2", "");
-};
+}
 
-//ส่งไปออกคำสั่ง
-const sendToCommand = () => {
+/**
+ * ยืนยันส่งไปออกคำสั่ง
+ */
+function sendToCommand() {
   dialogConfirm($q, async () => {
     let pId: string[] = [];
     let Type = props.type as string;
@@ -164,13 +185,16 @@ const sendToCommand = () => {
         hideLoader();
       });
   });
-};
+}
 
-watchEffect(() => {
-  if (props.Modal === true) {
-    selected.value = [];
+watch(
+  () => props.Modal,
+  () => {
+    if (props.Modal === true) {
+      selected.value = [];
+    }
   }
-});
+);
 </script>
 <template>
   <q-dialog v-model="props.Modal">