45 lines
1.5 KiB
Vue
45 lines
1.5 KiB
Vue
<script setup lang="ts">
|
|
const props = defineProps({
|
|
data: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
});
|
|
console.log(props);
|
|
</script>
|
|
<template>
|
|
<q-card-section>
|
|
<div class="q-pa-md q-gutter-md">
|
|
<div class="row">
|
|
<div class="col-4 text-grey-8">วันที่ยืนใบลา</div>
|
|
<div class="col">{{ props.data.dateSendLeave }}</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-4 text-grey-8">เรื่อง</div>
|
|
<div class="col">{{ props.data.leaveTypeName }}</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-4 text-grey-8">เรียน</div>
|
|
<div class="col">{{ props.data.notification }}</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-4 text-grey-8">ชื่อผู้ยื่นขอ</div>
|
|
<div class="col">{{ props.data.fullname }}</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-4 text-grey-8">ตำแหน่งผู้ยืนขอ</div>
|
|
<div class="col">{{ props.data.positionName }}</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-4 text-grey-8">ระดับผู้ยืนขอ</div>
|
|
<div class="col">{{ props.data.positionLevelName }}</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-4 text-grey-8">สังกัดผู้ยืนขอ</div>
|
|
<div class="col">{{ props.data.organizationName }}</div>
|
|
</div>
|
|
</div>
|
|
</q-card-section>
|
|
</template>
|
|
|
|
<style scoped></style>
|