From 60e548405a28afa6bd33efdb5bbb0d8fe429071b Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 23 Jul 2024 14:59:32 +0700
Subject: [PATCH] fix bug

---
 .../components/DialogAddPosition.vue          | 87 ++++++++-----------
 1 file changed, 38 insertions(+), 49 deletions(-)

diff --git a/src/modules/02_organizationalNew/components/DialogAddPosition.vue b/src/modules/02_organizationalNew/components/DialogAddPosition.vue
index 3ac2c622d..dc16d3528 100644
--- a/src/modules/02_organizationalNew/components/DialogAddPosition.vue
+++ b/src/modules/02_organizationalNew/components/DialogAddPosition.vue
@@ -1,56 +1,56 @@
 <script setup lang="ts">
 import { ref, reactive, watch, defineProps } from "vue";
-import type { QTableProps } from "quasar";
 import { useQuasar } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
-import DialogHeader from "@/components/DialogHeader.vue";
 import http from "@/plugins/http";
 import config from "@/app.config";
+
+/**
+ * importType
+ */
 import type {
   DataOption,
   FormPositionSelect,
   FormPositionSelectRef,
 } from "@/modules/02_organizationalNew/interface/index/Main";
-
 import type {
   OptionType,
   OptionLevel,
   OptionExecutive,
-  DataPosition,
 } from "@/modules/02_organizationalNew/interface/response/organizational";
 
-const posExecutive = ref<string>("");
-const isSpecial = ref<boolean>(false);
-const shape = ref<string>("false");
+/**
+ * importComponents
+ */
+import DialogHeader from "@/components/DialogHeader.vue";
+
+/**
+ * use
+ */
+const $q = useQuasar();
+const mixin = useCounterMixin();
+const { dialogConfirm, showLoader, hideLoader, messageError, success } = mixin;
+
+/**
+ * props
+ */
+
+const modal = defineModel<boolean>("modalAdd", { required: true });
+const isEditCheck = defineModel<boolean>("isEdit", { required: true });
 const props = defineProps({
   emitSearch: Function,
   getData: Function,
   data: Object,
   levelOp: Object,
 });
-const modal = defineModel<boolean>("modalAdd", { required: true });
-const isEditCheck = defineModel<boolean>("isEdit", { required: true });
+
 const dataLevel = ref<any>();
-const $q = useQuasar();
-const mixin = useCounterMixin();
-const {
-  dialogConfirm,
-  showLoader,
-  hideLoader,
-  messageError,
-  success,
-  dialogRemove,
-} = mixin;
+const posExecutive = ref<string>("");
+const isSpecial = ref<boolean>(false);
+const shape = ref<string>("false");
 
 const isReadonly = ref<boolean>(false); // อ่านได้อย่างเดียว
 const isDisValidate = ref<boolean>(false);
-const positionNameRef = ref<Object | null>(null);
-const positionFieldRef = ref<Object | null>(null);
-const positionTypeRef = ref<Object | null>(null);
-const positionLevelRef = ref<Object | null>(null);
-const positionExecutiveRef = ref<Object | null>(null);
-const positionExecutiveFieldRef = ref<Object | null>(null);
-const positionAreaRef = ref<Object | null>(null);
 
 const typeOpsMain = ref<DataOption[]>([]);
 const levelOpsMain = ref<DataOption[]>([]);
@@ -79,30 +79,11 @@ const formPositionSelect = reactive<FormPositionSelect>({
   positionArea: "",
 });
 
-const objectPositionSelectRef: FormPositionSelectRef = {
-  positionName: positionNameRef,
-  positionField: positionFieldRef,
-  positionType: positionTypeRef,
-  positionLevel: positionLevelRef,
-  positionExecutive: positionExecutiveRef,
-  positionExecutiveField: positionExecutiveFieldRef,
-  positionArea: positionAreaRef,
-};
-
-/** ฟังก์ชั่นตรวจสอบความถูกต้องของข้อมูลในฟอร์ม */
+/**
+ * ฟังก์ชั่นตรวจสอบความถูกต้องของข้อมูลในฟอร์ม
+ */
 function validateFormPositionEdit() {
   isDisValidate.value = false;
-  // const hasError = [];
-  // for (const key in objectPositionSelectRef) {
-  //   if (Object.prototype.hasOwnProperty.call(objectPositionSelectRef, key)) {
-  //     const property = objectPositionSelectRef[key];
-  //     if (property.value && typeof property.value.validate === "function") {
-  //       const isValid = property.value.validate();
-  //       hasError.push(isValid);
-  //     }
-  //   }
-  // }
-  // if (hasError.every((result) => result === true)) {
   if (isEditCheck.value == true) {
     saveSelectEdit();
   } else {
@@ -111,6 +92,9 @@ function validateFormPositionEdit() {
   // }
 }
 
+/**
+ * ฟังชั่น บันทึกการแก้ไข
+ */
 function saveSelectEdit() {
   dialogConfirm(
     $q,
@@ -167,7 +151,9 @@ function saveSelectEdit() {
     "ต้องการยืนยันแก้ไขตำแหน่งนี้ใช่หรือไม่?"
   );
 }
-/** ฟังชั่น บันทึก */
+/**
+ * ฟังชั่น บันทึก
+ */
 function onSubmitSelectEdit() {
   dialogConfirm(
     $q,
@@ -225,6 +211,9 @@ function onSubmitSelectEdit() {
   );
 }
 
+/**
+ * ฟังชั่น เครียลฟอร์ม
+ */
 async function clearFormPositionSelect() {
   isEditCheck.value = false;
   isDisValidate.value = await true;