add form leave
This commit is contained in:
parent
a8cfcbd304
commit
ffd6a0dfa3
8 changed files with 234 additions and 0 deletions
30
src/modules/05_leave/componenst/Forms/06_OrdinationForm.vue
Normal file
30
src/modules/05_leave/componenst/Forms/06_OrdinationForm.vue
Normal file
|
|
@ -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>
|
||||||
26
src/modules/05_leave/componenst/Forms/07_HajjForm.vue
Normal file
26
src/modules/05_leave/componenst/Forms/07_HajjForm.vue
Normal file
|
|
@ -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>
|
||||||
29
src/modules/05_leave/componenst/Forms/08_MilitaryForm.vue
Normal file
29
src/modules/05_leave/componenst/Forms/08_MilitaryForm.vue
Normal file
|
|
@ -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>
|
||||||
39
src/modules/05_leave/componenst/Forms/09_StudyForm.vue
Normal file
39
src/modules/05_leave/componenst/Forms/09_StudyForm.vue
Normal file
|
|
@ -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>
|
||||||
38
src/modules/05_leave/componenst/Forms/10_TrainForm.vue
Normal file
38
src/modules/05_leave/componenst/Forms/10_TrainForm.vue
Normal file
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue