hrms-bangkok/hrms-user
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

แก้ไขตัวแปร halfDay/ leaveRange

Browse source
This commit is contained in:
AnandaTon 2023-12-21 14:40:35 +07:00
parent c77659e402
commit f9e55ed073
4 changed files with 32 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/modules/05_leave/components/Forms/01_SickForm.vue
View file

@ -34,7 +34,7 @@ const formDataSick = reactive<any>({
leaveWrote: "", leaveWrote: "",
leaveStartDate: null, leaveStartDate: null,
leaveEndDate: null, leaveEndDate: null,
halfDay: "day", leaveRange: "ALL",
leaveTotal: "", leaveTotal: "",
leaveLast: null, leaveLast: null,
leaveNumber: "", leaveNumber: "",
@ -47,7 +47,7 @@ const formDataSick = reactive<any>({
const leaveWroteRef = ref<object | null>(null) const leaveWroteRef = ref<object | null>(null)
const leaveStartDateRef = ref<object | null>(null) const leaveStartDateRef = ref<object | null>(null)
const leaveEndDateRef = ref<object | null>(null) const leaveEndDateRef = ref<object | null>(null)
const halfDayRef = ref<object | null>(null) const leaveRangeRef = ref<object | null>(null)
const leaveTotalRef = ref<object | null>(null) const leaveTotalRef = ref<object | null>(null)
const leaveLastRef = ref<object | null>(null) const leaveLastRef = ref<object | null>(null)
const leaveNumberRef = ref<object | null>(null) const leaveNumberRef = ref<object | null>(null)
@ -59,7 +59,7 @@ const FormRef: FormRef = {
leaveWrote: leaveWroteRef, leaveWrote: leaveWroteRef,
leaveStartDate: leaveStartDateRef, leaveStartDate: leaveStartDateRef,
leaveEndDate: leaveEndDateRef, leaveEndDate: leaveEndDateRef,
halfDay: halfDayRef, leaveRange: leaveRangeRef,
leaveTotal: leaveTotalRef, leaveTotal: leaveTotalRef,
leaveNumber: leaveNumberRef, leaveNumber: leaveNumberRef,
leaveAddress: leaveAddressRef, leaveAddress: leaveAddressRef,
@ -92,7 +92,7 @@ async function fileUploadDoc(files: any) {
* function รีเซทค่า leaveStartDate เเละ leaveEndDate * function รีเซทค่า leaveStartDate เเละ leaveEndDate
*/ */
function resetDate() { function resetDate() {
if (formDataSick.halfDay === "half_day_morning" || formDataSick.halfDay === "half_day_afternoon") { if (formDataSick.leaveRange === "MORNING" || formDataSick.leaveRange === "AFTERNOON") {
formDataSick.leaveStartDate = null formDataSick.leaveStartDate = null
formDataSick.leaveEndDate = null formDataSick.leaveEndDate = null
} }
@ -147,6 +147,7 @@ async function saveFormData() {
formData.append("leaveDocument", formDataSick.leaveDocument) formData.append("leaveDocument", formDataSick.leaveDocument)
formData.append("type", formDataSick.type) formData.append("type", formDataSick.type)
formData.append("leaveRange", formDataSick.leaveRange)
formData.append("leaveStartDate", dateToISO(formDataSick.leaveStartDate)) formData.append("leaveStartDate", dateToISO(formDataSick.leaveStartDate))
formData.append("leaveEndDate", dateToISO(formDataSick.leaveEndDate)) formData.append("leaveEndDate", dateToISO(formDataSick.leaveEndDate))
formData.append("leaveWrote", formDataSick.leaveWrote) formData.append("leaveWrote", formDataSick.leaveWrote)
@ -197,28 +198,27 @@ async function FetchCheck() {
* ฟังก์ชั่นแปลงครึ่งวัน/ทั้งวัน * ฟังก์ชั่นแปลงครึ่งวัน/ทั้งวัน
*/ */
const isReadOnly = computed(() => { const isReadOnly = computed(() => {
const conditionHalfDay = formDataSick.halfDay === "half_day_morning" || formDataSick.halfDay === "half_day_afternoon" const conditionleaveRange = formDataSick.leaveRange === "MORNING" || formDataSick.leaveRange === "AFTERNOON"
if (conditionHalfDay) { if (conditionleaveRange) {
formDataSick.leaveEndDate = formDataSick.leaveStartDate // Set formDataSick.leaveEndDate to null formDataSick.leaveEndDate = formDataSick.leaveStartDate // Set formDataSick.leaveEndDate to null
formDataSick.leaveTotal = 0.5 formDataSick.leaveTotal = 0.5
} else { } else {
formDataSick.leaveTotal = null formDataSick.leaveTotal = null
} }
return conditionHalfDay return conditionleaveRange
}) })
function inputEdit(val: boolean) { function inputEdit(val: boolean) {
return { return {
"full-width cursor-pointer ": val, "full-width cursor-pointer ": val,
"full-width cursor-pointer inputgreen": !val, "full-width cursor-pointer inputgreen": !val,
}; }
} }
function resetEndDate(type:string){ function resetEndDate(type: string) {
if(type === 'day'){ if (type === "day") {
formDataSick.EndLeaveDate === null formDataSick.EndLeaveDate === null
} }
} }
</script> </script>
@ -246,9 +246,9 @@ function resetEndDate(type:string){
/> />
<div class="col-12 col-md-4 col-sm-12"> <div class="col-12 col-md-4 col-sm-12">
<q-radio v-model="formDataSick.halfDay" val="day" label="ลาทั้งวัน" checked-icon="task_alt" /> <q-radio v-model="formDataSick.leaveRange" val="ALL" label="ลาทั้งวัน" checked-icon="task_alt" />
<q-radio v-model="formDataSick.halfDay" val="half_day_morning" label="ลาครึ่งวันเช้า" checked-icon="task_alt" @update:model-value="resetDate" /> <q-radio v-model="formDataSick.leaveRange" val="MORNING" label="ลาครึ่งวันเช้า" checked-icon="task_alt" @update:model-value="resetDate" />
<q-radio v-model="formDataSick.halfDay" val="half_day_afternoon" label="ลาครึ่งวันบ่าย" checked-icon="task_alt" @update:model-value="resetDate" /> <q-radio v-model="formDataSick.leaveRange" val="AFTERNOON" label="ลาครึ่งวันบ่าย" checked-icon="task_alt" @update:model-value="resetDate" />
</div> </div>
<div class="full-width"> <div class="full-width">
<div class="q-col-gutter-sm row"> <div class="q-col-gutter-sm row">

21
src/modules/05_leave/components/Forms/05_VacationForm.vue
View file

@ -32,7 +32,7 @@ const props = defineProps({
const formDataVacation = reactive<any>({ const formDataVacation = reactive<any>({
type: dataStore.typeId, type: dataStore.typeId,
leaveWrote: "", leaveWrote: "",
halfDay: "day", leaveRange: "ALL",
restDayOldTotal: "", restDayOldTotal: "",
restDayCurrentTotal: "", restDayCurrentTotal: "",
leaveStartDate: null, leaveStartDate: null,
@ -48,7 +48,7 @@ const formDataVacation = reactive<any>({
const leaveWroteRef = ref<object | null>(null) const leaveWroteRef = ref<object | null>(null)
const restDayOldTotalRef = ref<object | null>(null) const restDayOldTotalRef = ref<object | null>(null)
const restDayCurrentTotalRef = ref<object | null>(null) const restDayCurrentTotalRef = ref<object | null>(null)
const halfDayRef = ref<object | null>(null) const leaveRangeRef = ref<object | null>(null)
const leaveStartDateRef = ref<object | null>(null) const leaveStartDateRef = ref<object | null>(null)
const leaveEndDateRef = ref<object | null>(null) const leaveEndDateRef = ref<object | null>(null)
const leaveTotalRef = ref<object | null>(null) const leaveTotalRef = ref<object | null>(null)
@ -60,7 +60,7 @@ const leaveDocumentRef = ref<object | null>(null)
/** maping ref เข้าตัวแปรเพื่อเตรียมตรวจสอบ */ /** maping ref เข้าตัวแปรเพื่อเตรียมตรวจสอบ */
const FormRef: FormRef = { const FormRef: FormRef = {
leaveWrote: leaveWroteRef, leaveWrote: leaveWroteRef,
halfDay: halfDayRef, leaveRange: leaveRangeRef,
restDayOldTotal: restDayOldTotalRef, restDayOldTotal: restDayOldTotalRef,
restDayCurrentTotal: restDayCurrentTotalRef, restDayCurrentTotal: restDayCurrentTotalRef,
leaveStartDate: leaveStartDateRef, leaveStartDate: leaveStartDateRef,
@ -163,6 +163,7 @@ async function saveFormData() {
// } // }
formData.append("leaveDocument", formDataVacation.leaveDocument) formData.append("leaveDocument", formDataVacation.leaveDocument)
formData.append("type", formDataVacation.type) formData.append("type", formDataVacation.type)
formData.append("leaveRange", formDataVacation.leaveRange)
formData.append("leaveStartDate", dateToISO(formDataVacation.leaveStartDate)) formData.append("leaveStartDate", dateToISO(formDataVacation.leaveStartDate))
formData.append("leaveEndDate", dateToISO(formDataVacation.leaveEndDate)) formData.append("leaveEndDate", dateToISO(formDataVacation.leaveEndDate))
formData.append("leaveWrote", formDataVacation.leaveWrote) formData.append("leaveWrote", formDataVacation.leaveWrote)
@ -184,7 +185,7 @@ async function saveFormData() {
* function รีเซทค่า leaveStartDate เเละ leaveEndDate * function รีเซทค่า leaveStartDate เเละ leaveEndDate
*/ */
function resetDate() { function resetDate() {
if (formDataVacation.halfDay === "half_day_morning" || formDataVacation.halfDay === "half_day_afternoon") { if (formDataVacation.leaveRange === "MORNING" || formDataVacation.leaveRange === "AFTERNOON") {
formDataVacation.leaveStartDate = null formDataVacation.leaveStartDate = null
formDataVacation.leaveEndDate = null formDataVacation.leaveEndDate = null
} }
@ -193,14 +194,14 @@ function resetDate() {
/** ฟังก์ชั่นแปลงค่า ครึ่งวัน/ทั้งวัน */ /** ฟังก์ชั่นแปลงค่า ครึ่งวัน/ทั้งวัน */
const isReadOnly = computed(() => { const isReadOnly = computed(() => {
const conditionHalfDay = formDataVacation.halfDay === "half_day_morning" || formDataVacation.halfDay === "half_day_afternoon" const conditionleaveRange = formDataVacation.leaveRange === "MORNING" || formDataVacation.leaveRange === "AFTERNOON"
if (conditionHalfDay) { if (conditionleaveRange) {
formDataVacation.leaveEndDate = formDataVacation.leaveStartDate // Set formDataVacation.leaveEndDate to null formDataVacation.leaveEndDate = formDataVacation.leaveStartDate // Set formDataVacation.leaveEndDate to null
formDataVacation.leaveTotal = 0.5 formDataVacation.leaveTotal = 0.5
} else { } else {
formDataVacation.leaveTotal = null formDataVacation.leaveTotal = null
} }
return conditionHalfDay return conditionleaveRange
}) })
</script> </script>
@ -226,9 +227,9 @@ const isReadOnly = computed(() => {
:rules="[val => !!val || `${'เขียนที่'}`]" :rules="[val => !!val || `${'เขียนที่'}`]"
/> />
<div class="col-12 col-md-4 col-sm-6"> <div class="col-12 col-md-4 col-sm-6">
<q-radio v-model="formDataVacation.halfDay" val="day" label="ลาทั้งวัน" checked-icon="task_alt" /> <q-radio v-model="formDataVacation.leaveRange" val="ALL" label="ลาทั้งวัน" checked-icon="task_alt" />
<q-radio v-model="formDataVacation.halfDay" val="half_day_morning" label="ลาครึ่งวันเช้า" checked-icon="task_alt" @update:model-value="resetDate" /> <q-radio v-model="formDataVacation.leaveRange" val="MORNING" label="ลาครึ่งวันเช้า" checked-icon="task_alt" @update:model-value="resetDate" />
<q-radio v-model="formDataVacation.halfDay" val="half_day_afternoon" label="ลาครึ่งวันบ่าย" checked-icon="task_alt" @update:model-value="resetDate" /> <q-radio v-model="formDataVacation.leaveRange" val="AFTERNOON" label="ลาครึ่งวันบ่าย" checked-icon="task_alt" @update:model-value="resetDate" />
</div> </div>
<q-input <q-input
class="col-12 col-md-4 col-sm-6" class="col-12 col-md-4 col-sm-6"

4
src/modules/05_leave/interface/request/SickForm.ts
View file

@ -2,7 +2,7 @@ interface FormData {
leaveWrote: string //เขียนที่*** leaveWrote: string //เขียนที่***
leaveStartDate: Date | null //*วัน เดือน ปีเริ่มต้นลา leaveStartDate: Date | null //*วัน เดือน ปีเริ่มต้นลา
leaveEndDate: Date | null //*วัน เดือน ปีสิ้นสุดลา leaveEndDate: Date | null //*วัน เดือน ปีสิ้นสุดลา
halfDay: string leaveRange: string
leaveTotal: string //จำนวนวันลา leaveTotal: string //จำนวนวันลา
contractTel: string //หมายเลขโทรศัพท์ที่ติดต่อได้ contractTel: string //หมายเลขโทรศัพท์ที่ติดต่อได้
leaveNumber: string //หมายเลขที่ติดต่อขณะลา leaveNumber: string //หมายเลขที่ติดต่อขณะลา
@ -16,7 +16,7 @@ interface FormRef {
leaveWrote: object | null //เขียนที่*** leaveWrote: object | null //เขียนที่***
leaveStartDate: object | null //*วัน เดือน ปีเริ่มต้นลา leaveStartDate: object | null //*วัน เดือน ปีเริ่มต้นลา
leaveEndDate: object | null //*วัน เดือน ปีสิ้นสุดลา leaveEndDate: object | null //*วัน เดือน ปีสิ้นสุดลา
halfDay: object | null leaveRange: object | null
leaveTotal: object | null //จำนวนวันลา leaveTotal: object | null //จำนวนวันลา
leaveNumber: object | null //หมายเลขที่ติดต่อขณะลา leaveNumber: object | null //หมายเลขที่ติดต่อขณะลา
leaveDetail: object | null //รายละเอียดการลา leaveDetail: object | null //รายละเอียดการลา

4
src/modules/05_leave/interface/request/VacationForm.ts
View file

@ -1,6 +1,6 @@
interface FormData { interface FormData {
leaveWrote: string //เขียนที่*** leaveWrote: string //เขียนที่***
halfDay: string leaveRange: string
restDayOldTotal: string //จำนวนวันลาพักผ่อนสะสม จากปีที่ผ่านมา restDayOldTotal: string //จำนวนวันลาพักผ่อนสะสม จากปีที่ผ่านมา
restDayCurrentTotal: string //จำนวนวันลาพักผ่อนประจำปีปัจจุบัน restDayCurrentTotal: string //จำนวนวันลาพักผ่อนประจำปีปัจจุบัน
leaveStartDate: Date | null //*วัน เดือน ปีเริ่มต้นลา leaveStartDate: Date | null //*วัน เดือน ปีเริ่มต้นลา
@ -15,7 +15,7 @@ interface FormData {
interface FormRef { interface FormRef {
leaveWrote: object | null //เขียนที่*** leaveWrote: object | null //เขียนที่***
halfDay: object | null leaveRange: object | null
leaveStartDate: object | null //*วัน เดือน ปีเริ่มต้นลา leaveStartDate: object | null //*วัน เดือน ปีเริ่มต้นลา
restDayOldTotal: object | null //ชื่อภรรยา restDayOldTotal: object | null //ชื่อภรรยา
restDayCurrentTotal: object | null //วันที่คลอด restDayCurrentTotal: object | null //วันที่คลอด