รายการเงินเดือน

src/modules/13_salary/components/SalaryLists/DialogMoveLevel.vue

@@ -1,30 +1,50 @@
 <script setup lang="ts">
-import { ref, defineModel, computed } from "vue";
-import Header from "@/components/DialogHeader.vue";
-import { useCounterMixin } from "@/stores/mixin";
-import type { DataOption } from "@/modules/13_salary/interface/response/Main";
+import { ref, computed } from "vue";
 import { useQuasar } from "quasar";
 import http from "@/plugins/http";
-
 import config from "@/app.config";
+
+/** importComponents*/
+import Header from "@/components/DialogHeader.vue";
+
+/** importStore*/
+import { useCounterMixin } from "@/stores/mixin";
 import { useSalaryListSDataStore } from "@/modules/13_salary/store/SalaryListsStore";
 
+/** use*/
 const $q = useQuasar();
 const store = useSalaryListSDataStore();
+const { dialogConfirm, success, messageError, showLoader, hideLoader } =
+  useCounterMixin();
+
+/**porps*/
 const modal = defineModel<boolean>("modal", { required: true });
 const profileId = defineModel<string>("profileId", { required: true });
-const type = ref<string>("");
-const typeRef = ref<any>(null);
-const isReadonly = ref<boolean>(false); // อ่านได้อย่างเดียว
-const mixin = useCounterMixin();
-const { dialogConfirm, success, messageError, showLoader, hideLoader } = mixin;
-
 const props = defineProps({
   fetchData: {
     type: Function,
   },
 });
 
+const type = ref<string>("");
+const typeRef = ref<any>(null);
+const isReadonly = ref<boolean>(false); // อ่านได้อย่างเดียว
+
+const typeRangeOps = computed(() => {
+  return store.roundMainCode == "OCT"
+    ? [
+        { id: "NONE", name: "ไม่ได้เลื่อน" },
+        { id: "HAFT", name: "0.5 ขั้น" },
+        { id: "FULL", name: "1 ขั้น" },
+        { id: "FULLHAFT", name: "1.5 ขั้น" },
+      ]
+    : [
+        { id: "NONE", name: "ไม่ได้เลื่อน" },
+        { id: "HAFT", name: "0.5 ขั้น" },
+        { id: "FULL", name: "1 ขั้น" },
+      ];
+});
+
 /*** ฟังก์ชั่นสำหรับ validate ฟอร์ม */
 function validateForm() {
   typeRef.value.validate();
@@ -33,11 +53,13 @@ function validateForm() {
   }
 }
 
+/** function ปืด Popup */
 function close() {
   modal.value = false;
   type.value = "";
 }
 
+/** function ยืนยันการบันทึกข้อมูล*/
 function onSubmit() {
   dialogConfirm($q, () => {
     showLoader();
@@ -61,21 +83,6 @@ function onSubmit() {
   });
 }
 
-const typeRangeOps = computed(() => {
-  return store.roundMainCode == "OCT"
-    ? [
-        { id: "NONE", name: "ไม่ได้เลื่อน" },
-        { id: "HAFT", name: "0.5 ขั้น" },
-        { id: "FULL", name: "1 ขั้น" },
-        { id: "FULLHAFT", name: "1.5 ขั้น" },
-      ]
-    : [
-        { id: "NONE", name: "ไม่ได้เลื่อน" },
-        { id: "HAFT", name: "0.5 ขั้น" },
-        { id: "FULL", name: "1 ขั้น" },
-      ];
-});
-
 function inputEdit(val: boolean) {
   return {
     "full-width cursor-pointer inputgreen ": val,