diff --git a/src/modules/05_leave/componenst/Forms/04_HelpWifeBirthForm.vue b/src/modules/05_leave/componenst/Forms/04_HelpWifeBirthForm.vue index a1e7c67..47e07b9 100644 --- a/src/modules/05_leave/componenst/Forms/04_HelpWifeBirthForm.vue +++ b/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(true) -const halfDay = ref("day") + +/** รับ props มาจากหน้าหลัก */ const props = defineProps({ data: { type: Object, @@ -17,7 +18,8 @@ const props = defineProps({ default: () => "", }, }) -// ข้อมูลทั้งก้อน form + +/** ข้อมูล v-model ของฟอร์ม */ const formData = reactive({ leaveNo: "", wifeName: "", @@ -32,6 +34,7 @@ const formData = reactive({ file: [], }) +/** ตัวแปร ref สำหรับแสดง validate */ const leaveNoRef = ref(null) const wifeNameRef = ref(null) const brithDateRef = ref(null) @@ -44,6 +47,7 @@ const leaveContactLocationRef = ref(null) const leaveDetailRef = ref(null) const fileRef = ref(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([]) +/** ส่วนของการประกาศและเลือกไฟล์เอกสารประกอบ */ +const fileDocDataUpload = ref([]) const fileUploadDoc = async (files: any) => { files.forEach((file: any) => { fileDocDataUpload.value.push(file) }) } +/** ฟังก์ชั่นตรวจสอบความถูกต้องของข้อมูลในฟอร์ม */ function onValidate() { const hasError = [] for (const key in FormRef) { diff --git a/src/modules/05_leave/componenst/Forms/05_VacationForm.vue b/src/modules/05_leave/componenst/Forms/05_VacationForm.vue index 5cd5f2c..8431017 100644 --- a/src/modules/05_leave/componenst/Forms/05_VacationForm.vue +++ b/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(true) -const halfDay = ref("day") + +/** รับ props มาจากหน้าหลัก */ const props = defineProps({ data: { type: Object, @@ -17,7 +18,8 @@ const props = defineProps({ default: () => "", }, }) -// ข้อมูลทั้งก้อน form + +/** ข้อมูล v-model ของฟอร์ม */ const formData = reactive({ leaveNo: "", lastYearVacation: "", @@ -32,6 +34,7 @@ const formData = reactive({ file: [], }) +/** ตัวแปร ref สำหรับแสดง validate */ const leaveNoRef = ref(null) const lastYearVacationRef = ref(null) const currentVacationRef = ref(null) @@ -44,6 +47,7 @@ const leaveContactLocationRef = ref(null) const leaveDetailRef = ref(null) const fileRef = ref(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([]) +/** ส่วนของการประกาศและเลือกไฟล์เอกสารประกอบ */ +const fileDocDataUpload = ref([]) const fileUploadDoc = async (files: any) => { files.forEach((file: any) => { fileDocDataUpload.value.push(file) }) } +/** ฟังก์ชั่นตรวจสอบความถูกต้องของข้อมูลในฟอร์ม */ function onValidate() { const hasError = [] for (const key in FormRef) { diff --git a/src/modules/05_leave/componenst/Forms/11_WorkInternationalForm.vue b/src/modules/05_leave/componenst/Forms/11_WorkInternationalForm.vue index d53feff..8ed9d9c 100644 --- a/src/modules/05_leave/componenst/Forms/11_WorkInternationalForm.vue +++ b/src/modules/05_leave/componenst/Forms/11_WorkInternationalForm.vue @@ -9,8 +9,9 @@ const mixin = useCounterMixin() const { date2Thai, dialogConfirm } = mixin const edit = ref(true) const filesUpload = ref(null) -const halfDay = ref("day") const isSave = ref(true) + +/** รับ props มาจากหน้าหลัก */ const props = defineProps({ data: { type: Object, @@ -21,7 +22,8 @@ const props = defineProps({ default: () => "", }, }) -// ข้อมูลทั้งก้อน form + +/** ข้อมูล v-model ของฟอร์ม */ const formData = reactive({ leaveNo: "", startLeaveDate: null, @@ -30,12 +32,14 @@ const formData = reactive({ file: [], }) +/** ตัวแปร ref สำหรับแสดง validate */ const leaveNoRef = ref(null) const startLeaveDateRef = ref(null) const endLeaveDateRef = ref(null) const leaveDetailRef = ref(null) const fileRef = ref(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([]) +/** ส่วนของการประกาศและเลือกไฟล์เอกสารประกอบ */ +const fileDocDataUpload = ref([]) const fileUploadDoc = async (files: any) => { files.forEach((file: any) => { fileDocDataUpload.value.push(file) }) } +/** ฟังก์ชั่นตรวจสอบความถูกต้องของข้อมูลในฟอร์ม */ function onValidate() { const hasError = [] for (const key in FormRef) { diff --git a/src/modules/05_leave/componenst/Forms/12_FollowSpouseForm.vue b/src/modules/05_leave/componenst/Forms/12_FollowSpouseForm.vue index 6202542..596a92e 100644 --- a/src/modules/05_leave/componenst/Forms/12_FollowSpouseForm.vue +++ b/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(true) + +/** รับ props มาจากหน้าหลัก */ const props = defineProps({ data: { type: Object, @@ -16,7 +18,8 @@ const props = defineProps({ default: () => "", }, }) -// ข้อมูลทั้งก้อน form + +/** ข้อมูล v-model ของฟอร์ม */ const formData = reactive({ leaveNo: "", startLeaveDate: null, @@ -34,6 +37,8 @@ const formData = reactive({ leaveDetail: "", //รายละเอียดการลา file: [], //เอกสารปะกอบ }) + +/** ตัวแปร ref สำหรับแสดง validate */ const formattSalary = arabicNumberToText(formData.salary) const leaveNoRef = ref(null) const startLeaveDateRef = ref(null) @@ -52,6 +57,7 @@ const followHistoryStartRef = ref(null) const followHistoryEndRef = ref(null) const fileRef = ref(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([]) +/** ส่วนของการประกาศและเลือกไฟล์เอกสารประกอบ */ +const fileDocDataUpload = ref([]) const fileUploadDoc = async (files: any) => { files.forEach((file: any) => { fileDocDataUpload.value.push(file) }) } +/** ฟังก์ชั่นตรวจสอบความถูกต้องของข้อมูลในฟอร์ม */ function onValidate() { const hasError = [] for (const key in FormRef) {