คอมเม้น Code ระบบ ลงเวลา

src/modules/09_leave/components/1_Work/DialogDetail.vue

@@ -1,18 +1,24 @@
 <script setup lang="ts">
 import { ref, watch } from "vue";
+
+/** props จาก TableList */
 const props = defineProps({
   modal: {
     type: Boolean,
+    require: true,
   },
   detail: {
     type: Object,
+    require: true,
   },
   colse: {
     type: Function,
+    require: true,
   },
 });
 const statusEdit = ref<boolean>(false);
-// รายละเอียดข้อมูล
+
+/** รายละเอียดข้อมูล */
 const titlename = ref<string>("");
 const timeIn = ref<string>("");
 const timeOut = ref<string>("");
@@ -33,7 +39,8 @@ watch(props, () => {
     }
   }
 });
-// ปิด popup
+
+/** Function ปิด popup */
 function colsePopup() {
   props.colse ? props.colse() : false;
 }

src/modules/09_leave/components/1_Work/TableList.vue

@@ -1,20 +1,23 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
+
+/** importType*/
 import type { QTableProps } from "quasar";
-//import Stores
+
+/** importComponents */
+import DialogDetail from "@/modules/09_leave/components/1_Work/DialogDetail.vue";
+
+/** importStores */
 import { useCounterMixin } from "@/stores/mixin";
 import { useWorklistDataStore } from "@/modules/09_leave/stores/WorkStore";
 
-//importComponents
-import DialogDetail from "@/modules/09_leave/components/1_Work/DialogDetail.vue";
-
+/** useStore */
 const mixin = useCounterMixin();
 const workStore = useWorklistDataStore();
-
 const { date2Thai } = mixin;
 const { searchDataFn, filterFn } = workStore;
 
-//ข้อมูล Table
+/** ข้อมูลหัวตาราง*/
 const columns = ref<QTableProps["columns"]>([
   {
     name: "no",
@@ -80,24 +83,29 @@ const visibleColumns = ref<string[]>([
   "coordinatesOut",
 ]);
 
+/** Hook */
 onMounted(() => {
   workStore.columns = columns.value;
   workStore.visibleColumns = visibleColumns.value;
 });
 
-//DialogDetail
+/** ข้อมูล popup */
 const modal = ref<boolean>(false);
 const dataDetail = ref<any>([]);
-// เปิด popup ลายละเอียด
+/**
+ * Function openPopup และแสดงรายละเอียด
+ * @param data ข้อมูลรายละเอียด
+ */
 function clickDetail(data: any) {
   modal.value = true;
   dataDetail.value = data;
-} //ปิด popup ลายละเอียด
+}
+/** Function ปิด popup */
 function colseDeyail() {
   modal.value = false;
 }
 
-//pagination
+/** pagination */
 const pagination = ref({
   descending: true,
   page: 1,

src/modules/09_leave/components/1_Work/ToolBar.vue

@@ -1,14 +1,14 @@
 <script setup lang="ts">
-//import Stores
+/** importStores */
 import { useCounterMixin } from "@/stores/mixin";
 import { useWorklistDataStore } from "@/modules/09_leave/stores/WorkStore";
-
+/** useStore */
 const workStore = useWorklistDataStore();
 const mixin = useCounterMixin();
-
 const { date2Thai } = mixin;
 const { filterFn, searchDataFn } = workStore;
 
+/** Functicon หาค่ามากสุดและปิดวันที่ไม่ให้เลือกวันล่วงหน้า*/
 function calculateMaxDate() {
   const today = new Date();
   today.setDate(today.getDate());

src/modules/09_leave/components/1_Work/ToolBarDate.vue

@@ -1,14 +1,14 @@
 <script setup lang="ts">
-//import Stores
+/** importStores */
 import { useCounterMixin } from "@/stores/mixin";
 import { useWorklistDataStore } from "@/modules/09_leave/stores/WorkStore";
-
+/** useStore */
 const workStore = useWorklistDataStore();
 const mixin = useCounterMixin();
-
 const { date2Thai } = mixin;
-const { filterFn, searchDataFn } = workStore;
+const { searchDataFn } = workStore;
 
+/** Functicon หาค่ามากสุดและปิดวันที่ไม่ให้เลือกวันล่วงหน้า*/
 function calculateMaxDate() {
   const today = new Date();
   today.setDate(today.getDate());