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

แก้ไข ฟอร์มการลา

Browse source
This commit is contained in:
AnandaTon 2023-11-10 11:43:30 +07:00
parent 7c6aa537f0
commit e10f0a9d98
5 changed files with 897 additions and 956 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -100,12 +100,9 @@ function onValidate() {
<!-- ฟอร์มลาป่วย ลาคลอดบุตร และลากิจส่วนตัว --> <!-- ฟอร์มลาป่วย ลาคลอดบุตร และลากิจส่วนตัว -->
<template> <template>
<form @submit.prevent.stop="onValidate">
<div>
<q-icon name="mdi-numeric-3-circle" size="20px" color="primary" /> <q-icon name="mdi-numeric-3-circle" size="20px" color="primary" />
<div class="q-pl-sm text-weight-bold text-dark">กรอกข้อมูล</div> <div class="q-pl-sm text-weight-bold text-dark">กรอกข้อมูล</div>
<div class="col-12 row q-col-gutter-md q-pa-md"> <form @submit.prevent.stop="onValidate">
<div class="col-xs-12 col-sm-12">
<q-card bordered class="q-pa-md bg-grey-1"> <q-card bordered class="q-pa-md bg-grey-1">
<div class="col-12 row q-pa-sm q-col-gutter-sm"> <div class="col-12 row q-pa-sm q-col-gutter-sm">
<q-input <q-input
@ -238,19 +235,21 @@ function onValidate() {
:rules="[val => !!val || `${'กรุณากรอกที่อยู่ที่ติดต่อได้ระหว่างลา'}`]" :rules="[val => !!val || `${'กรุณากรอกที่อยู่ที่ติดต่อได้ระหว่างลา'}`]"
/> />
<q-input <q-input type="textarea" class="col-md-12 col-sm-12" dense outlined ref="leaveDetailRef" for="leaveDetailRef" v-model="formData.leaveDetail" label="รายละเอียด" :readonly="!edit" />
type="textarea"
class="col-md-12 col-sm-12"
dense
outlined
ref="leaveDetailRef"
for="leaveDetailRef"
v-model="formData.leaveDetail"
label="รายละเอียด"
:readonly="!edit"
/>
<q-file v-model="formData.file" @added="fileUploadDoc" dense label="เอกสารประกอบ" outlined use-chips multiple class="q-pl-sm col-12"> <q-file
ref="fileRef"
for="fileRef"
v-model="formData.file"
@added="fileUploadDoc"
dense
label="เอกสารประกอบ"
outlined
use-chips
multiple
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" />
</template> </template>
@ -275,9 +274,6 @@ function onValidate() {
</div> </div>
</div> </div>
</q-card> </q-card>
</div>
</div>
</div>
<q-separator class="q-mt-sm" /> <q-separator class="q-mt-sm" />

131
src/modules/05_leave/componenst/Forms/04_HelpWifeBirthForm.vue
View file

@ -104,9 +104,9 @@ function onValidate() {
</script> </script>
<template> <template>
<form @submit.prevent.stop="onValidate">
<q-icon name="mdi-numeric-3-circle" size="20px" color="primary" /> <q-icon name="mdi-numeric-3-circle" size="20px" color="primary" />
<div class="q-pl-sm text-weight-bold text-dark">กรอกข้อมูล</div> <div class="q-pl-sm text-weight-bold text-dark">กรอกข้อมูล</div>
<form @submit.prevent.stop="onValidate">
<!-- ลาไปช่วยเหลือภริยาที่คลอดบุตร <!-- ลาไปช่วยเหลือภริยาที่คลอดบุตร
<ul> <ul>
<li>เขียนที่</li> <li>เขียนที่</li>
@ -123,8 +123,6 @@ function onValidate() {
<p> <p>
*หมายเหตุ ที่อยู่ที่ติดต่อได้ระหว่างลา (อาจดึงมาจากที่อยู่ปัจจุบันโดยอัตโนมัติ แต่ให้ผู้ใช้งานแก้ไขได้) *หมายเหตุ ที่อยู่ที่ติดต่อได้ระหว่างลา (อาจดึงมาจากที่อยู่ปัจจุบันโดยอัตโนมัติ แต่ให้ผู้ใช้งานแก้ไขได้)
</p> --> </p> -->
<div class="col-12 row q-col-gutter-md q-pa-md">
<div class="col-xs-12 col-sm-12">
<q-card bordered class="q-pa-md bg-grey-1"> <q-card bordered class="q-pa-md bg-grey-1">
<div class="col-12 row q-pa-sm q-col-gutter-sm"> <div class="col-12 row q-pa-sm q-col-gutter-sm">
<q-input <q-input
@ -138,60 +136,8 @@ function onValidate() {
:readonly="!edit" :readonly="!edit"
:rules="[val => !!val || `${'เขียนที่'}`]" :rules="[val => !!val || `${'เขียนที่'}`]"
/> />
<div class="col-md-3 col-sm-12">
<q-input
class="col-12 col-sm-12"
ref="wifeNameRef"
for="wifeNameRef"
dense
outlined
v-model="formData.wifeName"
label="ชื่อภรรยา"
:readonly="!edit"
:rules="[val => !!val || `${'ชื่อภรรยา'}`]"
/>
</div>
<datepicker <datepicker
class="col-md-3 col-sm-12" class="col-md-4 col-sm-12"
menu-class-name="modalfix"
v-model="formData.brithDate"
:locale="'th'"
autoApply
borderless
:enableTimePicker="false"
week-start="0"
:readonly="!edit"
>
<template #year="{ year }">
{{ year + 543 }}
</template>
<template #year-overlay-value="{ value }">
{{ parseInt(value + 543) }}
</template>
<template #trigger>
<q-input
outlined
dense
ref="brithDateRef"
for="brithDateRef"
hide-bottom-space
:readonly="!edit"
class="full-width datepicker"
:model-value="formData.brithDate != null ? date2Thai(formData.brithDate) : null"
:label="`${'วันที่คลอด'}`"
:rules="[val => !!val || `${'กรุณาเลือกวันที่คลอด'}`]"
>
<template v-slot:prepend>
<q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)"> </q-icon>
</template>
</q-input>
</template>
</datepicker>
<datepicker
class="col-md-3 col-sm-12"
menu-class-name="modalfix" menu-class-name="modalfix"
v-model="formData.startLeaveDate" v-model="formData.startLeaveDate"
:locale="'th'" :locale="'th'"
@ -228,7 +174,7 @@ function onValidate() {
</datepicker> </datepicker>
<datepicker <datepicker
class="col-md-3 col-sm-12" class="col-md-4 col-sm-12"
menu-class-name="modalfix" menu-class-name="modalfix"
v-model="formData.endLeaveDate" v-model="formData.endLeaveDate"
:locale="'th'" :locale="'th'"
@ -264,7 +210,7 @@ function onValidate() {
</template> </template>
</datepicker> </datepicker>
<q-input <q-input
class="col-md-3 col-sm-12" class="col-md-4 col-sm-12"
dense dense
outlined outlined
ref="leaveTotalRef" ref="leaveTotalRef"
@ -275,9 +221,59 @@ function onValidate() {
readonly readonly
:rules="[val => !!val || `${'กรุณากรอกจำนวนวัน'}`]" :rules="[val => !!val || `${'กรุณากรอกจำนวนวัน'}`]"
/> />
<div class="col-md-4 col-sm-12">
<q-input
class="col-12 col-sm-12"
ref="wifeNameRef"
for="wifeNameRef"
dense
outlined
v-model="formData.wifeName"
label="ชื่อภรรยา"
:readonly="!edit"
:rules="[val => !!val || `${'ชื่อภรรยา'}`]"
/>
</div>
<datepicker
class="col-md-4 col-sm-12"
menu-class-name="modalfix"
v-model="formData.brithDate"
:locale="'th'"
autoApply
borderless
:enableTimePicker="false"
week-start="0"
:readonly="!edit"
>
<template #year="{ year }">
{{ year + 543 }}
</template>
<template #year-overlay-value="{ value }">
{{ parseInt(value + 543) }}
</template>
<template #trigger>
<q-input
outlined
dense
ref="brithDateRef"
for="brithDateRef"
hide-bottom-space
:readonly="!edit"
class="full-width datepicker"
:model-value="formData.brithDate != null ? date2Thai(formData.brithDate) : null"
:label="`${'วันที่คลอด'}`"
:rules="[val => !!val || `${'กรุณาเลือกวันที่คลอด'}`]"
>
<template v-slot:prepend>
<q-icon name="event" class="cursor-pointer" style="color: var(--q-primary)"> </q-icon>
</template>
</q-input>
</template>
</datepicker>
<q-input <q-input
class="col-9" class="col-4"
dense dense
outlined outlined
ref="leaveContactTelRef" ref="leaveContactTelRef"
@ -302,19 +298,9 @@ function onValidate() {
:rules="[val => !!val || `${'กรุณากรอกที่อยู่ที่ติดต่อได้ระหว่างลา'}`]" :rules="[val => !!val || `${'กรุณากรอกที่อยู่ที่ติดต่อได้ระหว่างลา'}`]"
/> />
<q-input <q-input type="textarea" class="col-md-12 col-sm-12" dense outlined ref="leaveDetailRef" for="leaveDetailRef" v-model="formData.leaveDetail" label="รายละเอียด" :readonly="!edit" />
type="textarea"
class="col-md-12 col-sm-12"
dense
outlined
ref="leaveDetailRef"
for="leaveDetailRef"
v-model="formData.leaveDetail"
label="รายละเอียด"
:readonly="!edit"
/>
<q-file v-model="formData.file" @added="fileUploadDoc" dense label="เอกสารประกอบ" outlined use-chips multiple class="q-pl-sm col-12"> <q-file ref="fileRef" v-model="formData.file" @added="fileUploadDoc" dense label="เอกสารประกอบ" outlined use-chips multiple class="q-pl-sm col-12">
<template v-slot:prepend> <template v-slot:prepend>
<q-icon name="attach_file" color="primary" /> <q-icon name="attach_file" color="primary" />
</template> </template>
@ -339,8 +325,7 @@ function onValidate() {
</div> </div>
</div> </div>
</q-card> </q-card>
</div>
</div>
<q-separator class="q-mt-sm" /> <q-separator class="q-mt-sm" />
<div class="row col-12 q-pt-md"> <div class="row col-12 q-pt-md">
<q-space /> <q-space />

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

@ -120,11 +120,9 @@ function onValidate() {
<li>เอกสารประกอบ</li> <li>เอกสารประกอบ</li>
</ul> </ul>
</div> --> </div> -->
<form @submit.prevent.stop="onValidate">
<q-icon name="mdi-numeric-3-circle" size="20px" color="primary" /> <q-icon name="mdi-numeric-3-circle" size="20px" color="primary" />
<div class="q-pl-sm text-weight-bold text-dark">กรอกข้อมูล</div> <div class="q-pl-sm text-weight-bold text-dark">กรอกข้อมูล</div>
<div class="col-12 row q-col-gutter-md q-pa-md"> <form @submit.prevent.stop="onValidate">
<div class="col-xs-12 col-sm-12">
<q-card bordered class="q-pa-md bg-grey-1"> <q-card bordered class="q-pa-md bg-grey-1">
<div class="col-12 row q-pa-sm q-col-gutter-sm"> <div class="col-12 row q-pa-sm q-col-gutter-sm">
<q-input <q-input
@ -276,19 +274,9 @@ function onValidate() {
:rules="[val => !!val || `${'กรุณากรอกที่อยู่ที่ติดต่อได้ระหว่างลา'}`]" :rules="[val => !!val || `${'กรุณากรอกที่อยู่ที่ติดต่อได้ระหว่างลา'}`]"
/> />
<q-input <q-input type="textarea" class="col-md-12 col-sm-12" dense outlined ref="leaveDetailRef" for="leaveDetailRef" v-model="formData.leaveDetail" label="รายละเอียด" :readonly="!edit" />
type="textarea"
class="col-md-12 col-sm-12"
dense
outlined
ref="leaveDetailRef"
for="leaveDetailRef"
v-model="formData.leaveDetail"
label="รายละเอียด"
:readonly="!edit"
/>
<q-file v-model="formData.file" @added="fileUploadDoc" dense label="เอกสารประกอบ" outlined use-chips multiple class="q-pl-sm col-12"> <q-file ref="fileRef" v-model="formData.file" @added="fileUploadDoc" dense label="เอกสารประกอบ" outlined use-chips multiple class="q-pl-sm col-12">
<template v-slot:prepend> <template v-slot:prepend>
<q-icon name="attach_file" color="primary" /> <q-icon name="attach_file" color="primary" />
</template> </template>
@ -313,8 +301,7 @@ function onValidate() {
</div> </div>
</div> </div>
</q-card> </q-card>
</div>
</div>
<q-separator class="q-mt-sm" /> <q-separator class="q-mt-sm" />
<div class="row col-12 q-pt-md"> <div class="row col-12 q-pt-md">
<q-space /> <q-space />

32
src/modules/05_leave/componenst/Forms/11_WorkInternationalForm.vue
View file

@ -9,7 +9,7 @@ const mixin = useCounterMixin()
const { date2Thai, dialogConfirm } = mixin const { date2Thai, dialogConfirm } = mixin
const edit = ref<boolean>(true) const edit = ref<boolean>(true)
const filesUpload = ref<any>(null) const filesUpload = ref<any>(null)
const isSave = ref<boolean>(true) const isSave = ref<boolean>(false)
/** รับ props มาจากหน้าหลัก */ /** รับ props มาจากหน้าหลัก */
const props = defineProps({ const props = defineProps({
@ -79,7 +79,7 @@ function onValidate() {
} }
} }
if (hasError.every(result => result === true)) { if (hasError.every(result => result === true)) {
props.onSubmit() onSubmit()
} }
} }
@ -120,11 +120,9 @@ function onSubmit() {
และเพิ่มให้อัพโหหลดเอกสารกลับเข้ามาในระบบ และเพิ่มให้อัพโหหลดเอกสารกลับเข้ามาในระบบ
</p> </p>
</div> --> </div> -->
<form @submit.prevent.stop="onValidate">
<q-icon name="mdi-numeric-3-circle" size="20px" color="primary" /> <q-icon name="mdi-numeric-3-circle" size="20px" color="primary" />
<div class="q-pl-sm text-weight-bold text-dark">กรอกข้อมูล</div> <div class="q-pl-sm text-weight-bold text-dark">กรอกข้อมูล</div>
<div class="col-12 row q-col-gutter-md q-pa-md"> <form @submit.prevent.stop="onValidate">
<div class="col-xs-12 col-sm-12">
<q-card bordered class="q-pa-md bg-grey-1"> <q-card bordered class="q-pa-md bg-grey-1">
<div class="col-12 row q-pa-sm q-col-gutter-sm"> <div class="col-12 row q-pa-sm q-col-gutter-sm">
<q-input <q-input
@ -225,19 +223,9 @@ function onSubmit() {
:rules="[val => !!val || `${'กรุณากรอกจำนวนวัน'}`]" :rules="[val => !!val || `${'กรุณากรอกจำนวนวัน'}`]"
/> --> /> -->
<q-input <q-input type="textarea" class="col-md-12 col-sm-12" dense outlined ref="leaveDetailRef" for="leaveDetailRef" v-model="formData.leaveDetail" label="รายละเอียด" :readonly="!edit" />
type="textarea"
class="col-md-12 col-sm-12"
dense
outlined
ref="leaveDetailRef"
for="leaveDetailRef"
v-model="formData.leaveDetail"
label="รายละเอียด"
:readonly="!edit"
/>
<q-file v-model="formData.file" @added="fileUploadDoc" dense label="เอกสารประกอบ" outlined use-chips multiple class="q-pl-sm col-12"> <q-file ref="fileRef" v-model="formData.file" @added="fileUploadDoc" dense label="เอกสารประกอบ" outlined use-chips multiple class="q-pl-sm col-12">
<template v-slot:prepend> <template v-slot:prepend>
<q-icon name="attach_file" color="primary" /> <q-icon name="attach_file" color="primary" />
</template> </template>
@ -262,11 +250,10 @@ function onSubmit() {
</div> </div>
</div> </div>
</q-card> </q-card>
</div>
</div>
<div v-if="isSave" class="q-mt-md"> <div v-if="isSave" class="q-mt-md">
<q-icon name="mdi-numeric-4-circle" size="20px" color="primary" /> <q-icon name="mdi-numeric-4-circle" size="20px" color="primary" />
<div class="q-pl-sm text-weight-bold text-dark">ดาวน์โหลด/อัพโหลดแบบฟอร์ม</div> <div class="q-pl-sm text-weight-bold text-dark">ดาวน์โหลด/อัปโหลดแบบฟอร์ม</div>
<q-card class="bg-grey-1 q-pa-sm" bordered> <q-card class="bg-grey-1 q-pa-sm" bordered>
<div class="row"> <div class="row">
<div class="col-12 col-sm-4 col-md-4 q-my-sm offset-sm-1 offset-md-2"> <div class="col-12 col-sm-4 col-md-4 q-my-sm offset-sm-1 offset-md-2">
@ -277,8 +264,8 @@ function onSubmit() {
</div> </div>
<div class="col-10 col-sm-5 col-md-4 q-my-sm"> <div class="col-10 col-sm-5 col-md-4 q-my-sm">
<div class="column q-mx-xs"> <div class="column q-mx-xs">
<div class="q-pl-sm text-weight-bold text-dark text-center">อัพโหลด</div> <div class="q-pl-sm text-weight-bold text-dark text-center">อัปโหลด</div>
<q-file v-model="filesUpload" dense label="แบบฟอร์ม" outlined bg-color="white" multiple> <q-file v-model="filesUpload" dense label="แบบฟอร์ม" outlined bg-color="white" multiple accept=".pdf">
<template v-slot:prepend> <template v-slot:prepend>
<q-icon name="attach_file" color="primary" /> <q-icon name="attach_file" color="primary" />
</template> </template>
@ -291,6 +278,7 @@ function onSubmit() {
</div> </div>
</q-card> </q-card>
</div> </div>
<div v-if="!isSave"> <div v-if="!isSave">
<q-separator class="q-mt-sm" /> <q-separator class="q-mt-sm" />
<div class="row col-12 q-pt-md"> <div class="row col-12 q-pt-md">

57
src/modules/05_leave/componenst/Forms/12_FollowSpouseForm.vue
View file

@ -143,11 +143,9 @@ function onValidate() {
<li>เอกสารประกอบ</li> <li>เอกสารประกอบ</li>
</ul> </ul>
</div> --> </div> -->
<form @submit.prevent.stop="onValidate">
<q-icon name="mdi-numeric-3-circle" size="20px" color="primary" /> <q-icon name="mdi-numeric-3-circle" size="20px" color="primary" />
<div class="q-pl-sm text-weight-bold text-dark">กรอกข้อมูล</div> <div class="q-pl-sm text-weight-bold text-dark">กรอกข้อมูล</div>
<div class="col-12 row q-col-gutter-md q-pa-md"> <form @submit.prevent.stop="onValidate">
<div class="col-xs-12 col-sm-12">
<q-card bordered class="q-pa-md bg-grey-1"> <q-card bordered class="q-pa-md bg-grey-1">
<div class="col-12 row q-pa-sm q-col-gutter-sm"> <div class="col-12 row q-pa-sm q-col-gutter-sm">
<q-input <q-input
@ -161,16 +159,8 @@ function onValidate() {
:readonly="!edit" :readonly="!edit"
:rules="[val => !!val || `${'เขียนที่'}`]" :rules="[val => !!val || `${'เขียนที่'}`]"
/> />
<div class="col-md-4 col-sm-12">
<q-input class="col-12 col-sm-12" ref="salaryRef" for="salaryRef" dense outlined v-model="formattSalary" label="เงินเดือนปัจจุบัน" readonly />
</div>
<div class="col-md-4 col-sm-12">
<q-input class="col-12 col-sm-12" ref="salaryRef" for="salaryRef" dense outlined v-model="formattSalaryText" label="เงินเดือนปัจจุบัน" readonly />
</div>
<datepicker <datepicker
class="col-md-2 col-sm-12" class="col-md-4 col-sm-12"
menu-class-name="modalfix" menu-class-name="modalfix"
v-model="formData.startLeaveDate" v-model="formData.startLeaveDate"
:locale="'th'" :locale="'th'"
@ -207,7 +197,7 @@ function onValidate() {
</datepicker> </datepicker>
<datepicker <datepicker
class="col-md-2 col-sm-12" class="col-md-4 col-sm-12"
menu-class-name="modalfix" menu-class-name="modalfix"
v-model="formData.endLeaveDate" v-model="formData.endLeaveDate"
:locale="'th'" :locale="'th'"
@ -243,7 +233,7 @@ function onValidate() {
</template> </template>
</datepicker> </datepicker>
<q-input <q-input
class="col-md-2 col-sm-12" class="col-md-4 col-sm-12"
dense dense
outlined outlined
ref="leaveTotalRef" ref="leaveTotalRef"
@ -254,7 +244,14 @@ function onValidate() {
readonly readonly
:rules="[val => !!val || `${'กรุณากรอกจำนวนวัน'}`]" :rules="[val => !!val || `${'กรุณากรอกจำนวนวัน'}`]"
/> />
<div class="col-md-4 col-sm-12"> <div class="col-md-3 col-sm-12">
<q-input class="col-12 col-sm-12" ref="salaryRef" for="salaryRef" dense outlined v-model="formattSalary" label="เงินเดือนปัจจุบัน" readonly />
</div>
<div class="col-md-6 col-sm-12">
<q-input class="col-12 col-sm-12" ref="salaryRef" for="salaryRef" dense outlined v-model="formattSalaryText" label="เงินเดือนปัจจุบัน" readonly />
</div>
<div class="col-md-3 col-sm-12">
<q-input <q-input
class="col-12 col-sm-12" class="col-12 col-sm-12"
ref="spouseNameRef" ref="spouseNameRef"
@ -267,7 +264,7 @@ function onValidate() {
:rules="[val => !!val || `${'ชื่อคู่สมรส'}`]" :rules="[val => !!val || `${'ชื่อคู่สมรส'}`]"
/> />
</div> </div>
<div class="col-md-4 col-sm-12"> <div class="col-md-3 col-sm-12">
<q-input <q-input
class="col-12 col-sm-12" class="col-12 col-sm-12"
ref="spousePositionRef" ref="spousePositionRef"
@ -280,7 +277,7 @@ function onValidate() {
:rules="[val => !!val || `${'ตำแหน่งคู่สมรส'}`]" :rules="[val => !!val || `${'ตำแหน่งคู่สมรส'}`]"
/> />
</div> </div>
<div class="col-md-2 col-sm-12"> <div class="col-md-3 col-sm-12">
<q-input <q-input
class="col-12 col-sm-12" class="col-12 col-sm-12"
ref="spouseLevelRef" ref="spouseLevelRef"
@ -308,11 +305,8 @@ function onValidate() {
</div> </div>
<div class="col-12 row q-pa-sm q-col-gutter-sm"> <div class="col-12 row q-pa-sm q-col-gutter-sm">
<div class="col-md-12 col-sm-12">ประวัติการลาติดตามคู่สมรสครั้งสุดท้าย</div> <div class="col-md-12 col-sm-12">ประวัติการลาติดตามคู่สมรสครั้งสุดท้าย</div>
<q-input class="col-md-4 col-sm-12" dense outlined ref="followHistoryRef" for="followHistoryRef" v-model="formData.followHistoryCountry" label="ประเทศ" readonly />
<q-input class="col-md-4 col-sm-12" dense outlined ref="followHistoryRef" for="followHistoryRef" v-model="formData.followHistoryTime" label="เป็นเวลา" readonly />
<datepicker <datepicker
class="col-md-2 col-sm-12" class="col-md-3 col-sm-12"
menu-class-name="modalfix" menu-class-name="modalfix"
v-model="formData.followHistoryStart" v-model="formData.followHistoryStart"
:locale="'th'" :locale="'th'"
@ -348,7 +342,7 @@ function onValidate() {
</template> </template>
</datepicker> </datepicker>
<datepicker <datepicker
class="col-md-2 col-sm-12" class="col-md-3 col-sm-12"
menu-class-name="modalfix" menu-class-name="modalfix"
v-model="formData.followHistoryEnd" v-model="formData.followHistoryEnd"
:locale="'th'" :locale="'th'"
@ -383,21 +377,13 @@ function onValidate() {
</q-input> </q-input>
</template> </template>
</datepicker> </datepicker>
<q-input class="col-md-3 col-sm-12" dense outlined ref="followHistoryRef" for="followHistoryRef" v-model="formData.followHistoryCountry" label="ประเทศ" />
<q-input class="col-md-3 col-sm-12" dense outlined ref="followHistoryRef" for="followHistoryRef" v-model="formData.followHistoryTime" label="เป็นเวลา" />
</div> </div>
<q-input <q-input type="textarea" class="col-md-12 col-sm-12" dense outlined ref="leaveDetailRef" for="leaveDetailRef" v-model="formData.leaveDetail" label="รายละเอียด" :readonly="!edit" />
type="textarea"
class="col-md-12 col-sm-12"
dense
outlined
ref="leaveDetailRef"
for="leaveDetailRef"
v-model="formData.leaveDetail"
label="รายละเอียด"
:readonly="!edit"
/>
<q-file v-model="formData.file" @added="fileUploadDoc" dense label="เอกสารประกอบ" outlined use-chips multiple class="q-pl-sm col-12"> <q-file ref="fileRef" v-model="formData.file" @added="fileUploadDoc" dense label="เอกสารประกอบ" outlined use-chips multiple class="q-pl-sm col-12">
<template v-slot:prepend> <template v-slot:prepend>
<q-icon name="attach_file" color="primary" /> <q-icon name="attach_file" color="primary" />
</template> </template>
@ -422,8 +408,7 @@ function onValidate() {
</div> </div>
</div> </div>
</q-card> </q-card>
</div>
</div>
<q-separator class="q-mt-sm" /> <q-separator class="q-mt-sm" />
<div class="row col-12 q-pt-md"> <div class="row col-12 q-pt-md">
<q-space /> <q-space />