แก้ UI รายการลา
This commit is contained in:
parent
3b6172ee03
commit
ea7af9e29c
31 changed files with 2463 additions and 1341 deletions
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue