Merge pull request #1534 from Frappet/feat/registry
All checks were successful
Build & Deploy on Dev / build (push) Successful in 10m2s
All checks were successful
Build & Deploy on Dev / build (push) Successful in 10m2s
feat
This commit is contained in:
GitHub
commit
b591883db2
5 changed files with 391 additions and 3 deletions
235
src/modules/04_registryPerson/components/DialogResingn.vue
Normal file
235
src/modules/04_registryPerson/components/DialogResingn.vue
Normal file
|
|
@ -0,0 +1,235 @@
|
|||
<script setup lang="ts">
|
||||
import { ref, reactive, computed } from "vue";
|
||||
import { useQuasar } from "quasar";
|
||||
|
||||
import { useRouter, useRoute } from "vue-router";
|
||||
import { useCounterMixin } from "@/stores/mixin";
|
||||
import http from "@/plugins/http";
|
||||
import config from "@/app.config";
|
||||
|
||||
/** import components*/
|
||||
import DialogHeader from "@/components/DialogHeader.vue";
|
||||
|
||||
import type { DataOption } from "@/modules/04_registryPerson/interface/index/Main";
|
||||
|
||||
//use
|
||||
const $q = useQuasar();
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
const {
|
||||
showLoader,
|
||||
hideLoader,
|
||||
messageError,
|
||||
date2Thai,
|
||||
dateToISO,
|
||||
pathRegistryEmp,
|
||||
success,
|
||||
} = useCounterMixin();
|
||||
|
||||
//props
|
||||
const modal = defineModel<boolean>("modal", { required: true });
|
||||
const profileId = ref<string>(route.params.id?.toString() ?? ""); //ProfileId
|
||||
const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? "")); //ประเภทข้าราชการ
|
||||
|
||||
const isEmployee = computed(() => empType.value !== "");
|
||||
|
||||
const form = reactive({
|
||||
location: "",
|
||||
activeDate: null as Date | null,
|
||||
reason: "",
|
||||
files: null as File | null,
|
||||
remark: "",
|
||||
});
|
||||
|
||||
const reasonOp = ref<DataOption[]>([
|
||||
{
|
||||
id: "CAREER",
|
||||
name: "ประกอบอาชีพอื่น",
|
||||
},
|
||||
{
|
||||
id: "MOVE",
|
||||
name: "รับราชการสังกัดอื่น",
|
||||
},
|
||||
{
|
||||
id: "FAMILY",
|
||||
name: "ดูแลบิดามารดา",
|
||||
},
|
||||
{
|
||||
id: "EDUCATION",
|
||||
name: "ศึกษาต่อ",
|
||||
},
|
||||
{
|
||||
id: "OTHER",
|
||||
name: "อื่น ๆ",
|
||||
},
|
||||
]);
|
||||
|
||||
async function onSubmit() {
|
||||
try {
|
||||
showLoader();
|
||||
const formData = new FormData();
|
||||
formData.append("ProfileId", profileId.value);
|
||||
formData.append("Location", form.location);
|
||||
formData.append(
|
||||
"ActiveDate",
|
||||
form.activeDate !== null ? dateToISO(form.activeDate) : ""
|
||||
);
|
||||
formData.append("Reason", form.reason);
|
||||
if (form.files) {
|
||||
formData.append("file", form.files);
|
||||
}
|
||||
if (form.reason === "OTHER") {
|
||||
formData.append("remark", form.remark);
|
||||
}
|
||||
|
||||
await http.post(config.API.resignAdmin(empType.value), formData);
|
||||
router.push({ name: isEmployee.value ? "resignEmployee" : "resign" });
|
||||
success($q, "บันทึกข้อมูลสำเร็จ");
|
||||
} catch (error) {
|
||||
messageError($q, error);
|
||||
} finally {
|
||||
hideLoader();
|
||||
}
|
||||
}
|
||||
|
||||
/** function ปิด popup*/
|
||||
function closeDialog() {
|
||||
modal.value = false;
|
||||
form.location = "";
|
||||
form.activeDate = null;
|
||||
form.reason = "";
|
||||
form.files = null;
|
||||
form.remark = "";
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<q-dialog v-model="modal" persistent>
|
||||
<q-card style="width: 40vw; max-width: 50vw">
|
||||
<q-form greedy @submit.prevent="onSubmit">
|
||||
<DialogHeader :tittle="'ขอลาออก'" :close="closeDialog" />
|
||||
<q-separator />
|
||||
|
||||
<q-card-section class="q-pa-md">
|
||||
<div class="col-12 row q-col-gutter-sm">
|
||||
<div class="col-md-9 col-sm-12">
|
||||
<q-input
|
||||
class="inputgreen"
|
||||
dense
|
||||
outlined
|
||||
v-model="form.location"
|
||||
hide-bottom-space
|
||||
label="สถานที่ยื่นขอลาออกจากราชการ"
|
||||
:rules="[(val:string) => !!val || `${'กรุณากรอกสถานที่ยื่นขอลาออกจากราชการ'}`]"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 col-sm-12">
|
||||
<datepicker
|
||||
class="inputgreen"
|
||||
menu-class-name="modalfix"
|
||||
v-model="form.activeDate"
|
||||
:locale="'th'"
|
||||
autoApply
|
||||
borderless
|
||||
:enableTimePicker="false"
|
||||
week-start="0"
|
||||
>
|
||||
<template #year="{ year }">
|
||||
{{ year + 543 }}
|
||||
</template>
|
||||
<template #year-overlay-value="{ value }">
|
||||
{{ parseInt(value + 543) }}
|
||||
</template>
|
||||
<template #trigger>
|
||||
<q-input
|
||||
outlined
|
||||
dense
|
||||
hide-bottom-space
|
||||
class="full-width"
|
||||
:model-value="
|
||||
form.activeDate != null
|
||||
? date2Thai(form.activeDate)
|
||||
: null
|
||||
"
|
||||
:label="`${'วันที่ขอลาออกจากราชการ'}`"
|
||||
:rules="[
|
||||
(val: string) =>
|
||||
!!val || `${'กรุณาเลือกวันที่ขอลาออกจากราชการ'}`,
|
||||
]"
|
||||
>
|
||||
<template v-slot:prepend>
|
||||
<q-icon
|
||||
name="event"
|
||||
class="cursor-pointer"
|
||||
style="color: var(--q-primary)"
|
||||
>
|
||||
</q-icon>
|
||||
</template>
|
||||
</q-input>
|
||||
</template>
|
||||
</datepicker>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<q-select
|
||||
v-model="form.reason"
|
||||
class="inputgreen'"
|
||||
dense
|
||||
outlined
|
||||
emit-value
|
||||
map-options
|
||||
hide-bottom-space
|
||||
option-label="name"
|
||||
option-value="id"
|
||||
:options="reasonOp"
|
||||
label="เหตุผลที่ลาออกจากราชการ"
|
||||
:rules="[
|
||||
(val: string) => !!val || `${'กรุณาเลือกเหตุผลที่ลาออกจากราชการ'}`,
|
||||
]"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-12" v-if="form.reason == 'OTHER'">
|
||||
<q-input
|
||||
class="inputgreen'"
|
||||
v-model="form.remark"
|
||||
outlined
|
||||
hide-bottom-space
|
||||
dense
|
||||
type="textarea"
|
||||
label="ระบุเหตุผล"
|
||||
:rules="[
|
||||
(val: string) => !!val || `${'กรุณาระบุเหตุผล'}`,
|
||||
]"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<q-file
|
||||
v-model="form.files"
|
||||
class="inputgreen"
|
||||
outlined
|
||||
dense
|
||||
accept=".pdf"
|
||||
label="เอกสารเพิ่มเติม"
|
||||
>
|
||||
<template v-slot:prepend>
|
||||
<q-icon name="attach_file" /> </template
|
||||
></q-file>
|
||||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-separator />
|
||||
|
||||
<q-card-actions align="right">
|
||||
<q-btn type="submit" :label="`บันทึก`" color="public">
|
||||
<q-tooltip>บันทึก</q-tooltip>
|
||||
</q-btn>
|
||||
</q-card-actions>
|
||||
</q-form>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
</template>
|
||||
|
||||
<style scoped></style>
|
||||
122
src/modules/04_registryPerson/components/DialogTransfer.vue
Normal file
122
src/modules/04_registryPerson/components/DialogTransfer.vue
Normal file
|
|
@ -0,0 +1,122 @@
|
|||
div
|
||||
<script setup lang="ts">
|
||||
import { reactive, ref } from "vue";
|
||||
import { useQuasar } from "quasar";
|
||||
|
||||
import { useRouter, useRoute } from "vue-router";
|
||||
import { useCounterMixin } from "@/stores/mixin";
|
||||
import http from "@/plugins/http";
|
||||
import config from "@/app.config";
|
||||
|
||||
/** import components*/
|
||||
import DialogHeader from "@/components/DialogHeader.vue";
|
||||
|
||||
//use
|
||||
const $q = useQuasar();
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
const { showLoader, hideLoader, messageError, success } = useCounterMixin();
|
||||
|
||||
//props
|
||||
const modal = defineModel<boolean>("modal", { required: true });
|
||||
|
||||
const profileId = ref<string>(route.params.id?.toString() ?? ""); //ProfileId
|
||||
|
||||
const form = reactive({
|
||||
tranferOrg: "",
|
||||
noteReason: "",
|
||||
files: null as File | null,
|
||||
});
|
||||
|
||||
async function onSubmit() {
|
||||
try {
|
||||
showLoader();
|
||||
const formData = new FormData();
|
||||
formData.append("ProfileId", profileId.value);
|
||||
formData.append("Organization", form.tranferOrg);
|
||||
formData.append("Reason", form.noteReason);
|
||||
if (form.files) {
|
||||
formData.append("file", form.files);
|
||||
}
|
||||
|
||||
await http.post(config.API.transferAdmin, formData);
|
||||
router.push({ name: "transfer" });
|
||||
success($q, "บันทึกข้อมูลสำเร็จ");
|
||||
} catch (error) {
|
||||
messageError($q, error);
|
||||
} finally {
|
||||
hideLoader();
|
||||
}
|
||||
}
|
||||
|
||||
/** function ปิด popup*/
|
||||
function closeDialog() {
|
||||
modal.value = false;
|
||||
form.tranferOrg = "";
|
||||
form.noteReason = "";
|
||||
form.files = null;
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<q-dialog v-model="modal" persistent>
|
||||
<q-card style="width: 40vw; max-width: 50vw">
|
||||
<q-form greedy @submit.prevent="onSubmit">
|
||||
<DialogHeader :tittle="'ขอโอน'" :close="closeDialog" />
|
||||
<q-separator />
|
||||
|
||||
<q-card-section class="q-pa-md">
|
||||
<div class="col-12 row q-col-gutter-sm">
|
||||
<div class="col-12">
|
||||
<q-input
|
||||
class="inputgreen"
|
||||
dense
|
||||
outlined
|
||||
v-model="form.tranferOrg"
|
||||
hide-bottom-space
|
||||
label="หน่วยงานที่ขอโอนไป"
|
||||
:rules="[(val:string) => !!val || `${'กรุณากรอกหน่วยงานที่ขอโอนไป'}`]"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<q-input
|
||||
class="inputgreen"
|
||||
dense
|
||||
outlined
|
||||
v-model="form.noteReason"
|
||||
label="เหตุผล"
|
||||
hide-bottom-space
|
||||
type="textarea"
|
||||
:rules="[(val:string) => !!val || `${'กรุณากรอกเหตุผล'}`]"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<q-file
|
||||
v-model="form.files"
|
||||
class="inputgreen"
|
||||
outlined
|
||||
dense
|
||||
accept=".pdf"
|
||||
label="เอกสารเพิ่มเติม"
|
||||
>
|
||||
<template v-slot:prepend>
|
||||
<q-icon name="attach_file" /> </template
|
||||
></q-file>
|
||||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-separator />
|
||||
|
||||
<q-card-actions align="right">
|
||||
<q-btn type="submit" :label="`บันทึก`" color="public">
|
||||
<q-tooltip>บันทึก</q-tooltip>
|
||||
</q-btn>
|
||||
</q-card-actions>
|
||||
</q-form>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
</template>
|
||||
|
||||
<style scoped></style>
|
||||
|
|
@ -33,10 +33,15 @@ const DialogHeader = defineAsyncComponent(
|
|||
const TabMain = defineAsyncComponent(
|
||||
() => import("@/modules/04_registryPerson/components/detail/TabMain.vue")
|
||||
);
|
||||
|
||||
const DialogRetired = defineAsyncComponent(
|
||||
() => import("@/modules/04_registryPerson/components/DialogRetired.vue")
|
||||
);
|
||||
const DialogResign = defineAsyncComponent(
|
||||
() => import("@/modules/04_registryPerson/components/DialogResingn.vue")
|
||||
);
|
||||
const DialogTransfer = defineAsyncComponent(
|
||||
() => import("@/modules/04_registryPerson/components/DialogTransfer.vue")
|
||||
);
|
||||
|
||||
/** use*/
|
||||
const $q = useQuasar();
|
||||
|
|
@ -72,7 +77,10 @@ const reasonDeath = ref(""); //เหตุผลการเสียชีว
|
|||
const dialogImage = ref<boolean>(false); //แสดงเลือกรูปภาพ
|
||||
const formDetail = ref<ResponseObject>(); //ข้อมูลส่วนตัว
|
||||
|
||||
const modalDialogRetired = ref<boolean>(false);
|
||||
const modalDialogResign = ref<boolean>(false); //ป๊อบอัพขอลาออก
|
||||
const modalDialogTransfer = ref<boolean>(false); //ป๊อบอัพขอโอน
|
||||
const modalDialogRetired = ref<boolean>(false); //ป๊อบอัพข้อมูลการพ้นจากราชการ
|
||||
|
||||
//รายการเมนูออกคำสั่งข้าราชการ
|
||||
const baseItemsMenu = ref<DataOptionSys[]>([
|
||||
{
|
||||
|
|
@ -95,6 +103,8 @@ const baseItemsMenu = ref<DataOptionSys[]>([
|
|||
name: "ให้ออกจากราชการ",
|
||||
system: "SYS_DISMISS",
|
||||
},
|
||||
{ id: "7", name: "ขอโอน", system: "SYS_TRANSFER_REQ" },
|
||||
{ id: "8", name: "ขอลาออก", system: "SYS_RESIGN" },
|
||||
{
|
||||
id: "6",
|
||||
name: "อื่นๆ",
|
||||
|
|
@ -135,6 +145,7 @@ const itemsMenuEmployee = ref<DataOptionSys[]>([
|
|||
name: "ให้ออกจากราชการ",
|
||||
system: "SYS_DISMISS_EMP",
|
||||
},
|
||||
{ id: "4", name: "ขอลาออก", system: "SYS_RESIGN_EMP" },
|
||||
]);
|
||||
|
||||
const uploadUrl = ref<string>(""); //URL อัปโหลดรูป
|
||||
|
|
@ -765,6 +776,14 @@ const titleName = computed(() => {
|
|||
: "ทะเบียนประวัติ";
|
||||
});
|
||||
|
||||
function openDialogSendTransferResign(
|
||||
system: "SYS_TRANSFER_REQ" | "SYS_RESIGN" | "SYS_RESIGN_EMP"
|
||||
) {
|
||||
system === "SYS_TRANSFER_REQ"
|
||||
? (modalDialogTransfer.value = true)
|
||||
: (modalDialogResign.value = true);
|
||||
}
|
||||
|
||||
onMounted(async () => {
|
||||
await fetchDataPersonal();
|
||||
});
|
||||
|
|
@ -830,6 +849,9 @@ onMounted(async () => {
|
|||
? outPost()
|
||||
: item.name == 'อื่นๆ'
|
||||
? otherPost()
|
||||
: item.system === 'SYS_TRANSFER_REQ' ||
|
||||
item.system === 'SYS_RESIGN'
|
||||
? openDialogSendTransferResign(item.system)
|
||||
: null
|
||||
"
|
||||
v-close-popup
|
||||
|
|
@ -869,6 +891,8 @@ onMounted(async () => {
|
|||
? clickPassaway()
|
||||
: item.name == 'ให้ออกจากราชการ'
|
||||
? outPost()
|
||||
: item.system === 'SYS_RESIGN_EMP'
|
||||
? openDialogSendTransferResign(item.system)
|
||||
: null
|
||||
"
|
||||
v-close-popup
|
||||
|
|
@ -1211,6 +1235,10 @@ onMounted(async () => {
|
|||
|
||||
<!-- Dialog ข้อมูลการพ้นจากราชการ -->
|
||||
<DialogRetired v-model:modal="modalDialogRetired" :data="formDetail" />
|
||||
<!-- ลาออก -->
|
||||
<DialogResign v-model:modal="modalDialogResign" />
|
||||
<!-- ขอโอน -->
|
||||
<DialogTransfer v-model:modal="modalDialogTransfer" />
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue