diff --git a/src/modules/05_leave/componenst/Forms/06_OrdinationForm.vue b/src/modules/05_leave/componenst/Forms/06_OrdinationForm.vue
new file mode 100644
index 0000000..4e8b47b
--- /dev/null
+++ b/src/modules/05_leave/componenst/Forms/06_OrdinationForm.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import { ref } from "vue"
+
+const edit = ref<boolean>(false)
+const props = defineProps({
+  data: {
+    type: Array,
+    default: null,
+  },
+});
+</script>
+
+<template>
+  <div>
+    ลาอุปสมบท
+    <ul>
+      <li>ลาตั้งแต่วันที่</li>
+      <li>ลาถึงวันที่</li>
+      <li>จำนวนวันที่ลา Auto (ส่งลาตั้งแต่วันที่และลาถึงวันที่ ไปคำนวนที่ฝั่ง backend)</li>
+      <li>วันเดือนปีเกิด (Auto)</li>
+      <li>วันที่เข้ารับราชการ (Auto)</li>
+      <li>เคย/ไม่เคยบวช (ให้เลือก)</li>
+      <li>สถานที่บวช มีข้อมูล ชื่อวัด, ที่อยู่, หมายเลขโทรศัพท์</li>
+      <li>วันอุปสมบท</li>
+      <li>สถานที่จำพรรษา มีข้อมูล ชื่อวัด, ที่อยู่</li>
+      <li>รายละเอียด (ไม่บังคับกรอก)</li>
+      <li>เอกสารประกอบ</li>
+    </ul>
+  </div>
+</template>
diff --git a/src/modules/05_leave/componenst/Forms/07_HajjForm.vue b/src/modules/05_leave/componenst/Forms/07_HajjForm.vue
new file mode 100644
index 0000000..e3a2f64
--- /dev/null
+++ b/src/modules/05_leave/componenst/Forms/07_HajjForm.vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import { ref } from "vue"
+
+const edit = ref<boolean>(false)
+const props = defineProps({
+  data: {
+    type: Array,
+    default: null,
+  },
+});
+</script>
+
+<template>
+  <div>
+    ลาประกอบพิธีฮัจย์
+    <ul>
+      <li>ลาตั้งแต่วันที่</li>
+      <li>ลาถึงวันที่</li>
+      <li>จำนวนวันที่ลา Auto (ส่งลาตั้งแต่วันที่และลาถึงวันที่ ไปคำนวนที่ฝั่ง backend)</li>
+      <li>วันที่เข้ารับราชการ (Auto)</li>
+      <li>เคย/ไม่เคยไปประกอบพิธีฮัจย์ (ให้เลือก)</li>
+      <li>รายละเอียด (ไม่บังคับกรอก)</li>
+      <li>เอกสารประกอบ</li>
+    </ul>
+  </div>
+</template>
diff --git a/src/modules/05_leave/componenst/Forms/08_MilitaryForm.vue b/src/modules/05_leave/componenst/Forms/08_MilitaryForm.vue
new file mode 100644
index 0000000..b2c30ff
--- /dev/null
+++ b/src/modules/05_leave/componenst/Forms/08_MilitaryForm.vue
@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import { ref } from "vue"
+
+const edit = ref<boolean>(false)
+const props = defineProps({
+  data: {
+    type: Array,
+    default: null,
+  },
+});
+</script>
+
+<template>
+  <div>
+    ลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล
+    <ul>
+      <li>ลาตั้งแต่วันที่</li>
+      <li>ลาถึงวันที่</li>
+      <li>จำนวนวันที่ลา Auto (ส่งลาตั้งแต่วันที่และลาถึงวันที่ ไปคำนวนที่ฝั่ง backend)</li>
+      <li>ได้รับหมายเรียกของ</li>
+      <li>ที่</li>
+      <li>ลงวันที่</li>
+      <li>ให้เข้ารับการ</li>
+      <li>ณ ที่</li>
+      <li>รายละเอียด (ไม่บังคับกรอก)</li>
+      <li>เอกสารประกอบ</li>
+    </ul>
+  </div>
+</template>
diff --git a/src/modules/05_leave/componenst/Forms/09_StudyForm.vue b/src/modules/05_leave/componenst/Forms/09_StudyForm.vue
new file mode 100644
index 0000000..2eaf34a
--- /dev/null
+++ b/src/modules/05_leave/componenst/Forms/09_StudyForm.vue
@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import { ref } from "vue"
+
+const edit = ref<boolean>(false)
+const props = defineProps({
+  data: {
+    type: Array,
+    default: null,
+  },
+});
+</script>
+
+<template>
+  <div>
+    ลาไปศึกษา
+    <ul>
+      <li>ลาตั้งแต่วันที่</li>
+      <li>ลาถึงวันที่</li>
+      <li>มีกำหนด กี่ปี กี่เดือน กี่วัน (คำนวนจากทาง frontend Auto)</li>
+      <li>วันเดือนปีเกิด (Auto)</li>
+      <li>วันที่เข้ารับราชการ (Auto)</li>
+      <li>เงินเดือนปัจจุบัน (Auto)</li>
+      <li>เงินเดือนปัจจุบัน (เขียนเป็นคำอ่าน) ใช้ฟังก์ชั่นแปลงเลขเป็นข้อความ</li>
+      <li>ศึกษาวิชา</li>
+      <li>ขั้นปริญญา</li>
+      <li>ชื่อสถานศึกษา</li>
+      <li>ประเทศ</li>
+      <li>ด้วยทุน</li>
+      <li>ที่อยู่ที่ติดต่อได้ระหว่างลา</li>
+      <li>หมายเลขโทรศัพท์</li>
+      <li>รายละเอียด (ไม่บังคับกรอก)</li>
+      <li>เอกสารประกอบ</li>
+    </ul>
+
+    <p>
+      *หมายเหตุ ที่อยู่ที่ติดต่อได้ระหว่างลา (อาจดึงมาจากที่อยู่ปัจจุบันโดยอัตโนมัติ แต่ให้ผู้ใช้งานแก้ไขได้)
+    </p>
+  </div>
+</template>
diff --git a/src/modules/05_leave/componenst/Forms/10_TrainForm.vue b/src/modules/05_leave/componenst/Forms/10_TrainForm.vue
new file mode 100644
index 0000000..0748e2a
--- /dev/null
+++ b/src/modules/05_leave/componenst/Forms/10_TrainForm.vue
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import { ref } from "vue"
+
+const edit = ref<boolean>(false)
+const props = defineProps({
+  data: {
+    type: Array,
+    default: null,
+  },
+});
+</script>
+
+<template>
+  <div>
+    ลาไปฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน
+    <ul>
+      <li>ลาตั้งแต่วันที่</li>
+      <li>ลาถึงวันที่</li>
+      <li>มีกำหนด กี่ปี กี่เดือน กี่วัน (คำนวนจากทาง frontend Auto)</li>
+      <li>วันเดือนปีเกิด (Auto)</li>
+      <li>วันที่เข้ารับราชการ (Auto)</li>
+      <li>เงินเดือนปัจจุบัน (Auto)</li>
+      <li>เงินเดือนปัจจุบัน (เขียนเป็นคำอ่าน) ใช้ฟังก์ชั่นแปลงเลขเป็นข้อความ</li>
+      <li>ด้าน/หลักสูตร</li>
+      <li>ณ สถานที่</li>
+      <li>ประเทศ</li>
+      <li>ด้วยทุน</li>
+      <li>ที่อยู่ที่ติดต่อได้ระหว่างลา</li>
+      <li>หมายเลขโทรศัพท์</li>
+      <li>รายละเอียด (ไม่บังคับกรอก)</li>
+      <li>เอกสารประกอบ</li>
+    </ul>
+
+    <p>
+      *หมายเหตุ ที่อยู่ที่ติดต่อได้ระหว่างลา (อาจดึงมาจากที่อยู่ปัจจุบันโดยอัตโนมัติ แต่ให้ผู้ใช้งานแก้ไขได้)
+    </p>
+  </div>
+</template>
diff --git a/src/modules/05_leave/componenst/Forms/11_WorkInternationalForm.vue b/src/modules/05_leave/componenst/Forms/11_WorkInternationalForm.vue
new file mode 100644
index 0000000..d9d2a95
--- /dev/null
+++ b/src/modules/05_leave/componenst/Forms/11_WorkInternationalForm.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { ref } from "vue"
+
+const edit = ref<boolean>(false)
+const props = defineProps({
+  data: {
+    type: Array,
+    default: null,
+  },
+});
+</script>
+
+<template>
+  <div>
+    ลาไปปฏิบัติงานในองค์การระหว่างประเทศ
+    <p>
+      *หมายเหตุ รายละเอียดฟิลด์ในหัวข้อนี้มีเยอะยังไม่ทำรอ user confirm
+    </p>
+  </div>
+</template>
diff --git a/src/modules/05_leave/componenst/Forms/12_FollowSpouseForm.vue b/src/modules/05_leave/componenst/Forms/12_FollowSpouseForm.vue
new file mode 100644
index 0000000..4cb78cf
--- /dev/null
+++ b/src/modules/05_leave/componenst/Forms/12_FollowSpouseForm.vue
@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { ref } from "vue"
+
+const edit = ref<boolean>(false)
+const props = defineProps({
+  data: {
+    type: Array,
+    default: null,
+  },
+});
+</script>
+
+<template>
+  <div>
+    ลาติดตามคู่สมรส
+    <ul>
+      <li>ลาตั้งแต่วันที่</li>
+      <li>ลาถึงวันที่</li>
+      <li>มีกำหนด กี่ปี กี่เดือน กี่วัน (คำนวนจากทาง frontend Auto)</li>
+      <li>วันเดือนปีเกิด (Auto)</li>
+      <li>วันที่เข้ารับราชการ (Auto)</li>
+      <li>เงินเดือนปัจจุบัน (Auto)</li>
+      <li>เงินเดือนปัจจุบัน (เขียนเป็นคำอ่าน) ใช้ฟังก์ชั่นแปลงเลขเป็นข้อความ</li>
+      <li>กรณีลาไปศึกษาต่อ มีฟิลด์เพิ่มคือ ศึกษาวิชา, ขั้นปริญญา, ชื่อสถานศึกษา, ประเทศ, ด้วยทุน</li>
+      <li>กรณีลาไปฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน มีฟิลด์เพิ่มคือ ด้าน/หลักสูตร, ณ สถานที่, ประเทศ, ด้วยทุน</li>
+      <li>ที่อยู่ที่ติดต่อได้ระหว่างลา</li>
+      <li>หมายเลขโทรศัพท์</li>
+      <li>รายละเอียด (ไม่บังคับกรอก)</li>
+      <li>เอกสารประกอบ</li>
+    </ul>
+  </div>
+</template>
diff --git a/src/modules/05_leave/componenst/Forms/13_RehabilitationForm.vue b/src/modules/05_leave/componenst/Forms/13_RehabilitationForm.vue
new file mode 100644
index 0000000..ff8ff06
--- /dev/null
+++ b/src/modules/05_leave/componenst/Forms/13_RehabilitationForm.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { ref } from "vue"
+
+const edit = ref<boolean>(false)
+const props = defineProps({
+  data: {
+    type: Array,
+    default: null,
+  },
+});
+</script>
+
+<template>
+  <div>
+    ลาไปฟื้นฟูสมรรถภาพด้านอาชีพ
+    <p>
+      *หมายเหตุ รายละเอียดฟิลด์ในหัวข้อนี้มีเยอะยังไม่ทำรอ user confirm
+    </p>
+  </div>
+</template>