แก้ไขหน้า form การลา
This commit is contained in:
parent
7777b27cda
commit
5cc7e2aeb3
15 changed files with 118 additions and 126 deletions
|
|
@ -43,9 +43,6 @@ const formDataSick = reactive<any>({
|
||||||
leaveDocument: [],
|
leaveDocument: [],
|
||||||
})
|
})
|
||||||
|
|
||||||
//แปลง leaveLast ด้วย Date2thai
|
|
||||||
const leave2Thai = dataStore.leaveLast != null ? date2Thai(dataStore.leaveLast) : null
|
|
||||||
|
|
||||||
/** ตัวแปร ref สำหรับแสดง validate */
|
/** ตัวแปร ref สำหรับแสดง validate */
|
||||||
const leaveWroteRef = ref<object | null>(null)
|
const leaveWroteRef = ref<object | null>(null)
|
||||||
const leaveStartDateRef = ref<object | null>(null)
|
const leaveStartDateRef = ref<object | null>(null)
|
||||||
|
|
@ -56,7 +53,6 @@ const leaveLastRef = ref<object | null>(null)
|
||||||
const leaveNumberRef = ref<object | null>(null)
|
const leaveNumberRef = ref<object | null>(null)
|
||||||
const leaveAddressRef = ref<object | null>(null)
|
const leaveAddressRef = ref<object | null>(null)
|
||||||
const leaveDetailRef = ref<object | null>(null)
|
const leaveDetailRef = ref<object | null>(null)
|
||||||
const leaveDocumentRef = ref<object | null>(null)
|
|
||||||
|
|
||||||
/** maping ref เข้าตัวแปรเพื่อเตรียมตรวจสอบ */
|
/** maping ref เข้าตัวแปรเพื่อเตรียมตรวจสอบ */
|
||||||
const FormRef: FormRef = {
|
const FormRef: FormRef = {
|
||||||
|
|
@ -68,7 +64,6 @@ const FormRef: FormRef = {
|
||||||
leaveNumber: leaveNumberRef,
|
leaveNumber: leaveNumberRef,
|
||||||
leaveAddress: leaveAddressRef,
|
leaveAddress: leaveAddressRef,
|
||||||
leaveDetail: leaveDetailRef,
|
leaveDetail: leaveDetailRef,
|
||||||
leaveDocument: leaveDocumentRef,
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** ตรวจสอบว่ามีการส่งข้อมูลเข้ามาที่ฟอร์มไหม เมื่อมีการส่งจะ map ข้อมูลเข้า v-model ของฟอร์ม */
|
/** ตรวจสอบว่ามีการส่งข้อมูลเข้ามาที่ฟอร์มไหม เมื่อมีการส่งจะ map ข้อมูลเข้า v-model ของฟอร์ม */
|
||||||
|
|
@ -138,11 +133,13 @@ const onSubmit = async () => {
|
||||||
*/
|
*/
|
||||||
async function saveFormData() {
|
async function saveFormData() {
|
||||||
const formData = new FormData()
|
const formData = new FormData()
|
||||||
const blob = formDataSick.leaveDocument.slice(0, formDataSick.leaveDocument[0].size)
|
if (formDataSick.leaveDocument.length > 0) {
|
||||||
const newFile = new File(blob, nameFile.value, {
|
const blob = formDataSick.leaveDocument[0].slice(0, formDataSick.leaveDocument[0].size)
|
||||||
type: formDataSick.leaveDocument[0].type,
|
const newFile = new File(blob, nameFile.value, {
|
||||||
})
|
type: formDataSick.leaveDocument[0].type,
|
||||||
formData.append("leaveDocument", newFile)
|
})
|
||||||
|
formData.append("leaveDocument", newFile)
|
||||||
|
}
|
||||||
formData.append("type", formDataSick.type)
|
formData.append("type", formDataSick.type)
|
||||||
formData.append("leaveStartDate", dateToISO(formDataSick.leaveStartDate))
|
formData.append("leaveStartDate", dateToISO(formDataSick.leaveStartDate))
|
||||||
formData.append("leaveEndDate", dateToISO(formDataSick.leaveEndDate))
|
formData.append("leaveEndDate", dateToISO(formDataSick.leaveEndDate))
|
||||||
|
|
@ -277,7 +274,7 @@ const isReadOnly = computed(() => {
|
||||||
week-start="0"
|
week-start="0"
|
||||||
:readonly="isReadOnly"
|
:readonly="isReadOnly"
|
||||||
@update:model-value="FetchCheck()"
|
@update:model-value="FetchCheck()"
|
||||||
:min-date="formDataSick.leaveStartDate ? new Date(formDataSick.leaveStartDate.getTime() + 24 * 60 * 60 * 1000) : null"
|
:min-date="formDataSick.leaveStartDate ? new Date(formDataSick.leaveStartDate.getTime() * 60 * 60 * 1000) : null"
|
||||||
>
|
>
|
||||||
<template #year="{ year }">
|
<template #year="{ year }">
|
||||||
{{ year + 543 }}
|
{{ year + 543 }}
|
||||||
|
|
@ -323,7 +320,7 @@ const isReadOnly = computed(() => {
|
||||||
outlined
|
outlined
|
||||||
ref="leaveLastRef"
|
ref="leaveLastRef"
|
||||||
for="leaveLastRef"
|
for="leaveLastRef"
|
||||||
v-model="leave2Thai"
|
v-model="dataStore.leaveLast"
|
||||||
label="ลาครั้งสุดท้ายเมื่อวันที่"
|
label="ลาครั้งสุดท้ายเมื่อวันที่"
|
||||||
readonly
|
readonly
|
||||||
hide-bottom-space
|
hide-bottom-space
|
||||||
|
|
@ -379,7 +376,6 @@ const isReadOnly = computed(() => {
|
||||||
<div class="full-width">
|
<div class="full-width">
|
||||||
<div class="q-col-gutter-sm row">
|
<div class="q-col-gutter-sm row">
|
||||||
<q-file
|
<q-file
|
||||||
ref="leaveDocumentRef"
|
|
||||||
for="leaveDocumentRef"
|
for="leaveDocumentRef"
|
||||||
v-model="formDataSick.leaveDocument"
|
v-model="formDataSick.leaveDocument"
|
||||||
@added="fileUploadDoc"
|
@added="fileUploadDoc"
|
||||||
|
|
@ -390,7 +386,6 @@ const isReadOnly = computed(() => {
|
||||||
multiple
|
multiple
|
||||||
bg-color="white"
|
bg-color="white"
|
||||||
class="col-12 q-pl-sm col-12"
|
class="col-12 q-pl-sm col-12"
|
||||||
:rules="[val => !!val || `${'กรุณาเลือกไฟล์'}`]"
|
|
||||||
>
|
>
|
||||||
<template v-slot:prepend>
|
<template v-slot:prepend>
|
||||||
<q-icon name="attach_file" color="primary" />
|
<q-icon name="attach_file" color="primary" />
|
||||||
|
|
|
||||||
|
|
@ -42,9 +42,6 @@ const formDataBirth = reactive<any>({
|
||||||
leaveDocument: [],
|
leaveDocument: [],
|
||||||
})
|
})
|
||||||
|
|
||||||
//แปลง leaveLast ด้วย Date2thai
|
|
||||||
const leave2Thai = dataStore.leaveLast != null ? date2Thai(dataStore.leaveLast) : null
|
|
||||||
|
|
||||||
/** ตัวแปร ref สำหรับแสดง validate */
|
/** ตัวแปร ref สำหรับแสดง validate */
|
||||||
const leaveWroteRef = ref<object | null>(null)
|
const leaveWroteRef = ref<object | null>(null)
|
||||||
const leaveStartDateRef = ref<object | null>(null)
|
const leaveStartDateRef = ref<object | null>(null)
|
||||||
|
|
@ -145,11 +142,13 @@ async function FetchCheck() {
|
||||||
*/
|
*/
|
||||||
async function saveFormData() {
|
async function saveFormData() {
|
||||||
const formData = new FormData()
|
const formData = new FormData()
|
||||||
const blob = formDataBirth.leaveDocument.slice(0, formDataBirth.leaveDocument[0].size)
|
if (formDataBirth.leaveDocument.length > 0) {
|
||||||
const newFile = new File(blob, nameFile.value, {
|
const blob = formDataBirth.leaveDocument[0].slice(0, formDataBirth.leaveDocument[0].size)
|
||||||
type: formDataBirth.leaveDocument[0].type,
|
const newFile = new File(blob, nameFile.value, {
|
||||||
})
|
type: formDataBirth.leaveDocument[0].type,
|
||||||
formData.append("leaveDocument", newFile)
|
})
|
||||||
|
formData.append("leaveDocument", newFile)
|
||||||
|
}
|
||||||
formData.append("type", formDataBirth.type)
|
formData.append("type", formDataBirth.type)
|
||||||
formData.append("leaveStartDate", dateToISO(formDataBirth.leaveStartDate))
|
formData.append("leaveStartDate", dateToISO(formDataBirth.leaveStartDate))
|
||||||
formData.append("leaveEndDate", dateToISO(formDataBirth.leaveEndDate))
|
formData.append("leaveEndDate", dateToISO(formDataBirth.leaveEndDate))
|
||||||
|
|
@ -244,7 +243,7 @@ async function saveFormData() {
|
||||||
:enableTimePicker="false"
|
:enableTimePicker="false"
|
||||||
week-start="0"
|
week-start="0"
|
||||||
:readonly="!formDataBirth.leaveStartDate"
|
:readonly="!formDataBirth.leaveStartDate"
|
||||||
:min-date="formDataBirth.leaveStartDate ? new Date(formDataBirth.leaveStartDate.getTime() + 24 * 60 * 60 * 1000) : null"
|
:min-date="formDataBirth.leaveStartDate ? new Date(formDataBirth.leaveStartDate.getTime() * 60 * 60 * 1000) : null"
|
||||||
>
|
>
|
||||||
<template #year="{ year }">
|
<template #year="{ year }">
|
||||||
{{ year + 543 }}
|
{{ year + 543 }}
|
||||||
|
|
@ -290,7 +289,7 @@ async function saveFormData() {
|
||||||
outlined
|
outlined
|
||||||
ref="leaveLastRef"
|
ref="leaveLastRef"
|
||||||
for="leaveLastRef"
|
for="leaveLastRef"
|
||||||
v-model="leave2Thai"
|
v-model="dataStore.leaveLast"
|
||||||
label="ลาครั้งสุดท้ายเมื่อวันที่"
|
label="ลาครั้งสุดท้ายเมื่อวันที่"
|
||||||
readonly
|
readonly
|
||||||
hide-bottom-space
|
hide-bottom-space
|
||||||
|
|
@ -343,7 +342,6 @@ async function saveFormData() {
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<q-file
|
<q-file
|
||||||
ref="leaveDocumentRef"
|
|
||||||
for="leaveDocumentRef"
|
for="leaveDocumentRef"
|
||||||
hide-bottom-space
|
hide-bottom-space
|
||||||
v-model="formDataBirth.leaveDocument"
|
v-model="formDataBirth.leaveDocument"
|
||||||
|
|
@ -355,7 +353,6 @@ async function saveFormData() {
|
||||||
use-chips
|
use-chips
|
||||||
multiple
|
multiple
|
||||||
class="q-pl-sm col-12"
|
class="q-pl-sm col-12"
|
||||||
:rules="[val => !!val || `${'กรุณาเลือกไฟล์'}`]"
|
|
||||||
>
|
>
|
||||||
<template v-slot:prepend>
|
<template v-slot:prepend>
|
||||||
<q-icon name="attach_file" color="primary" />
|
<q-icon name="attach_file" color="primary" />
|
||||||
|
|
|
||||||
|
|
@ -158,12 +158,13 @@ async function FetchCheck() {
|
||||||
*/
|
*/
|
||||||
async function saveFormData() {
|
async function saveFormData() {
|
||||||
const formData = new FormData()
|
const formData = new FormData()
|
||||||
|
if (formDataHelpWife.leaveDocument.length > 0) {
|
||||||
const blob = formDataHelpWife.leaveDocument.slice(0, formDataHelpWife.leaveDocument[0].size)
|
const blob = formDataHelpWife.leaveDocument[0].slice(0, formDataHelpWife.leaveDocument[0].size)
|
||||||
const newFile = new File(blob, nameFile.value, {
|
const newFile = new File(blob, nameFile.value, {
|
||||||
type: formDataHelpWife.leaveDocument[0].type,
|
type: formDataHelpWife.leaveDocument[0].type,
|
||||||
})
|
})
|
||||||
formData.append("leaveDocument", newFile)
|
formData.append("leaveDocument", newFile)
|
||||||
|
}
|
||||||
formData.append("type", formDataHelpWife.type)
|
formData.append("type", formDataHelpWife.type)
|
||||||
formData.append("leaveStartDate", dateToISO(formDataHelpWife.leaveStartDate))
|
formData.append("leaveStartDate", dateToISO(formDataHelpWife.leaveStartDate))
|
||||||
formData.append("leaveEndDate", dateToISO(formDataHelpWife.leaveEndDate))
|
formData.append("leaveEndDate", dateToISO(formDataHelpWife.leaveEndDate))
|
||||||
|
|
@ -257,7 +258,7 @@ async function saveFormData() {
|
||||||
@update:model-value="updateLeaveTotal, FetchCheck()"
|
@update:model-value="updateLeaveTotal, FetchCheck()"
|
||||||
week-start="0"
|
week-start="0"
|
||||||
:readonly="!formDataHelpWife.leaveStartDate"
|
:readonly="!formDataHelpWife.leaveStartDate"
|
||||||
:min-date="formDataHelpWife.leaveStartDate ? new Date(formDataHelpWife.leaveStartDate.getTime() + 24 * 60 * 60 * 1000) : null"
|
:min-date="formDataHelpWife.leaveStartDate ? new Date(formDataHelpWife.leaveStartDate.getTime() * 60 * 60 * 1000) : null"
|
||||||
>
|
>
|
||||||
<template #year="{ year }">
|
<template #year="{ year }">
|
||||||
{{ year + 543 }}
|
{{ year + 543 }}
|
||||||
|
|
|
||||||
|
|
@ -154,12 +154,13 @@ async function FetchCheck() {
|
||||||
*/
|
*/
|
||||||
async function saveFormData() {
|
async function saveFormData() {
|
||||||
const formData = new FormData()
|
const formData = new FormData()
|
||||||
|
if (formDataVacation.leaveDocument.length > 0) {
|
||||||
const blob = formDataVacation.leaveDocument.slice(0, formDataVacation.leaveDocument[0].size)
|
const blob = formDataVacation.leaveDocument[0].slice(0, formDataVacation.leaveDocument[0].size)
|
||||||
const newFile = new File(blob, nameFile.value, {
|
const newFile = new File(blob, nameFile.value, {
|
||||||
type: formDataVacation.leaveDocument[0].type,
|
type: formDataVacation.leaveDocument[0].type,
|
||||||
})
|
})
|
||||||
formData.append("leaveDocument", newFile)
|
formData.append("leaveDocument", newFile)
|
||||||
|
}
|
||||||
formData.append("type", formDataVacation.type)
|
formData.append("type", formDataVacation.type)
|
||||||
formData.append("leaveStartDate", dateToISO(formDataVacation.leaveStartDate))
|
formData.append("leaveStartDate", dateToISO(formDataVacation.leaveStartDate))
|
||||||
formData.append("leaveEndDate", dateToISO(formDataVacation.leaveEndDate))
|
formData.append("leaveEndDate", dateToISO(formDataVacation.leaveEndDate))
|
||||||
|
|
@ -250,7 +251,7 @@ const isReadOnly = computed(() => {
|
||||||
hide-bottom-space
|
hide-bottom-space
|
||||||
bg-color="white"
|
bg-color="white"
|
||||||
outlined
|
outlined
|
||||||
v-model="dataStore.restDayCurrentTotal"
|
v-model="dataStore.leaveRemain"
|
||||||
label="จำนวนวันลาพักผ่อนประจำปีปัจจุบัน"
|
label="จำนวนวันลาพักผ่อนประจำปีปัจจุบัน"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
|
@ -305,7 +306,7 @@ const isReadOnly = computed(() => {
|
||||||
:enableTimePicker="false"
|
:enableTimePicker="false"
|
||||||
week-start="0"
|
week-start="0"
|
||||||
:readonly="isReadOnly"
|
:readonly="isReadOnly"
|
||||||
:min-date="formDataVacation.leaveStartDate ? new Date(formDataVacation.leaveStartDate.getTime() + 24 * 60 * 60 * 1000) : null"
|
:min-date="formDataVacation.leaveStartDate ? new Date(formDataVacation.leaveStartDate.getTime() * 60 * 60 * 1000) : null"
|
||||||
>
|
>
|
||||||
<template #year="{ year }">
|
<template #year="{ year }">
|
||||||
{{ year + 543 }}
|
{{ year + 543 }}
|
||||||
|
|
|
||||||
|
|
@ -157,12 +157,13 @@ async function FetchCheck() {
|
||||||
*/
|
*/
|
||||||
async function saveFormData() {
|
async function saveFormData() {
|
||||||
const formData = new FormData()
|
const formData = new FormData()
|
||||||
|
if (formDataOrdination.leaveDocument.length > 0) {
|
||||||
const blob = formDataOrdination.leaveDocument.slice(0, formDataOrdination.leaveDocument[0].size)
|
const blob = formDataOrdination.leaveDocument[0].slice(0, formDataOrdination.leaveDocument[0].size)
|
||||||
const newFile = new File(blob, nameFile.value, {
|
const newFile = new File(blob, nameFile.value, {
|
||||||
type: formDataOrdination.leaveDocument[0].type,
|
type: formDataOrdination.leaveDocument[0].type,
|
||||||
})
|
})
|
||||||
formData.append("leaveDocument", newFile)
|
formData.append("leaveDocument", newFile)
|
||||||
|
}
|
||||||
formData.append("type", formDataOrdination.type)
|
formData.append("type", formDataOrdination.type)
|
||||||
formData.append("leaveStartDate", dateToISO(formDataOrdination.leaveStartDate))
|
formData.append("leaveStartDate", dateToISO(formDataOrdination.leaveStartDate))
|
||||||
formData.append("leaveEndDate", dateToISO(formDataOrdination.leaveEndDate))
|
formData.append("leaveEndDate", dateToISO(formDataOrdination.leaveEndDate))
|
||||||
|
|
@ -263,7 +264,7 @@ function updateLeaveTotal() {
|
||||||
@update:model-value="updateLeaveTotal, FetchCheck()"
|
@update:model-value="updateLeaveTotal, FetchCheck()"
|
||||||
:readonly="!formDataOrdination.leaveStartDate"
|
:readonly="!formDataOrdination.leaveStartDate"
|
||||||
:enableTimePicker="false"
|
:enableTimePicker="false"
|
||||||
:min-date="formDataOrdination.leaveStartDate ? new Date(formDataOrdination.leaveStartDate.getTime() + 24 * 60 * 60 * 1000) : null"
|
:min-date="formDataOrdination.leaveStartDate ? new Date(formDataOrdination.leaveStartDate.getTime() * 60 * 60 * 1000) : null"
|
||||||
week-start="0"
|
week-start="0"
|
||||||
>
|
>
|
||||||
<template #year="{ year }">
|
<template #year="{ year }">
|
||||||
|
|
|
||||||
|
|
@ -123,12 +123,13 @@ async function FetchCheck() {
|
||||||
*/
|
*/
|
||||||
async function saveFormData() {
|
async function saveFormData() {
|
||||||
const formData = new FormData()
|
const formData = new FormData()
|
||||||
|
if (formDataHaji.leaveDocument.length > 0) {
|
||||||
const blob = formDataHaji.leaveDocument.slice(0, formDataHaji.leaveDocument[0].size)
|
const blob = formDataHaji.leaveDocument[0].slice(0, formDataHaji.leaveDocument[0].size)
|
||||||
const newFile = new File(blob, nameFile.value, {
|
const newFile = new File(blob, nameFile.value, {
|
||||||
type: formDataHaji.leaveDocument[0].type,
|
type: formDataHaji.leaveDocument[0].type,
|
||||||
})
|
})
|
||||||
formData.append("leaveDocument", newFile)
|
formData.append("leaveDocument", newFile)
|
||||||
|
}
|
||||||
formData.append("type", formDataHaji.type)
|
formData.append("type", formDataHaji.type)
|
||||||
formData.append("leaveStartDate", dateToISO(formDataHaji.leaveStartDate))
|
formData.append("leaveStartDate", dateToISO(formDataHaji.leaveStartDate))
|
||||||
formData.append("leaveEndDate", dateToISO(formDataHaji.leaveEndDate))
|
formData.append("leaveEndDate", dateToISO(formDataHaji.leaveEndDate))
|
||||||
|
|
@ -226,7 +227,7 @@ function updateLeaveTotal() {
|
||||||
:locale="'th'"
|
:locale="'th'"
|
||||||
@update:model-value="updateLeaveTotal"
|
@update:model-value="updateLeaveTotal"
|
||||||
:readonly="!formDataHaji.leaveStartDate"
|
:readonly="!formDataHaji.leaveStartDate"
|
||||||
:min-date="formDataHaji.leaveStartDate ? new Date(formDataHaji.leaveStartDate.getTime() + 24 * 60 * 60 * 1000) : null"
|
:min-date="formDataHaji.leaveStartDate ? new Date(formDataHaji.leaveStartDate.getTime() * 60 * 60 * 1000) : null"
|
||||||
>
|
>
|
||||||
<template #year="{ year }">
|
<template #year="{ year }">
|
||||||
{{ year + 543 }}
|
{{ year + 543 }}
|
||||||
|
|
|
||||||
|
|
@ -135,11 +135,13 @@ async function FetchCheck() {
|
||||||
*/
|
*/
|
||||||
async function saveFormData() {
|
async function saveFormData() {
|
||||||
const formData = new FormData()
|
const formData = new FormData()
|
||||||
const blob = formDataMilitary.leaveDocument.slice(0, formDataMilitary.leaveDocument[0].size)
|
if (formDataMilitary.leaveDocument.length > 0) {
|
||||||
const newFile = new File(blob, nameFile.value, {
|
const blob = formDataMilitary.leaveDocument[0].slice(0, formDataMilitary.leaveDocument[0].size)
|
||||||
type: formDataMilitary.leaveDocument[0].type,
|
const newFile = new File(blob, nameFile.value, {
|
||||||
})
|
type: formDataMilitary.leaveDocument[0].type,
|
||||||
formData.append("leaveDocument", newFile)
|
})
|
||||||
|
formData.append("leaveDocument", newFile)
|
||||||
|
}
|
||||||
formData.append("type", formDataMilitary.type)
|
formData.append("type", formDataMilitary.type)
|
||||||
formData.append("leaveStartDate", dateToISO(formDataMilitary.leaveStartDate))
|
formData.append("leaveStartDate", dateToISO(formDataMilitary.leaveStartDate))
|
||||||
formData.append("leaveEndDate", dateToISO(formDataMilitary.leaveEndDate))
|
formData.append("leaveEndDate", dateToISO(formDataMilitary.leaveEndDate))
|
||||||
|
|
@ -238,7 +240,7 @@ function updateLeaveTotal() {
|
||||||
week-start="0"
|
week-start="0"
|
||||||
@update:model-value="updateLeaveTotal, FetchCheck()"
|
@update:model-value="updateLeaveTotal, FetchCheck()"
|
||||||
:readonly="!formDataMilitary.leaveStartDate"
|
:readonly="!formDataMilitary.leaveStartDate"
|
||||||
:min-date="formDataMilitary.leaveStartDate ? new Date(formDataMilitary.leaveStartDate.getTime() + 24 * 60 * 60 * 1000) : null"
|
:min-date="formDataMilitary.leaveStartDate ? new Date(formDataMilitary.leaveStartDate.getTime() * 60 * 60 * 1000) : null"
|
||||||
>
|
>
|
||||||
<template #year="{ year }">
|
<template #year="{ year }">
|
||||||
{{ year + 543 }}
|
{{ year + 543 }}
|
||||||
|
|
|
||||||
|
|
@ -145,11 +145,13 @@ async function FetchCheck() {
|
||||||
}
|
}
|
||||||
async function saveFormData() {
|
async function saveFormData() {
|
||||||
const formData = new FormData()
|
const formData = new FormData()
|
||||||
const blob = formDataStudy.leaveDocument.slice(0, formDataStudy.leaveDocument[0].size)
|
if (formDataStudy.leaveDocument.length > 0) {
|
||||||
const newFile = new File(blob, nameFile.value, {
|
const blob = formDataStudy.leaveDocument[0].slice(0, formDataStudy.leaveDocument[0].size)
|
||||||
type: formDataStudy.leaveDocument[0].type,
|
const newFile = new File(blob, nameFile.value, {
|
||||||
})
|
type: formDataStudy.leaveDocument[0].type,
|
||||||
formData.append("leaveDocument", newFile) //
|
})
|
||||||
|
formData.append("leaveDocument", newFile)
|
||||||
|
}
|
||||||
formData.append("type", formDataStudy.type) //
|
formData.append("type", formDataStudy.type) //
|
||||||
formData.append("leaveStartDate", dateToISO(formDataStudy.leaveStartDate)) //
|
formData.append("leaveStartDate", dateToISO(formDataStudy.leaveStartDate)) //
|
||||||
formData.append("leaveEndDate", dateToISO(formDataStudy.leaveEndDate)) //
|
formData.append("leaveEndDate", dateToISO(formDataStudy.leaveEndDate)) //
|
||||||
|
|
@ -260,7 +262,7 @@ const formattedleaveSalary = computed(() => {
|
||||||
@update:model-value="updateLeaveTotal, FetchCheck()"
|
@update:model-value="updateLeaveTotal, FetchCheck()"
|
||||||
:readonly="!formDataStudy.leaveStartDate"
|
:readonly="!formDataStudy.leaveStartDate"
|
||||||
:enableTimePicker="false"
|
:enableTimePicker="false"
|
||||||
:min-date="formDataStudy.leaveStartDate ? new Date(formDataStudy.leaveStartDate.getTime() + 24 * 60 * 60 * 1000) : null"
|
:min-date="formDataStudy.leaveStartDate ? new Date(formDataStudy.leaveStartDate.getTime() * 60 * 60 * 1000) : null"
|
||||||
>
|
>
|
||||||
<template #year="{ year }">
|
<template #year="{ year }">
|
||||||
{{ year + 543 }}
|
{{ year + 543 }}
|
||||||
|
|
|
||||||
|
|
@ -144,11 +144,13 @@ async function FetchCheck() {
|
||||||
*/
|
*/
|
||||||
async function saveFormData() {
|
async function saveFormData() {
|
||||||
const formData = new FormData()
|
const formData = new FormData()
|
||||||
const blob = formDataTrain.leaveDocument.slice(0, formDataTrain.leaveDocument[0].size)
|
if (formDataTrain.leaveDocument.length > 0) {
|
||||||
const newFile = new File(blob, nameFile.value, {
|
const blob = formDataTrain.leaveDocument[0].slice(0, formDataTrain.leaveDocument[0].size)
|
||||||
type: formDataTrain.leaveDocument[0].type,
|
const newFile = new File(blob, nameFile.value, {
|
||||||
})
|
type: formDataTrain.leaveDocument[0].type,
|
||||||
formData.append("leaveDocument", newFile) //
|
})
|
||||||
|
formData.append("leaveDocument", newFile)
|
||||||
|
} //
|
||||||
formData.append("type", formDataTrain.type) //
|
formData.append("type", formDataTrain.type) //
|
||||||
formData.append("leaveStartDate", dateToISO(formDataTrain.leaveStartDate)) //
|
formData.append("leaveStartDate", dateToISO(formDataTrain.leaveStartDate)) //
|
||||||
formData.append("leaveEndDate", dateToISO(formDataTrain.leaveEndDate)) //
|
formData.append("leaveEndDate", dateToISO(formDataTrain.leaveEndDate)) //
|
||||||
|
|
@ -261,7 +263,7 @@ const formattedSalary = computed(() => {
|
||||||
:readonly="!formDataTrain.leaveStartDate"
|
:readonly="!formDataTrain.leaveStartDate"
|
||||||
:locale="'th'"
|
:locale="'th'"
|
||||||
:enableTimePicker="false"
|
:enableTimePicker="false"
|
||||||
:min-date="formDataTrain.leaveStartDate ? new Date(formDataTrain.leaveStartDate.getTime() + 24 * 60 * 60 * 1000) : null"
|
:min-date="formDataTrain.leaveStartDate ? new Date(formDataTrain.leaveStartDate.getTime() * 60 * 60 * 1000) : null"
|
||||||
>
|
>
|
||||||
<template #year="{ year }">
|
<template #year="{ year }">
|
||||||
{{ year + 543 }}
|
{{ year + 543 }}
|
||||||
|
|
|
||||||
|
|
@ -138,17 +138,22 @@ async function FetchCheck() {
|
||||||
*/
|
*/
|
||||||
async function saveFormData() {
|
async function saveFormData() {
|
||||||
const formData = new FormData()
|
const formData = new FormData()
|
||||||
const blob = formDataWorkInternational.leaveDocument.slice(0, formDataWorkInternational.leaveDocument[0].size)
|
//
|
||||||
const newFile = new File(blob, nameFile.value, {
|
if (formDataWorkInternational.leaveDocument.length > 0) {
|
||||||
type: formDataWorkInternational.leaveDocument[0].type,
|
const blob = formDataWorkInternational.leaveDocument[0].slice(0, formDataWorkInternational.leaveDocument[0].size)
|
||||||
})
|
const newFile = new File(blob, nameFile.value, {
|
||||||
const blobDrafe = formDataWorkInternational.leaveDraftDocument.slice(0, formDataWorkInternational.leaveDraftDocument[0].size)
|
type: formDataWorkInternational.leaveDocument[0].type,
|
||||||
const newFileDraft = new File(blobDrafe, nameFileDraft.value, {
|
})
|
||||||
type: formDataWorkInternational.leaveDraftDocument[0].type,
|
formData.append("leaveDocument", newFile)
|
||||||
})
|
}
|
||||||
|
//
|
||||||
formData.append("leaveDocument", newFile) //
|
if (formDataWorkInternational.leaveDraftDocument.length > 0) {
|
||||||
formData.append("leaveDraftDocument", newFileDraft) //
|
const blobDrafe = formDataWorkInternational.leaveDraftDocument.slice(0, formDataWorkInternational.leaveDraftDocument[0].size)
|
||||||
|
const newFileDraft = new File(blobDrafe, nameFileDraft.value, {
|
||||||
|
type: formDataWorkInternational.leaveDraftDocument[0].type,
|
||||||
|
})
|
||||||
|
formData.append("leaveDraftDocument", newFileDraft) //
|
||||||
|
}
|
||||||
formData.append("type", formDataWorkInternational.type) //
|
formData.append("type", formDataWorkInternational.type) //
|
||||||
formData.append("leaveStartDate", dateToISO(formDataWorkInternational.leaveStartDate)) //
|
formData.append("leaveStartDate", dateToISO(formDataWorkInternational.leaveStartDate)) //
|
||||||
formData.append("leaveEndDate", dateToISO(formDataWorkInternational.leaveEndDate)) //
|
formData.append("leaveEndDate", dateToISO(formDataWorkInternational.leaveEndDate)) //
|
||||||
|
|
@ -240,7 +245,7 @@ async function saveFormData() {
|
||||||
@update:model-value="FetchCheck()"
|
@update:model-value="FetchCheck()"
|
||||||
week-start="0"
|
week-start="0"
|
||||||
:readonly="!formDataWorkInternational.leaveStartDate"
|
:readonly="!formDataWorkInternational.leaveStartDate"
|
||||||
:min-date="formDataWorkInternational.leaveStartDate ? new Date(formDataWorkInternational.leaveStartDate.getTime() + 24 * 60 * 60 * 1000) : null"
|
:min-date="formDataWorkInternational.leaveStartDate ? new Date(formDataWorkInternational.leaveStartDate.getTime() * 60 * 60 * 1000) : null"
|
||||||
>
|
>
|
||||||
<template #year="{ year }">
|
<template #year="{ year }">
|
||||||
{{ year + 543 }}
|
{{ year + 543 }}
|
||||||
|
|
|
||||||
|
|
@ -170,12 +170,13 @@ async function FetchCheck() {
|
||||||
*/
|
*/
|
||||||
async function saveFormData() {
|
async function saveFormData() {
|
||||||
const formData = new FormData()
|
const formData = new FormData()
|
||||||
const blob = formDataFollowSpouse.leaveDocument.slice(0, formDataFollowSpouse.leaveDocument[0].size)
|
if (formDataFollowSpouse.leaveDocument.length > 0) {
|
||||||
const newFile = new File(blob, nameFile.value, {
|
const blob = formDataFollowSpouse.leaveDocument[0].slice(0, formDataFollowSpouse.leaveDocument[0].size)
|
||||||
type: formDataFollowSpouse.leaveDocument[0].type,
|
const newFile = new File(blob, nameFile.value, {
|
||||||
})
|
type: formDataFollowSpouse.leaveDocument[0].type,
|
||||||
|
})
|
||||||
formData.append("leaveDocument", newFile) //
|
formData.append("leaveDocument", newFile)
|
||||||
|
} //
|
||||||
formData.append("type", formDataFollowSpouse.type) //
|
formData.append("type", formDataFollowSpouse.type) //
|
||||||
formData.append("leaveStartDate", dateToISO(formDataFollowSpouse.leaveStartDate)) //
|
formData.append("leaveStartDate", dateToISO(formDataFollowSpouse.leaveStartDate)) //
|
||||||
formData.append("leaveEndDate", dateToISO(formDataFollowSpouse.leaveEndDate)) //
|
formData.append("leaveEndDate", dateToISO(formDataFollowSpouse.leaveEndDate)) //
|
||||||
|
|
@ -286,7 +287,7 @@ function updateLeaveTotal() {
|
||||||
week-start="0"
|
week-start="0"
|
||||||
@update:model-value="updateLeaveTotal, FetchCheck()"
|
@update:model-value="updateLeaveTotal, FetchCheck()"
|
||||||
:readonly="!formDataFollowSpouse.leaveStartDate"
|
:readonly="!formDataFollowSpouse.leaveStartDate"
|
||||||
:min-date="formDataFollowSpouse.leaveStartDate ? new Date(formDataFollowSpouse.leaveStartDate.getTime() + 24 * 60 * 60 * 1000) : null"
|
:min-date="formDataFollowSpouse.leaveStartDate ? new Date(formDataFollowSpouse.leaveStartDate.getTime() * 60 * 60 * 1000) : null"
|
||||||
>
|
>
|
||||||
<template #year="{ year }">
|
<template #year="{ year }">
|
||||||
{{ year + 543 }}
|
{{ year + 543 }}
|
||||||
|
|
|
||||||
|
|
@ -120,17 +120,21 @@ async function FetchCheck() {
|
||||||
*/
|
*/
|
||||||
async function saveFormData() {
|
async function saveFormData() {
|
||||||
const formData = new FormData()
|
const formData = new FormData()
|
||||||
const blob = formDataRehabilitation.leaveDocument.slice(0, formDataRehabilitation.leaveDocument[0].size)
|
if (formDataRehabilitation.leaveDraftDocument.length > 0) {
|
||||||
const newFile = new File(blob, nameFile.value, {
|
const blobDrafe = formDataRehabilitation.leaveDraftDocument.slice(0, formDataRehabilitation.leaveDraftDocument[0].size)
|
||||||
type: formDataRehabilitation.leaveDocument[0].type,
|
const newFileDraft = new File(blobDrafe, nameFileDraft.value, {
|
||||||
})
|
type: formDataRehabilitation.leaveDraftDocument[0].type,
|
||||||
const blobDrafe = formDataRehabilitation.leaveDraftDocument.slice(0, formDataRehabilitation.leaveDraftDocument[0].size)
|
})
|
||||||
const newFileDraft = new File(blobDrafe, nameFileDraft.value, {
|
formData.append("leaveDraftDocument", newFileDraft) //
|
||||||
type: formDataRehabilitation.leaveDraftDocument[0].type,
|
}
|
||||||
})
|
|
||||||
|
|
||||||
formData.append("leaveDocument", newFile) //
|
if (formDataRehabilitation.leaveDocument.length > 0) {
|
||||||
formData.append("leaveDraftDocument", newFileDraft) //
|
const blob = formDataRehabilitation.leaveDocument[0].slice(0, formDataRehabilitation.leaveDocument[0].size)
|
||||||
|
const newFile = new File(blob, nameFile.value, {
|
||||||
|
type: formDataRehabilitation.leaveDocument[0].type,
|
||||||
|
})
|
||||||
|
formData.append("leaveDocument", newFile)
|
||||||
|
} //
|
||||||
formData.append("type", formDataRehabilitation.type) //
|
formData.append("type", formDataRehabilitation.type) //
|
||||||
formData.append("leaveStartDate", dateToISO(formDataRehabilitation.leaveStartDate)) //
|
formData.append("leaveStartDate", dateToISO(formDataRehabilitation.leaveStartDate)) //
|
||||||
formData.append("leaveEndDate", dateToISO(formDataRehabilitation.leaveEndDate)) //
|
formData.append("leaveEndDate", dateToISO(formDataRehabilitation.leaveEndDate)) //
|
||||||
|
|
@ -217,7 +221,7 @@ async function saveFormData() {
|
||||||
@update:model-value="FetchCheck()"
|
@update:model-value="FetchCheck()"
|
||||||
:readonly="!formDataRehabilitation.leaveStartDate"
|
:readonly="!formDataRehabilitation.leaveStartDate"
|
||||||
:enableTimePicker="false"
|
:enableTimePicker="false"
|
||||||
:min-date="formDataRehabilitation.leaveStartDate ? new Date(formDataRehabilitation.leaveStartDate.getTime() + 24 * 60 * 60 * 1000) : null"
|
:min-date="formDataRehabilitation.leaveStartDate ? new Date(formDataRehabilitation.leaveStartDate.getTime() * 60 * 60 * 1000) : null"
|
||||||
>
|
>
|
||||||
<template #year="{ year }">
|
<template #year="{ year }">
|
||||||
{{ year + 543 }}
|
{{ year + 543 }}
|
||||||
|
|
|
||||||
|
|
@ -21,7 +21,7 @@ interface FormRef {
|
||||||
leaveNumber: object | null //หมายเลขที่ติดต่อขณะลา
|
leaveNumber: object | null //หมายเลขที่ติดต่อขณะลา
|
||||||
leaveDetail: object | null //รายละเอียดการลา
|
leaveDetail: object | null //รายละเอียดการลา
|
||||||
leaveAddress: object | null //สถานที่ติดต่อขณะลา
|
leaveAddress: object | null //สถานที่ติดต่อขณะลา
|
||||||
leaveDocument: object | null //เอกสารปะกอบ
|
|
||||||
[key: string]: any
|
[key: string]: any
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -240,12 +240,10 @@ export const useLeaveStore = defineStore("Leave", () => {
|
||||||
const dateAppoint = ref<Date>() //วันที่เข้ารับราชการ
|
const dateAppoint = ref<Date>() //วันที่เข้ารับราชการ
|
||||||
const salary = ref<number>(0) //เงินเดือนปัจจุบัน
|
const salary = ref<number>(0) //เงินเดือนปัจจุบัน
|
||||||
const salaryText = ref<string>("") //เงินเดือนปัจจุบัน(ภาษาไทย)
|
const salaryText = ref<string>("") //เงินเดือนปัจจุบัน(ภาษาไทย)
|
||||||
const leaveLast = ref<Date>()
|
const leaveLast = ref<any>()
|
||||||
const restDayCurrentTotal = ref<string>("")
|
const restDayCurrentTotal = ref<string>("")
|
||||||
|
|
||||||
//ดึงข้อมูล profile จาก API
|
//ดึงข้อมูล profile จาก API
|
||||||
async function fetchProfile() {
|
async function fetchProfile() {
|
||||||
console.log("profile")
|
|
||||||
await http
|
await http
|
||||||
.post(config.API.leaveProfile(), { type: typeId.value })
|
.post(config.API.leaveProfile(), { type: typeId.value })
|
||||||
.then((res: any) => {
|
.then((res: any) => {
|
||||||
|
|
@ -265,9 +263,8 @@ export const useLeaveStore = defineStore("Leave", () => {
|
||||||
dateAppoint.value = data.dateAppoint
|
dateAppoint.value = data.dateAppoint
|
||||||
salary.value = data.salary
|
salary.value = data.salary
|
||||||
salaryText.value = data.salaryText
|
salaryText.value = data.salaryText
|
||||||
leaveLast.value = data.leaveLast && date2Thai(data.leaveLast)
|
leaveLast.value = date2Thai(data.leaveLast) !== "0001-01-01T00:00:00" ? date2Thai(data.leaveLast) : "-"
|
||||||
restDayCurrentTotal.value = data.restDayCurrentTotal
|
restDayCurrentTotal.value = data.restDayCurrentTotal
|
||||||
console.log(data)
|
|
||||||
})
|
})
|
||||||
.catch((e: any) => {
|
.catch((e: any) => {
|
||||||
messageError($q, e)
|
messageError($q, e)
|
||||||
|
|
|
||||||
|
|
@ -52,23 +52,6 @@ async function fectOptionType() {
|
||||||
messageError($q, err)
|
messageError($q, err)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
/**
|
|
||||||
* check ว่าลาได้ไหม จาก api
|
|
||||||
* @param formData
|
|
||||||
*/
|
|
||||||
async function FetchCheck(formData: any) {
|
|
||||||
await http
|
|
||||||
.post(config.API.leaveCheck(), { type: dataStore.typeId ?? null, leaveStartDate: formData.leaveStartDate ?? null, leaveEndDate: formData.leaveEndDate ?? null })
|
|
||||||
.then((res: any) => {
|
|
||||||
const data = res.data.result
|
|
||||||
formData.dateStart = data.isLeave
|
|
||||||
formData.subject = data.sumDateWork
|
|
||||||
formData.leaveabsentDaySummon = data.totalDate
|
|
||||||
})
|
|
||||||
.catch((e: any) => {
|
|
||||||
messageError($q, e)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue