hrms-user/src/modules/05_leave/components/formDetail/formCheckSelect.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 text-grey-8">วันที่ยื่นใบลา</div>
        <div class="col">{{ props.data.dateSendLeave }}</div>
      </div>
      <div class="row">
        <div class="col text-grey-8">เรื่อง</div>
        <div class="col">{{ props.data.leaveTypeName }}</div>
      </div>
      <div class="row">
        <div class="col text-grey-8">เขียนที่</div>
        <div class="col">{{ props.data.leaveWrote }}</div>
      </div>
      <div class="row">
        <div class="col text-grey-8">ลาตั้งแต่วันที่</div>
        <div class="col">{{ props.data.leaveDateStart }}</div>
      </div>
      <div class="row">
        <div class="col text-grey-8">ลาถึงวันที่</div>
        <div class="col">{{ props.data.leaveDateEnd }}</div>
      </div>
      <div class="row">
        <div class="col text-grey-8">จำนวนวันที่ลา</div>
        <div class="col">{{ props.data.leaveCount }}</div>
      </div>
      <div class="row">
        <div class="col text-grey-8">ได้รับหมายเรียกของ</div>
        <div class="col">{{ props.data.absentDaySummon }}</div>
      </div>
      <div class="row">
        <div class="col text-grey-8">ที่</div>
        <div class="col">{{ props.data.absentDayLocation }}</div>
      </div>
      <div class="row">
        <div class="col text-grey-8">ลงวันที่</div>
        <div class="col">{{ props.data.absentDayRegistorDate }}</div>
      </div>
      <div class="row">
        <div class="col text-grey-8">ให้เข้ารับการ</div>
        <div class="col">{{ props.data.absentDayGetIn }}</div>
      </div>
      <div class="row">
        <div class="col text-grey-8">ณ ที่</div>
        <div class="col">{{ props.data.absentDayAt }}</div>
      </div>
      <div class="row">
        <div class="col text-grey-8">รายละเอียด</div>
        <div class="col">{{ props.data.leaveDetail }}</div>
      </div>
      <div class="row">
        <div class="col text-grey-8">เอกสารแนบ</div>
        <div class="col" v-if="props.data.leaveDocument">
          <q-btn
            :href="props.data.leaveDocument"
            target="_blank"
            outline
            color="blue"
            label="ดาวน์โหลด"
            size="12px"
          >
            <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
          >
        </div>
        <div class="col" v-else>-</div>
      </div>
    </div>
  </q-card-section>
</template>

<style scoped></style>