จัดระเบียบเพิ่ม commentCode

src/modules/05_leave/componenst/Forms/04_HelpWifeBirthForm.vue

@@ -6,7 +6,8 @@ import { useCounterMixin } from "@/stores/mixin"
 const mixin = useCounterMixin()
 const { date2Thai } = mixin
 const edit = ref<boolean>(true)
-const halfDay = ref<string>("day")
+
+/** รับ props มาจากหน้าหลัก */
 const props = defineProps({
 	data: {
 		type: Object,
@@ -17,7 +18,8 @@ const props = defineProps({
 		default: () => "",
 	},
 })
-// ข้อมูลทั้งก้อน form
+
+/** ข้อมูล v-model ของฟอร์ม */
 const formData = reactive<FormData>({
 	leaveNo: "",
 	wifeName: "",
@@ -32,6 +34,7 @@ const formData = reactive<FormData>({
 	file: [],
 })
 
+/** ตัวแปร ref สำหรับแสดง validate */
 const leaveNoRef = ref<object | null>(null)
 const wifeNameRef = ref<object | null>(null)
 const brithDateRef = ref<object | null>(null)
@@ -44,6 +47,7 @@ const leaveContactLocationRef = ref<object | null>(null)
 const leaveDetailRef = ref<object | null>(null)
 const fileRef = ref<object | null>(null)
 
+/** maping ref เข้าตัวแปรเพื่อเตรียมตรวจสอบ */
 const FormRef: FormRef = {
 	leaveNo: leaveNoRef,
 	wifeName: wifeNameRef,
@@ -58,6 +62,7 @@ const FormRef: FormRef = {
 	file: fileRef,
 }
 
+/** ตรวจสอบว่ามีการส่งข้อมูลเข้ามาที่ฟอร์มไหม เมื่อมีการส่งจะ map ข้อมูลเข้า v-model ของฟอร์ม */
 watch(props.data, async () => {
 	// console.log("data==>", props.data)
 	formData.leaveNo = props.data.leaveNo
@@ -71,14 +76,16 @@ watch(props.data, async () => {
 	formData.leaveDetail = props.data.leaveDetail
 	formData.file = props.data.file
 })
-const fileDocDataUpload = ref<File[]>([])
 
+/** ส่วนของการประกาศและเลือกไฟล์เอกสารประกอบ */
+const fileDocDataUpload = ref<File[]>([])
 const fileUploadDoc = async (files: any) => {
 	files.forEach((file: any) => {
 		fileDocDataUpload.value.push(file)
 	})
 }
 
+/** ฟังก์ชั่นตรวจสอบความถูกต้องของข้อมูลในฟอร์ม */
 function onValidate() {
 	const hasError = []
 	for (const key in FormRef) {

src/modules/05_leave/componenst/Forms/05_VacationForm.vue

@@ -6,7 +6,8 @@ import { useCounterMixin } from "@/stores/mixin"
 const mixin = useCounterMixin()
 const { date2Thai } = mixin
 const edit = ref<boolean>(true)
-const halfDay = ref<string>("day")
+
+/** รับ props มาจากหน้าหลัก */
 const props = defineProps({
 	data: {
 		type: Object,
@@ -17,7 +18,8 @@ const props = defineProps({
 		default: () => "",
 	},
 })
-// ข้อมูลทั้งก้อน form
+
+/** ข้อมูล v-model ของฟอร์ม */
 const formData = reactive<FormData>({
 	leaveNo: "",
 	lastYearVacation: "",
@@ -32,6 +34,7 @@ const formData = reactive<FormData>({
 	file: [],
 })
 
+/** ตัวแปร ref สำหรับแสดง validate */
 const leaveNoRef = ref<object | null>(null)
 const lastYearVacationRef = ref<object | null>(null)
 const currentVacationRef = ref<object | null>(null)
@@ -44,6 +47,7 @@ const leaveContactLocationRef = ref<object | null>(null)
 const leaveDetailRef = ref<object | null>(null)
 const fileRef = ref<object | null>(null)
 
+/** maping ref เข้าตัวแปรเพื่อเตรียมตรวจสอบ */
 const FormRef: FormRef = {
 	leaveNo: leaveNoRef,
 	lastYearVacation: lastYearVacationRef,
@@ -58,6 +62,7 @@ const FormRef: FormRef = {
 	file: fileRef,
 }
 
+/** ตรวจสอบว่ามีการส่งข้อมูลเข้ามาที่ฟอร์มไหม เมื่อมีการส่งจะ map ข้อมูลเข้า v-model ของฟอร์ม */
 watch(props.data, async () => {
 	// console.log("data==>", props.data)
 	formData.leaveNo = props.data.leaveNo
@@ -71,14 +76,16 @@ watch(props.data, async () => {
 	formData.leaveDetail = props.data.leaveDetail
 	formData.file = props.data.file
 })
-const fileDocDataUpload = ref<File[]>([])
 
+/** ส่วนของการประกาศและเลือกไฟล์เอกสารประกอบ */
+const fileDocDataUpload = ref<File[]>([])
 const fileUploadDoc = async (files: any) => {
 	files.forEach((file: any) => {
 		fileDocDataUpload.value.push(file)
 	})
 }
 
+/** ฟังก์ชั่นตรวจสอบความถูกต้องของข้อมูลในฟอร์ม */
 function onValidate() {
 	const hasError = []
 	for (const key in FormRef) {

src/modules/05_leave/componenst/Forms/11_WorkInternationalForm.vue

@@ -9,8 +9,9 @@ const mixin = useCounterMixin()
 const { date2Thai, dialogConfirm } = mixin
 const edit = ref<boolean>(true)
 const filesUpload = ref<any>(null)
-const halfDay = ref<string>("day")
 const isSave = ref<boolean>(true)
+
+/** รับ props มาจากหน้าหลัก */
 const props = defineProps({
 	data: {
 		type: Object,
@@ -21,7 +22,8 @@ const props = defineProps({
 		default: () => "",
 	},
 })
-// ข้อมูลทั้งก้อน form
+
+/** ข้อมูล v-model ของฟอร์ม */
 const formData = reactive<FormData>({
 	leaveNo: "",
 	startLeaveDate: null,
@@ -30,12 +32,14 @@ const formData = reactive<FormData>({
 	file: [],
 })
 
+/** ตัวแปร ref สำหรับแสดง validate */
 const leaveNoRef = ref<object | null>(null)
 const startLeaveDateRef = ref<object | null>(null)
 const endLeaveDateRef = ref<object | null>(null)
 const leaveDetailRef = ref<object | null>(null)
 const fileRef = ref<object | null>(null)
 
+/** maping ref เข้าตัวแปรเพื่อเตรียมตรวจสอบ */
 const FormRef: FormRef = {
 	leaveNo: leaveNoRef,
 	startLeaveDate: startLeaveDateRef,
@@ -44,6 +48,7 @@ const FormRef: FormRef = {
 	file: fileRef,
 }
 
+/** ตรวจสอบว่ามีการส่งข้อมูลเข้ามาที่ฟอร์มไหม เมื่อมีการส่งจะ map ข้อมูลเข้า v-model ของฟอร์ม */
 watch(props.data, async () => {
 	// console.log("data==>", props.data)
 	formData.leaveNo = props.data.leaveNo
@@ -52,14 +57,16 @@ watch(props.data, async () => {
 	formData.leaveDetail = props.data.leaveDetail
 	formData.file = props.data.file
 })
-const fileDocDataUpload = ref<File[]>([])
 
+/** ส่วนของการประกาศและเลือกไฟล์เอกสารประกอบ */
+const fileDocDataUpload = ref<File[]>([])
 const fileUploadDoc = async (files: any) => {
 	files.forEach((file: any) => {
 		fileDocDataUpload.value.push(file)
 	})
 }
 
+/** ฟังก์ชั่นตรวจสอบความถูกต้องของข้อมูลในฟอร์ม */
 function onValidate() {
 	const hasError = []
 	for (const key in FormRef) {

src/modules/05_leave/componenst/Forms/12_FollowSpouseForm.vue

@@ -6,6 +6,8 @@ import { useCounterMixin } from "@/stores/mixin"
 const mixin = useCounterMixin()
 const { date2Thai, arabicNumberToText } = mixin
 const edit = ref<boolean>(true)
+
+/** รับ props มาจากหน้าหลัก */
 const props = defineProps({
 	data: {
 		type: Object,
@@ -16,7 +18,8 @@ const props = defineProps({
 		default: () => "",
 	},
 })
-// ข้อมูลทั้งก้อน form
+
+/** ข้อมูล v-model ของฟอร์ม */
 const formData = reactive<FormData>({
 	leaveNo: "",
 	startLeaveDate: null,
@@ -34,6 +37,8 @@ const formData = reactive<FormData>({
 	leaveDetail: "", //รายละเอียดการลา
 	file: [], //เอกสารปะกอบ
 })
+
+/** ตัวแปร ref สำหรับแสดง validate */
 const formattSalary = arabicNumberToText(formData.salary)
 const leaveNoRef = ref<object | null>(null)
 const startLeaveDateRef = ref<object | null>(null)
@@ -52,6 +57,7 @@ const followHistoryStartRef = ref<object | null>(null)
 const followHistoryEndRef = ref<object | null>(null)
 const fileRef = ref<object | null>(null)
 
+/** maping ref เข้าตัวแปรเพื่อเตรียมตรวจสอบ */
 const FormRef: FormRef = {
 	leaveNo: leaveNoRef, //เขียนที่***
 	startLeaveDate: startLeaveDateRef, //*วัน เดือน ปีเริ่มต้นลา
@@ -71,6 +77,7 @@ const FormRef: FormRef = {
 	file: fileRef,
 }
 
+/** ตรวจสอบว่ามีการส่งข้อมูลเข้ามาที่ฟอร์มไหม เมื่อมีการส่งจะ map ข้อมูลเข้า v-model ของฟอร์ม */
 watch(props.data, async () => {
 	// console.log("data==>", props.data)
 	formData.leaveNo = props.data.leaveNo
@@ -80,14 +87,16 @@ watch(props.data, async () => {
 	formData.leaveDetail = props.data.leaveDetail
 	formData.file = props.data.file
 })
-const fileDocDataUpload = ref<File[]>([])
 
+/** ส่วนของการประกาศและเลือกไฟล์เอกสารประกอบ */
+const fileDocDataUpload = ref<File[]>([])
 const fileUploadDoc = async (files: any) => {
 	files.forEach((file: any) => {
 		fileDocDataUpload.value.push(file)
 	})
 }
 
+/** ฟังก์ชั่นตรวจสอบความถูกต้องของข้อมูลในฟอร์ม */
 function onValidate() {
 	const hasError = []
 	for (const key in FormRef) {