commentcode มอบหมายหน้าที่ความรับผิดชอบ

src/modules/02_users/components/05_responsIbilities/DialogResponsibilities.vue

@@ -2,12 +2,9 @@
 import { ref, watch } from "vue";
 import { useQuasar } from "quasar";
 
+import { useCounterMixin } from "@/stores/mixin";
 import http from "@/plugins/http";
 import config from "@/app.config";
-import { useCounterMixin } from "@/stores/mixin";
-
-/** importComponents*/
-import DialogHeader from "@/components/DialogHeader.vue";
 
 /** importType*/
 import type {
@@ -15,6 +12,9 @@ import type {
   CommandSysAssign,
 } from "@/modules/02_users/interface/response/Main";
 
+/** importComponents*/
+import DialogHeader from "@/components/DialogHeader.vue";
+
 /** use*/
 const $q = useQuasar();
 const { showLoader, hideLoader, dialogConfirm, messageError, success } =
@@ -37,11 +37,12 @@ const props = defineProps({
   },
 });
 
-const posMasterId = ref<string>("");
-const sysType = ref<string[]>([]);
-const isChangData = ref<boolean>(false);
-const sysTypeOptions = ref<CommandSysAssign[]>([]);
+const posMasterId = ref<string>(""); //id รายการตำแหน่งที่ต้องการกำหนดหน้าที่ความรับผิดชอบ
+const sysType = ref<string[]>([]); //รายการหน้าที่ความรับผิดชอบที่เลือก
+const isChangData = ref<boolean>(false); //การเปลี่ยนแปลงของข้อมูล
+const sysTypeOptions = ref<CommandSysAssign[]>([]); //ข้อมูลรายการหน้าที่ความรับผิดชอบ
 
+/** ฟังก์ชันเรียกข้อมูลรายการหน้าที่ความรับผิดชอบ*/
 async function fetchCommandSysAssign() {
   if (sysTypeOptions.value.length === 0) {
     showLoader();
@@ -60,11 +61,13 @@ async function fetchCommandSysAssign() {
   }
 }
 
+/** ฟังก์ชันปิด popup */
 function closeDialog() {
   modal.value = false;
   sysType.value = [];
 }
 
+/** ฟังก์ชันยืนยันการบันทึกข้อมูลกำหนดหน้าที่ความรับผิดชอบ*/
 function onSubmit() {
   if (sysType.value.length !== 0) {
     dialogConfirm($q, async () => {
@@ -94,12 +97,19 @@ function onSubmit() {
   }
 }
 
+/**
+ * ดูการเปลี่ยนแปลงของ modal
+ * และเมื่อ modal เป็น true เรียก ฟังก์ชัน fetchCommandSysAssign เพื่อเรียกข้อมูลรายการหน้าที่ความรับผิดชอบ
+ * และเกำหนด posMasterId เป็น ID ข้อมูลที่ต้องการกำหนดหน้าที่ความรับผิดชอบ
+ * และเกำหนด sysType เป็น รายการหน้าที่ความรับผิดชอบที่เลือก
+ */
 watch(
   () => modal.value,
   async () => {
     if (modal.value) {
       await fetchCommandSysAssign();
       posMasterId.value = props.dataPosMaster.id;
+      // กำหนดรายการหน้าที่ความรับผิดชอบที่เลือก
       const assignId = props.dataPosMaster.posMasterAssigns.map(
         (r: PosMaster) => r.assignId
       );