<script setup lang="ts">
/**
 * รับ prop จาก component
 */
const props = defineProps({
  data: {
    type: Object,
    required: true,
  },
});
</script>
<template>
  <div class="q-pa-sm q-gutter-md">
    <div class="row">
      <div class="col-xs-12 col-md-6-4 text-grey-8">วันที่ยืนใบลา</div>
      <div class="col-xs-12 col-md-6">{{ props.data.dateSendLeave }}</div>
    </div>
    <div class="row">
      <div class="col-xs-12 col-md-6-4 text-grey-8">เรื่อง</div>
      <div class="col-xs-12 col-md-6">{{ props.data.leaveTypeName }}</div>
    </div>
    <div class="row">
      <div class="col-xs-12 col-md-6-4 text-grey-8">เรียน</div>
      <div class="col-xs-12 col-md-6">{{ props.data.notification }}</div>
    </div>
    <div class="row">
      <div class="col-xs-12 col-md-6-4 text-grey-8">ชื่อผู้ยื่นขอ</div>
      <div class="col-xs-12 col-md-6">{{ props.data.fullname }}</div>
    </div>
    <div class="row">
      <div class="col-xs-12 col-md-6-4 text-grey-8">ตำแหน่งผู้ยืนขอ</div>
      <div class="col-xs-12 col-md-6">{{ props.data.positionName }}</div>
    </div>
    <div class="row">
      <div class="col-xs-12 col-md-6-4 text-grey-8">ระดับผู้ยืนขอ</div>
      <div class="col-xs-12 col-md-6">{{ props.data.positionLevelName }}</div>
    </div>
    <div class="row">
      <div class="col-xs-12 col-md-6-4 text-grey-8">สังกัดผู้ยืนขอ</div>
      <div class="col-xs-12 col-md-6">{{ props.data.organizationName }}</div>
    </div>
  </div>
</template>

<style scoped></style>
