<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>
