แก้ UI รายการลา

This commit is contained in:
setthawutttty 2025-04-25 16:01:57 +07:00
parent 3b6172ee03
commit ea7af9e29c
31 changed files with 2463 additions and 1341 deletions

View file

@ -1,4 +1,8 @@
<script setup lang="ts">
import { useLeaveStore } from "@/modules/05_leave/store";
const store = useLeaveStore();
const { converstType } = store;
/**
* prop จาก component
*/
@ -20,7 +24,13 @@ const props = defineProps({
<div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">ประเภทการลา</div>
<div class="col-xs-12 col-md-6">
{{ props.data.leaveTypeName ? props.data.leaveTypeName : "-" }}
{{
props.data.leaveSubTypeName
? props.data.leaveSubTypeName
: props.data.leaveTypeName
? props.data.leaveTypeName
: "-"
}}
</div>
</div>
<div class="row">
@ -38,13 +48,31 @@ const props = defineProps({
<div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">ลาตงแตนท</div>
<div class="col-xs-12 col-md-6">
{{ props.data.leaveStartDate ? props.data.leaveStartDate : "-" }}
{{ props.data.leaveDateStart }}
{{
`${
props.data.leaveRange && props.data.leaveRange !== "ALL"
? `(${converstType(props.data.leaveRange)})`
: ""
}`
}}
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-6 text-grey-8">ลาถงวนท</div>
<div class="col-xs-12 col-md-6">
{{ props.data.leaveEndDate ? props.data.leaveEndDate : "-" }}
{{ props.data.leaveDateEnd }}
{{
`${
props.data.leaveDateStart !== props.data.leaveDateEnd
? `${
props.data.leaveRangeEnd && props.data.leaveRangeEnd !== "ALL"
? `(${converstType(props.data.leaveRangeEnd)})`
: ""
}`
: ""
}`
}}
</div>
</div>
<div class="row">