แกไข ชื่อ file

src/modules/05_leave/components/formDetail/formMain.vue

@@ -0,0 +1,45 @@
+<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>