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

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

@@ -1,17 +1,23 @@
 <script setup lang="ts">
 import { ref, defineModel } from "vue";
-import Header from "@/components/DialogHeader.vue";
-import { useCounterMixin } from "@/stores/mixin";
-import type { DataOption } from "@/modules/13_salary/interface/response/Main";
 import { useQuasar } from "quasar";
 import http from "@/plugins/http";
-
-import { useSalaryListSDataStore } from "@/modules/13_salary/store/SalaryListsStore";
-
 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();
+
+/** props*/
 const modal = defineModel<boolean>("modal", { required: true });
 const profileId = defineModel<string>("profileId", { required: true });
 const props = defineProps({
@@ -21,11 +27,10 @@ const props = defineProps({
   },
 });
 
+/** ตัวแปร*/
 const group = ref<string>("");
 const groupRef = ref<any>(null);
 const isReadonly = ref<boolean>(false); // อ่านได้อย่างเดียว
-const mixin = useCounterMixin();
-const { dialogConfirm, success, messageError, showLoader, hideLoader } = mixin;
 
 /*** ฟังก์ชั่นสำหรับ validate ฟอร์ม */
 function validateForm() {
@@ -35,11 +40,13 @@ function validateForm() {
   }
 }
 
+/** function ปืด Popup */
 function close() {
   modal.value = false;
   group.value = "";
 }
 
+/** function ยืนยันการบันทึกข้อมูล*/
 function onSubmit() {
   dialogConfirm($q, () => {
     showLoader();