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

Merge branch 'develop' into dev
All checks were successful
Build & Deploy on Dev / build (push) Successful in 1m23s
Details

Browse source
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2026-04-29 11:05:14 +07:00
commit 992a420bcd
13 changed files with 199 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/modules/05_leave/components/DialogDetail.vue
View file

@ -206,7 +206,7 @@ async function fetchDataDetail(id: string) {
formData.leaveDateEnd = data.leaveEndDate && date2Thai(data.leaveEndDate); formData.leaveDateEnd = data.leaveEndDate && date2Thai(data.leaveEndDate);
formData.leaveCount = calculateDurationYmd( formData.leaveCount = calculateDurationYmd(
data.leaveStartDate, data.leaveStartDate,
data.leaveEndDate data.leaveEndDate,
); );
formData.leaveWrote = data.leaveWrote ?? "-"; formData.leaveWrote = data.leaveWrote ?? "-";
formData.leaveAddress = data.leaveAddress ?? "-"; formData.leaveAddress = data.leaveAddress ?? "-";
@ -255,8 +255,7 @@ async function fetchDataDetail(id: string) {
formData.studyDaySubject = data.studyDaySubject ?? "-"; formData.studyDaySubject = data.studyDaySubject ?? "-";
formData.studyDayDegreeLevel = data.studyDayDegreeLevel ?? "-"; formData.studyDayDegreeLevel = data.studyDayDegreeLevel ?? "-";
formData.studyDayUniversityName = data.studyDayUniversityName ?? "-"; formData.studyDayUniversityName = data.studyDayUniversityName ?? "-";
formData.studyDayTrainingSubject = formData.studyDayTrainingSubject = data.studyDayTrainingSubject ?? "-";
data.studyDayTrainingSubject ?? "-" ?? "-";
formData.studyDayTrainingName = data.studyDayTrainingName ?? "-"; formData.studyDayTrainingName = data.studyDayTrainingName ?? "-";
formData.studyDayCountry = data.studyDayCountry ?? "-"; formData.studyDayCountry = data.studyDayCountry ?? "-";
formData.studyDayScholarship = data.studyDayScholarship ?? "-"; formData.studyDayScholarship = data.studyDayScholarship ?? "-";
@ -383,7 +382,7 @@ async function onClickSave() {
onSubmit(); onSubmit();
}, },
"ยืนยันการบันทึกข้อมูล", "ยืนยันการบันทึกข้อมูล",
"ต้องการยินยันการบันทึกข้อมูลนี้หรือไม่ ?" "ต้องการยินยันการบันทึกข้อมูลนี้หรือไม่ ?",
); );
} else { } else {
} }
@ -425,7 +424,7 @@ watch(
? props.leaveId && fetchDataCancelDetail(props.leaveId) ? props.leaveId && fetchDataCancelDetail(props.leaveId)
: props.leaveId && fetchDataDetail(props.leaveId); : props.leaveId && fetchDataDetail(props.leaveId);
} }
} },
); );
</script> </script>

13
src/modules/05_leave/components/ListView.vue
View file

@ -163,7 +163,7 @@ async function updatePagination(p: number, ps: number, s: string, d: boolean) {
function convert(val: any) { function convert(val: any) {
if (leaveType.value) { if (leaveType.value) {
const filtertype = leaveType.value.find( const filtertype = leaveType.value.find(
(e: any) => e.id === val.leaveTypeId (e: any) => e.id === val.leaveTypeId,
); );
const type = filtertype?.code; const type = filtertype?.code;
if (type == "LV-006" && val.hajjDayStatus == false) { if (type == "LV-006" && val.hajjDayStatus == false) {
@ -242,7 +242,7 @@ onMounted(async () => {
:props="props" :props="props"
@click="onClickView(props.row.id, props.row.status)" @click="onClickView(props.row.id, props.row.status)"
> >
{{ props.row.dateSendLeave }} {{ props.row.status === "DRAFT" ? "-" : props.row.dateSendLeave }}
</q-td> </q-td>
<q-td key="status" :props="props"> <q-td key="status" :props="props">
@ -419,7 +419,7 @@ onMounted(async () => {
<q-item-label v-if="col.name === 'no'"> <q-item-label v-if="col.name === 'no'">
{{ (page - 1) * pageSize + props.rowIndex + 1 }} {{ (page - 1) * pageSize + props.rowIndex + 1 }}
</q-item-label> </q-item-label>
<q-item-label v-if="col.name === 'status'"> <q-item-label v-else-if="col.name === 'status'">
<q-icon <q-icon
v-if="props.row.status == 'DRAFT'" v-if="props.row.status == 'DRAFT'"
size="10px" size="10px"
@ -468,7 +468,12 @@ onMounted(async () => {
<span class="q-pr-md">{{ props.row.statusConvert }}</span> <span class="q-pr-md">{{ props.row.statusConvert }}</span>
</q-item-label> </q-item-label>
<q-item-label v-else>{{ col.value }}</q-item-label> <q-item-label v-else-if="col.name === 'dateSendLeave'">
{{
props.row.status === "DRAFT" ? "-" : props.row.dateSendLeave
}}
</q-item-label>
<q-item-label v-else>{{ col.value }} </q-item-label>
</q-item-section> </q-item-section>
</q-item> </q-item>
</q-list> </q-list>

36
src/modules/05_leave/components/formDetail/01_SickForm.vue
View file

@ -18,7 +18,9 @@ const props = defineProps({
<div class="q-gutter-md q-pa-sm"> <div class="q-gutter-md q-pa-sm">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div> <div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div>
<div class="col-xs-12 col-md-6">{{ props.data.dateSendLeave }}</div> <div class="col-xs-12 col-md-6">
{{ props.data.status === "DRAFT" ? "-" : props.data.dateSendLeave }}
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div> <div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div>
@ -30,11 +32,33 @@ const props = defineProps({
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">ลาตั้งแต่วันที่</div> <div class="col-xs-12 col-md-6 text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col-xs-12 col-md-6">{{ props.data.leaveDateStart }} {{ `${props.data.leaveRange && props.data.leaveRange !== 'ALL' ? `(${converstType(props.data.leaveRange)})`:''}` }}</div> <div class="col-xs-12 col-md-6">
{{ props.data.leaveDateStart }}
{{
`${
props.data.leaveRange && props.data.leaveRange !== "ALL"
? `(${converstType(props.data.leaveRange)})`
: ""
}`
}}
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">ลาถึงวันที่</div> <div class="col-xs-12 col-md-6 text-grey-8">ลาถึงวันที่</div>
<div class="col-xs-12 col-md-6">{{ props.data.leaveDateEnd }} {{ `${props.data.leaveDateStart !== props.data.leaveDateEnd ? `${props.data.leaveRangeEnd && props.data.leaveRangeEnd !== 'ALL' ? `(${converstType(props.data.leaveRangeEnd)})`:''}` :''}` }}</div> <div class="col-xs-12 col-md-6">
{{ props.data.leaveDateEnd }}
{{
`${
props.data.leaveDateStart !== props.data.leaveDateEnd
? `${
props.data.leaveRangeEnd && props.data.leaveRangeEnd !== "ALL"
? `(${converstType(props.data.leaveRangeEnd)})`
: ""
}`
: ""
}`
}}
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">จำนวนวันที่ลา</div> <div class="col-xs-12 col-md-6 text-grey-8">จำนวนวันที่ลา</div>
@ -87,10 +111,12 @@ const props = defineProps({
target="_blank" target="_blank"
outline outline
color="blue" color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`" :label="`ดาวน์โหลดเอกสารแนบที่ ${Number(index) + 1}`"
size="12px" size="12px"
> >
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip> <q-tooltip
>ดาวน์โหลดเอกสารแนบที่ {{ Number(index) + 1 }}</q-tooltip
>
</q-btn> </q-btn>
</div> </div>
</div> </div>

42
src/modules/05_leave/components/formDetail/04_HelpWifeBirthForm.vue
View file

@ -1,8 +1,8 @@
<script setup lang="ts"> <script setup lang="ts">
import { useLeaveStore } from '@/modules/05_leave/store' import { useLeaveStore } from "@/modules/05_leave/store";
const store = useLeaveStore() const store = useLeaveStore();
const { converstType } = store const { converstType } = store;
/** /**
* รับ prop จาก component * รับ prop จาก component
*/ */
@ -17,7 +17,9 @@ const props = defineProps({
<div class="q-pa-sm q-gutter-md"> <div class="q-pa-sm q-gutter-md">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div> <div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div>
<div class="col-xs-12 col-md-6">{{ props.data.dateSendLeave }}</div> <div class="col-xs-12 col-md-6">
{{ props.data.status === "DRAFT" ? "-" : props.data.dateSendLeave }}
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div> <div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div>
@ -29,11 +31,33 @@ const props = defineProps({
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">ลาตั้งแต่วันที่</div> <div class="col-xs-12 col-md-6 text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col-xs-12 col-md-6">{{ props.data.leaveDateStart }} {{ `${props.data.leaveRange && props.data.leaveRange !== 'ALL' ? `(${converstType(props.data.leaveRange)})`:''}` }}</div> <div class="col-xs-12 col-md-6">
{{ props.data.leaveDateStart }}
{{
`${
props.data.leaveRange && props.data.leaveRange !== "ALL"
? `(${converstType(props.data.leaveRange)})`
: ""
}`
}}
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">ลาถึงวันที่</div> <div class="col-xs-12 col-md-6 text-grey-8">ลาถึงวันที่</div>
<div class="col-xs-12 col-md-6">{{ props.data.leaveDateEnd }} {{ `${props.data.leaveDateStart !== props.data.leaveDateEnd ? `${props.data.leaveRangeEnd && props.data.leaveRangeEnd !== 'ALL' ? `(${converstType(props.data.leaveRangeEnd)})`:''}` :''}` }}</div> <div class="col-xs-12 col-md-6">
{{ props.data.leaveDateEnd }}
{{
`${
props.data.leaveDateStart !== props.data.leaveDateEnd
? `${
props.data.leaveRangeEnd && props.data.leaveRangeEnd !== "ALL"
? `(${converstType(props.data.leaveRangeEnd)})`
: ""
}`
: ""
}`
}}
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">จำนวนวันที่ลา</div> <div class="col-xs-12 col-md-6 text-grey-8">จำนวนวันที่ลา</div>
@ -82,10 +106,12 @@ const props = defineProps({
target="_blank" target="_blank"
outline outline
color="blue" color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`" :label="`ดาวน์โหลดเอกสารแนบที่ ${Number(index) + 1}`"
size="12px" size="12px"
> >
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip> <q-tooltip
>ดาวน์โหลดเอกสารแนบที่ {{ Number(index) + 1 }}</q-tooltip
>
</q-btn> </q-btn>
</div> </div>
</div> </div>

36
src/modules/05_leave/components/formDetail/05_VacationForm.vue
View file

@ -18,7 +18,9 @@ const props = defineProps({
<div class="q-pa-sm q-gutter-md"> <div class="q-pa-sm q-gutter-md">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div> <div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div>
<div class="col-xs-12 col-md-6">{{ props.data.dateSendLeave }}</div> <div class="col-xs-12 col-md-6">
{{ props.data.status === "DRAFT" ? "-" : props.data.dateSendLeave }}
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div> <div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div>
@ -42,11 +44,33 @@ const props = defineProps({
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">ลาตั้งแต่วันที่</div> <div class="col-xs-12 col-md-6 text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col-xs-12 col-md-6">{{ props.data.leaveDateStart }} {{ `${props.data.leaveRange && props.data.leaveRange !== 'ALL' ? `(${converstType(props.data.leaveRange)})`:''}` }}</div> <div class="col-xs-12 col-md-6">
{{ props.data.leaveDateStart }}
{{
`${
props.data.leaveRange && props.data.leaveRange !== "ALL"
? `(${converstType(props.data.leaveRange)})`
: ""
}`
}}
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">ลาถึงวันที่</div> <div class="col-xs-12 col-md-6 text-grey-8">ลาถึงวันที่</div>
<div class="col-xs-12 col-md-6">{{ props.data.leaveDateEnd }} {{ `${props.data.leaveDateStart !== props.data.leaveDateEnd ? `${props.data.leaveRangeEnd && props.data.leaveRangeEnd !== 'ALL' ? `(${converstType(props.data.leaveRangeEnd)})`:''}` :''}` }}</div> <div class="col-xs-12 col-md-6">
{{ props.data.leaveDateEnd }}
{{
`${
props.data.leaveDateStart !== props.data.leaveDateEnd
? `${
props.data.leaveRangeEnd && props.data.leaveRangeEnd !== "ALL"
? `(${converstType(props.data.leaveRangeEnd)})`
: ""
}`
: ""
}`
}}
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">จำนวนวันที่ลา</div> <div class="col-xs-12 col-md-6 text-grey-8">จำนวนวันที่ลา</div>
@ -91,10 +115,12 @@ const props = defineProps({
target="_blank" target="_blank"
outline outline
color="blue" color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`" :label="`ดาวน์โหลดเอกสารแนบที่ ${Number(index) + 1}`"
size="12px" size="12px"
> >
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip> <q-tooltip
>ดาวน์โหลดเอกสารแนบที่ {{ Number(index) + 1 }}</q-tooltip
>
</q-btn> </q-btn>
</div> </div>
</div> </div>

8
src/modules/05_leave/components/formDetail/06_OrdinationForm.vue
View file

@ -18,7 +18,7 @@ const props = defineProps({
<div class="q-pa-md q-gutter-md"> <div class="q-pa-md q-gutter-md">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div> <div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div>
<div class="col-xs-12 col-md-6">{{ props.data.dateSendLeave }}</div> <div class="col-xs-12 col-md-6">{{ props.data.status === "DRAFT" ? "-" : props.data.dateSendLeave }}</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div> <div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div>
@ -98,10 +98,12 @@ const props = defineProps({
target="_blank" target="_blank"
outline outline
color="blue" color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`" :label="`ดาวน์โหลดเอกสารแนบที่ ${Number(index) + 1}`"
size="12px" size="12px"
> >
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip> <q-tooltip
>ดาวน์โหลดเอกสารแนบที่ {{ Number(index) + 1 }}</q-tooltip
>
</q-btn> </q-btn>
</div> </div>
</div> </div>

8
src/modules/05_leave/components/formDetail/07_HajjForm.vue
View file

@ -18,7 +18,7 @@ const props = defineProps({
<div class="q-pa-sm q-gutter-md"> <div class="q-pa-sm q-gutter-md">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div> <div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div>
<div class="col-xs-12 col-md-6">{{ props.data.dateSendLeave }}</div> <div class="col-xs-12 col-md-6">{{ props.data.status === "DRAFT" ? "-" : props.data.dateSendLeave }}</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div> <div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div>
@ -77,10 +77,12 @@ const props = defineProps({
target="_blank" target="_blank"
outline outline
color="blue" color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`" :label="`ดาวน์โหลดเอกสารแนบที่ ${Number(index) + 1}`"
size="12px" size="12px"
> >
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip> <q-tooltip
>ดาวน์โหลดเอกสารแนบที่ {{ Number(index) + 1 }}</q-tooltip
>
</q-btn> </q-btn>
</div> </div>
</div> </div>

42
src/modules/05_leave/components/formDetail/08_MilitaryForm.vue
View file

@ -1,8 +1,8 @@
<script setup lang="ts"> <script setup lang="ts">
import { useLeaveStore } from '@/modules/05_leave/store' import { useLeaveStore } from "@/modules/05_leave/store";
const store = useLeaveStore() const store = useLeaveStore();
const { converstType } = store const { converstType } = store;
/** /**
* รับ prop จาก component * รับ prop จาก component
*/ */
@ -18,7 +18,9 @@ const props = defineProps({
<div class="q-pa-sm q-gutter-md"> <div class="q-pa-sm q-gutter-md">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div> <div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div>
<div class="col-xs-12 col-md-6">{{ props.data.dateSendLeave }}</div> <div class="col-xs-12 col-md-6">
{{ props.data.status === "DRAFT" ? "-" : props.data.dateSendLeave }}
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div> <div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div>
@ -30,11 +32,33 @@ const props = defineProps({
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">ลาตั้งแต่วันที่</div> <div class="col-xs-12 col-md-6 text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col-xs-12 col-md-6">{{ props.data.leaveDateStart }} {{ `${props.data.leaveRange && props.data.leaveRange !== 'ALL' ? `(${converstType(props.data.leaveRange)})`:''}` }}</div> <div class="col-xs-12 col-md-6">
{{ props.data.leaveDateStart }}
{{
`${
props.data.leaveRange && props.data.leaveRange !== "ALL"
? `(${converstType(props.data.leaveRange)})`
: ""
}`
}}
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">ลาถึงวันที่</div> <div class="col-xs-12 col-md-6 text-grey-8">ลาถึงวันที่</div>
<div class="col-xs-12 col-md-6">{{ props.data.leaveDateEnd }} {{ `${props.data.leaveDateStart !== props.data.leaveDateEnd ? `${props.data.leaveRangeEnd && props.data.leaveRangeEnd !== 'ALL' ? `(${converstType(props.data.leaveRangeEnd)})`:''}` :''}` }}</div> <div class="col-xs-12 col-md-6">
{{ props.data.leaveDateEnd }}
{{
`${
props.data.leaveDateStart !== props.data.leaveDateEnd
? `${
props.data.leaveRangeEnd && props.data.leaveRangeEnd !== "ALL"
? `(${converstType(props.data.leaveRangeEnd)})`
: ""
}`
: ""
}`
}}
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">จำนวนวันที่ลา</div> <div class="col-xs-12 col-md-6 text-grey-8">จำนวนวันที่ลา</div>
@ -87,10 +111,12 @@ const props = defineProps({
target="_blank" target="_blank"
outline outline
color="blue" color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`" :label="`ดาวน์โหลดเอกสารแนบที่ ${Number(index) + 1}`"
size="12px" size="12px"
> >
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip> <q-tooltip
>ดาวน์โหลดเอกสารแนบที่ {{ Number(index) + 1 }}</q-tooltip
>
</q-btn> </q-btn>
</div> </div>
</div> </div>

42
src/modules/05_leave/components/formDetail/09_StudyForm.vue
View file

@ -1,8 +1,8 @@
<script setup lang="ts"> <script setup lang="ts">
import { useLeaveStore } from '@/modules/05_leave/store' import { useLeaveStore } from "@/modules/05_leave/store";
const store = useLeaveStore() const store = useLeaveStore();
const { converstType } = store const { converstType } = store;
/** /**
* รับ prop จาก component * รับ prop จาก component
*/ */
@ -18,7 +18,9 @@ const props = defineProps({
<div class="q-pa-sm q-gutter-md"> <div class="q-pa-sm q-gutter-md">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div> <div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div>
<div class="col-xs-12 col-md-6">{{ props.data.dateSendLeave }}</div> <div class="col-xs-12 col-md-6">
{{ props.data.status === "DRAFT" ? "-" : props.data.dateSendLeave }}
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div> <div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div>
@ -30,11 +32,33 @@ const props = defineProps({
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">ลาตั้งแต่วันที่</div> <div class="col-xs-12 col-md-6 text-grey-8">ลาตั้งแต่วันที่</div>
<div class="col-xs-12 col-md-6">{{ props.data.leaveDateStart }} {{ `${props.data.leaveRange && props.data.leaveRange !== 'ALL' ? `(${converstType(props.data.leaveRange)})`:''}` }}</div> <div class="col-xs-12 col-md-6">
{{ props.data.leaveDateStart }}
{{
`${
props.data.leaveRange && props.data.leaveRange !== "ALL"
? `(${converstType(props.data.leaveRange)})`
: ""
}`
}}
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">ลาถึงวันที่</div> <div class="col-xs-12 col-md-6 text-grey-8">ลาถึงวันที่</div>
<div class="col-xs-12 col-md-6">{{ props.data.leaveDateEnd }} {{ `${props.data.leaveDateStart !== props.data.leaveDateEnd ? `${props.data.leaveRangeEnd && props.data.leaveRangeEnd !== 'ALL' ? `(${converstType(props.data.leaveRangeEnd)})`:''}` :''}` }}</div> <div class="col-xs-12 col-md-6">
{{ props.data.leaveDateEnd }}
{{
`${
props.data.leaveDateStart !== props.data.leaveDateEnd
? `${
props.data.leaveRangeEnd && props.data.leaveRangeEnd !== "ALL"
? `(${converstType(props.data.leaveRangeEnd)})`
: ""
}`
: ""
}`
}}
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">จำนวนวันที่ลา</div> <div class="col-xs-12 col-md-6 text-grey-8">จำนวนวันที่ลา</div>
@ -111,10 +135,12 @@ const props = defineProps({
target="_blank" target="_blank"
outline outline
color="blue" color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`" :label="`ดาวน์โหลดเอกสารแนบที่ ${Number(index) + 1}`"
size="12px" size="12px"
> >
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip> <q-tooltip
>ดาวน์โหลดเอกสารแนบที่ {{ Number(index) + 1 }}</q-tooltip
>
</q-btn> </q-btn>
</div> </div>
</div> </div>

6
src/modules/05_leave/components/formDetail/10_TrainForm.vue
View file

@ -17,7 +17,7 @@ const props = defineProps({
<div class="q-pa-sm q-gutter-md"> <div class="q-pa-sm q-gutter-md">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div> <div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div>
<div class="col-xs-12 col-md-6">{{ props.data.dateSendLeave }}</div> <div class="col-xs-12 col-md-6">{{ props.data.status === "DRAFT" ? "-" : props.data.dateSendLeave }}</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div> <div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div>
@ -132,10 +132,10 @@ const props = defineProps({
target="_blank" target="_blank"
outline outline
color="blue" color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`" :label="`ดาวน์โหลดเอกสารแนบที่ ${Number(index) + 1}`"
size="12px" size="12px"
> >
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip> <q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ Number(index) + 1 }}</q-tooltip>
</q-btn> </q-btn>
</div> </div>
</div> </div>

6
src/modules/05_leave/components/formDetail/11_WorkInternationalForm.vue
View file

@ -17,7 +17,7 @@ const props = defineProps({
<div class="q-pa-sm q-gutter-md"> <div class="q-pa-sm q-gutter-md">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div> <div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div>
<div class="col-xs-12 col-md-6">{{ props.data.dateSendLeave }}</div> <div class="col-xs-12 col-md-6">{{ props.data.status === "DRAFT" ? "-" : props.data.dateSendLeave }}</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div> <div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div>
@ -80,10 +80,10 @@ const props = defineProps({
target="_blank" target="_blank"
outline outline
color="blue" color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`" :label="`ดาวน์โหลดเอกสารแนบที่ ${Number(index) + 1}`"
size="12px" size="12px"
> >
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip> <q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ Number(index) + 1 }}</q-tooltip>
</q-btn> </q-btn>
</div> </div>
</div> </div>

6
src/modules/05_leave/components/formDetail/12_FollowSpouseForm.vue
View file

@ -17,7 +17,7 @@ const props = defineProps({
<div class="q-pa-sm q-gutter-md"> <div class="q-pa-sm q-gutter-md">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div> <div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div>
<div class="col-xs-12 col-md-6">{{ props.data.dateSendLeave }}</div> <div class="col-xs-12 col-md-6">{{ props.data.status === "DRAFT" ? "-" : props.data.dateSendLeave }}</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div> <div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div>
@ -145,10 +145,10 @@ const props = defineProps({
target="_blank" target="_blank"
outline outline
color="blue" color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`" :label="`ดาวน์โหลดเอกสารแนบที่ ${Number(index) + 1}`"
size="12px" size="12px"
> >
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip> <q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ Number(index) + 1 }}</q-tooltip>
</q-btn> </q-btn>
</div> </div>
</div> </div>

6
src/modules/05_leave/components/formDetail/13_RehabilitationForm.vue
View file

@ -17,7 +17,7 @@ const props = defineProps({
<div class="q-pa-sm q-gutter-md"> <div class="q-pa-sm q-gutter-md">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div> <div class="col-xs-12 col-md-6 text-grey-8">วันที่ยื่นใบลา</div>
<div class="col-xs-12 col-md-6">{{ props.data.dateSendLeave }}</div> <div class="col-xs-12 col-md-6">{{ props.data.status === "DRAFT" ? "-" : props.data.dateSendLeave }}</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div> <div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div>
@ -80,10 +80,10 @@ const props = defineProps({
target="_blank" target="_blank"
outline outline
color="blue" color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`" :label="`ดาวน์โหลดเอกสารแนบที่ ${Number(index) + 1}`"
size="12px" size="12px"
> >
<q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip> <q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ Number(index) + 1 }}</q-tooltip>
</q-btn> </q-btn>
</div> </div>
</div> </div>