hrms-bangkok/hrms-mgt
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Merge branch 'develop' into dev-tee

Browse source
This commit is contained in:
setthawutttty 2023-10-10 14:05:11 +07:00
commit d1ed89e81d
7 changed files with 358 additions and 250 deletions
Download patch file Download diff file Expand all files Collapse all files

68
src/interface/request/main/main.ts
View file

@ -250,12 +250,12 @@ const menuList = readonly<any[]>([
path: "appoint-promote",
role: "placement",
},
// {
// key: 6.8,
// label: "รายการแต่งตั้งลูกจ้างประจำ",
// path: "appoint-employee",
// role: "placement",
// },
{
key: 6.8,
label: "รายการแต่งตั้งลูกจ้างประจำ",
path: "appoint-employee",
role: "placement",
},
// {
// key: 6.9,
// label: "รายการย้าย",
@ -374,34 +374,34 @@ const menuList = readonly<any[]>([
},
],
},
{
key: 9,
icon: "mdi-calendar",
activeIcon: "mdi-calendar",
label: "การลา",
path: "leave",
role: "coin",
children: [
{
key: 9.1,
label: "รายการลงเวลาปฏิบัติงาน",
path: "/work-list",
role: "coin",
},
{
key: 9.2,
label: "รายการลา",
path: "/leave-list",
role: "coin",
},
{
key: 9.3,
label: "รายงานสถิติ",
path: "/statistics-report",
role: "coin",
},
],
},
// {
// key: 9,
// icon: "mdi-calendar",
// activeIcon: "mdi-calendar",
// label: "การลา",
// path: "leave",
// role: "coin",
// children: [
// {
// key: 9.1,
// label: "รายการลงเวลาปฏิบัติงาน",
// path: "/work-list",
// role: "coin",
// },
// {
// key: 9.2,
// label: "รายการลา",
// path: "/leave-list",
// role: "coin",
// },
// {
// key: 9.3,
// label: "รายงานสถิติ",
// path: "/statistics-report",
// role: "coin",
// },
// ],
// },
]);
const tabList = readonly<tabType[]>([

18
src/modules/04_registry/components/Profile.vue
View file

@ -153,16 +153,18 @@
</div>
</div>
<q-space />
<q-btn
round
flat
color="blue"
icon="mdi-file-document"
v-if="
profileType == 'officer' ||
(profileType == 'employee' && employeeClass == 'perm')
"
round
flat
:color="reasonStatus ? 'primary' : 'pink-5'"
:icon="
reasonStatus ? 'mdi-home-import-outline' : 'mdi-home-export-outline'
"
>
<q-menu transition-show="jump-down" transition-hide="jump-up">
<q-list dense style="min-width: 160px">
@ -219,7 +221,6 @@
clickable
v-close-popup
@click="clickPassaway"
v-if="profileType == 'officer'"
>
<q-item-section style="min-width: 0px" avatar class="q-py-sm">
</q-item-section>
@ -275,7 +276,8 @@
<!-- <q-tooltip>ส่งรายชื่อ</q-tooltip> -->
</q-btn>
<q-btn
<!-- ปิดไปเพราะทำส่วนของพ้นราชการแล้ว -->
<!-- <q-btn
round
flat
:color="reasonStatus ? 'primary' : 'pink-5'"
@ -287,7 +289,7 @@
<q-tooltip>{{
reasonStatus ? "การกลับเข้ารับราชการ" : "การออกจากราชการ"
}}</q-tooltip>
</q-btn>
</q-btn> -->
<q-btn icon="mdi-file-eye-outline" round color="primary" flat>
<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>

59
src/modules/06_retirement/components/ExitInterview/exitRegistry.vue
View file

@ -62,7 +62,7 @@ const score = reactive([
{ no: 9, score: "" },
{ no: 10, score: "" },
]);
const scoreTotal = ref<number|string>('');
const scoreTotal = ref<number | string>("");
const reasonWorkOther = ref("");
// const reasonWork_option = ref<any>([
@ -218,7 +218,6 @@ async function fecthquestion() {
.get(config.API.questionnaireList())
.then((result) => {
const data = result.data.result;
console.log(data);
// คำถามแบบสอบถามหลัก
for (let i = 1; i <= 10; i++) {
questionDesc[`question${i}Desc`] =
@ -249,18 +248,24 @@ async function fecthquestion() {
value: index,
})
);
question7Answer.value = data.question7Answer.map((e: any) => ({
label: e,
value: e == "ไม่มี" ? false : true,
}));
question8Answer.value = data.question8Answer.map((e: any) => ({
label: e,
value: e == "แนะนำ" ? true : false,
}));
question9Answer.value = data.question9Answer.map((e: any) => ({
label: e,
value: e == "อยาก" ? true : false,
}));
question7Answer.value = data.question7Answer.map(
(e: any, index: number) => ({
label: e,
value: index,
})
);
question8Answer.value = data.question8Answer.map(
(e: any, index: number) => ({
label: e,
value: index,
})
);
question9Answer.value = data.question9Answer.map(
(e: any, index: number) => ({
label: e,
value: index,
})
);
})
.catch((err) => {
messageError($q, err);
@ -273,18 +278,20 @@ watch(score, () => {
}, 0);
});
const saveClick = () => {
if (comment.value === "" ||
score[0].score === "" ||
score[1].score === "" ||
score[2].score === "" ||
score[3].score === "" ||
score[4].score === "" ||
score[5].score === "" ||
score[6].score === "" ||
score[7].score === "" ||
score[8].score === "" ||
score[9].score === "" ||
scoreTotal.value === "") {
if (
comment.value === "" ||
score[0].score === "" ||
score[1].score === "" ||
score[2].score === "" ||
score[3].score === "" ||
score[4].score === "" ||
score[5].score === "" ||
score[6].score === "" ||
score[7].score === "" ||
score[8].score === "" ||
score[9].score === "" ||
scoreTotal.value === ""
) {
dialogMessageNotify($q, "กรุณากรอกคะแนน เเละ ความคิดเห็น");
} else {
dialogConfirm($q, () => putData());

85
src/modules/06_retirement/components/resign/ResignByid.vue
View file

@ -11,7 +11,7 @@ import CurrencyInput from "@/components/CurruncyInput.vue";
import http from "@/plugins/http";
import config from "@/app.config";
import keycloak from "@/plugins/keycloak";
import type { TypeFile } from "@/modules/06_retirement/interface/response/Main";
import type { TypeFile, rowFile } from "@/modules/06_retirement/interface/response/Main";
import type { QTableProps } from "quasar";
const $q = useQuasar();
@ -331,6 +331,42 @@ const statusOrder = (val: boolean) => {
return "อนุมัติการลาออก";
}
};
// เอกสารดาวน์โหลด
const rowsFileDownload = ref<rowFile[]>([
{
fileName:
"แบบฟอร์มหนังสือขอลาออกจากราชการ",
pathName: "",
}
]);
const fileDownload = async (type: string, fileName: string) => {
showLoader();
await http
.get(config.API.reportResignList(type, id.value), {
responseType: "blob",
})
.then(async (res) => {
downloadFile(res, `${fileName}.${type}`);
})
.catch((e) => {
messageError($q, e);
})
.finally(() => {
hideLoader();
});
};
const downloadFile = (response: any, filename: string) => {
const link = document.createElement("a");
var fileName = filename;
link.href = window.URL.createObjectURL(new Blob([response.data]));
link.setAttribute("download", fileName);
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
};
</script>
<template>
<div class="toptitle text-dark col-12 row items-center">
@ -527,6 +563,53 @@ const statusOrder = (val: boolean) => {
</d-table>
</div>
</q-card>
<q-card bordered class="row col-12 text-dark q-mt-sm">
<div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
<div class="q-pl-sm text-weight-bold text-dark">เอกสารดาวน์โหลด</div>
</div>
<div class="col-12"><q-separator /></div>
<div class="col-12">
<d-table
:rows="rowsFileDownload"
:columns="columns"
row-key="fileName"
hide-header
hide-bottom
>
<template v-slot:body="props">
<q-tr :props="props" class="cursor-pointer">
<q-td key="fileName" :props="props">
{{ props.row.fileName }}
</q-td>
<q-td key="btnMicrosoft" :props="props">
<q-btn
flat
dense
round
color="red"
icon="picture_as_pdf"
@click="fileDownload('pdf', props.row.fileName)"
>
<q-tooltip>ไฟล์ PDF</q-tooltip>
</q-btn>
<q-btn
flat
dense
round
color="blue"
icon="mdi-file-word"
@click="fileDownload('docx', props.row.fileName)"
>
<q-tooltip>ไฟล์ WORD</q-tooltip>
</q-btn>
</q-td>
</q-tr>
</template>
</d-table>
</div>
</q-card>
<q-card bordered class="row col-12 text-dark q-mt-sm">
<div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
<div class="q-pl-sm text-weight-bold text-dark">

7
src/modules/06_retirement/interface/response/Main.ts
View file

@ -35,4 +35,9 @@ interface TypeFile {
pathName: string;
}
export type { resMain, ResponseItems, TypeFile };
interface rowFile {
fileName: string
pathName: string
}
export type { resMain, ResponseItems, TypeFile, rowFile };

218
src/modules/09_leave/components/1_Work/DialogDetail.vue
View file

@ -11,7 +11,8 @@ const props = defineProps({
type: Function,
},
});
// รายละเอียดข้อมูง
const statusEdit = ref<boolean>(false);
// รายละเอียดข้อมูล
const titlename = ref<string>("");
const timeIn = ref<string>("");
const timeOut = ref<string>("");
@ -44,7 +45,7 @@ function colsePopup() {
<q-card-section>
<q-toolbar>
<q-toolbar-title>
รายละเอียดการลงเวลาของ
<span style="margin-right: 0"> รายละเอียดการลงเวลาของ</span>
<span class="text-primary">{{ titlename }}</span>
</q-toolbar-title>
<q-btn
@ -52,7 +53,7 @@ function colsePopup() {
unelevated
round
dense
style="color: #ff8080; background-color: #ffdede"
style="color: #eb0505; background-color: #ffdede"
@click="colsePopup"
/>
</q-toolbar>
@ -64,52 +65,77 @@ function colsePopup() {
inline-actions
rounded
class="bg-grey-2"
style="border: 2px solid rgb(215, 212, 212)"
style="border: 2px solid rgb(239, 236, 236)"
>
<div class="q-pa-md">
<div class="row">
<div class="col-4">
<q-list>
<q-item>
<q-item-section>
<q-item-label overline>ชื่อ-นามสกุล</q-item-label>
<q-item-label>{{ titlename }}</q-item-label>
</q-item-section>
</q-item>
</q-list>
</div>
<div class="col-4">
<div class="row">
<div class="col-4">
<q-list>
<q-item>
<q-item-section>
<q-item-label overline>วันที่เข้างาน</q-item-label>
<q-item-label>05 ต.ค. 56</q-item-label>
</q-item-section>
</q-item>
</div>
<div class="col-3">
<q-item>
<q-item-section>
<q-item-label overline>สถานะ</q-item-label>
<q-item-label>{{ status }}</q-item-label>
</q-item-section>
</q-item>
</div>
<div class="col">
<q-item>
<q-item-section>
<q-item-label
><q-btn
dense
flat
round
color="primary"
icon="mdi-pencil"
>
<q-tooltip>แก้ไข</q-tooltip>
</q-btn></q-item-label
<q-item-label class="text-grey-5"
>ชื่อ-นามสกุล</q-item-label
>
<q-item-label>{{ titlename }}</q-item-label>
</q-item-section>
</q-item>
</q-list>
</div>
<div class="col-4">
<q-item>
<q-item-section>
<q-item-label class="text-grey-5">
วันที่เข้างาน</q-item-label
>
<q-item-label>05 ต.ค. 56</q-item-label>
</q-item-section>
</q-item>
</div>
<div class="col-3">
<q-item>
<q-item-section>
<q-item-label class="text-grey-5">สถานะ</q-item-label>
<q-item-label>{{ status }}</q-item-label>
</q-item-section>
</q-item>
</div>
<div class="col">
<q-btn
v-if="!statusEdit"
dense
flat
round
color="primary"
icon="mdi-pencil"
size="sm"
class="q-mt-lg"
@click="statusEdit = true"
>
<q-tooltip>แก้ไข</q-tooltip>
</q-btn>
<div v-if="statusEdit">
<q-btn
dense
flat
round
color="red"
icon="mdi-undo"
size="sm"
class="q-mt-lg"
@click="statusEdit = false"
>
<q-tooltip>ยกเลิก</q-tooltip>
</q-btn>
<q-btn
dense
flat
round
color="secondary"
icon="save"
size="sm"
class="q-mt-lg"
>
<q-tooltip>บันทึกข้อมูล</q-tooltip>
</q-btn>
</div>
</div>
</div>
@ -118,64 +144,66 @@ function colsePopup() {
<div class="col">
<q-card flat bordered>
<q-card-section>
<q-list>
<q-item>
<q-item-section class="text-grey-5"
>เวลาเข้างาน</q-item-section
>
<q-item-section> {{ timeIn }} </q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5">พิกัด</q-item-section>
<q-item-section> {{ coordinatesIn }} </q-item-section>
</q-item>
<q-item>
<q-item-section top class="text-grey-5"
>รูปภาพ</q-item-section
>
<q-item-section>
<q-img src="https://picsum.photos/500/300" />
</q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5"
>หมายเหตุ</q-item-section
>
<q-item-section> - </q-item-section>
</q-item>
</q-list>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-6">เวลาเข้างาน</div>
<div class="col">{{ timeIn }}</div>
</div>
<div class="row">
<div class="col text-grey-6">พิกัด</div>
<div class="col">{{ coordinatesIn }}</div>
</div>
<div class="row">
<div class="col-6 text-grey-6">รูปภาพ</div>
<div class="col-5">
<q-img
style="
height: 120px;
max-width: 150px;
border-radius: 10px;
"
src="https://picsum.photos/500/500"
/>
</div>
</div>
<div class="row">
<div class="col text-grey-6">หมายเหตุ</div>
<div class="col">-</div>
</div>
</div>
</q-card-section>
</q-card>
</div>
<div class="col">
<q-card flat bordered>
<q-card-section>
<q-list>
<q-item>
<q-item-section class="text-grey-5"
>เวลาออกงาน</q-item-section
>
<q-item-section> {{ timeOut }} </q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5">พิกัด</q-item-section>
<q-item-section> {{ coordinatesOut }} </q-item-section>
</q-item>
<q-item>
<q-item-section top class="text-grey-5"
>รูปภาพ</q-item-section
>
<q-item-section>
<q-img src="https://picsum.photos/500/300" />
</q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5"
>หมายเหตุ</q-item-section
>
<q-item-section> - </q-item-section>
</q-item>
</q-list>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-6">เวลาออกงาน</div>
<div class="col">{{ timeOut }}</div>
</div>
<div class="row">
<div class="col text-grey-6">พิกัด</div>
<div class="col">{{ coordinatesOut }}</div>
</div>
<div class="row">
<div class="col-6 text-grey-6">รูปภาพ</div>
<div class="col-5">
<q-img
style="
height: 120px;
max-width: 150px;
border-radius: 10px;
"
src="https://picsum.photos/500/500"
/>
</div>
</div>
<div class="row">
<div class="col text-grey-6">หมายเหตุ</div>
<div class="col">-</div>
</div>
</div>
</q-card-section>
</q-card>
</div>

153
src/modules/09_leave/components/2_Leave/DetailLeave.vue
View file

@ -20,7 +20,7 @@ const paramsId = route.params.id;
/>
รายละเอียดการลาของ {{ paramsId }}
</div>
<div class="q-ml-xl">
<div>
<q-btn
icon="mdi-download"
unelevated
@ -48,21 +48,20 @@ const paramsId = route.params.id;
<q-banner inline-actions rounded class="bg-grey-2">
<div class="row q-gutter-md">
<div class="col">
<q-list>
<q-item>
<q-item-section avatar class="text-grey-6"
>ประเภทการลา</q-item-section
>
<q-item-section class="text-primary"> ลาป่วย </q-item-section>
</q-item>
<q-item>
<q-item-section avatar class="text-grey-6">
ชื่อ - นามสกุล</q-item-section
>
<q-item-section> {{ paramsId }} </q-item-section>
</q-item>
</q-list>
<div class="column justify-center" style="height: 80px">
<div class="col-4">
<div class="row">
<div class="col-2 text-grey-5">ประเภทการลา</div>
<div class="col text-primary">ลาป่วย</div>
</div>
</div>
<div class="col-4">
<div class="row">
<div class="col-2 text-grey-5">ชื่อ - นามสกุล</div>
<div class="col">{{ paramsId }}</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="row q-gutter-md">
@ -100,80 +99,60 @@ const paramsId = route.params.id;
<div class="col">
<q-card flat bordered>
<q-card-section>
<q-list>
<q-item>
<q-item-section class="text-grey-5">เขียนที่</q-item-section>
<q-item-section> บ้าน </q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5"
>รับเงินเดือน</q-item-section
>
<q-item-section> รับเงินเดือน </q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5">เขียนที่</q-item-section>
<q-item-section> บ้าน </q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5"
>รับเงินเดือน</q-item-section
>
<q-item-section> รับเงินเดือน </q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5">
วัน เดือน ปีเริ่มต้น</q-item-section
>
<q-item-section> 14 ก.ค. 2556 </q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5">
วัน เดือน ปีเริ่มสิ้นสุด</q-item-section
>
<q-item-section> 15 ก.ค. 2556 </q-item-section>
</q-item>
</q-list>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-5">เขียนที่</div>
<div class="col">บ้าน</div>
</div>
<div class="row">
<div class="col text-grey-5">รับเงินเดือน</div>
<div class="col">รับเงินเดือน</div>
</div>
<div class="row">
<div class="col text-grey-5">เขียนที่</div>
<div class="col">บ้าน</div>
</div>
<div class="row">
<div class="col text-grey-5">รับเงินเดือน</div>
<div class="col">รับเงินเดือน</div>
</div>
<div class="row">
<div class="col text-grey-5">วัน เดือน ปีเริ่มต้น</div>
<div class="col">14 ก.ค. 2556</div>
</div>
<div class="row">
<div class="col text-grey-5">วัน เดือน ปีเริ่มสิ้นสุด</div>
<div class="col">15 ก.ค. 2556</div>
</div>
</div>
</q-card-section>
</q-card>
</div>
<div class="col">
<q-card flat bordered>
<q-card-section>
<q-list>
<q-item>
<q-item-section class="text-grey-5"
>จำนวนวันที่ลา</q-item-section
>
<q-item-section> 1 </q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5"
>สถานที่ติดต่อขณะลา</q-item-section
>
<q-item-section> สถานที่ติดต่อขณะลา </q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5"
>หมายเลขที่ติดต่อขณะลา</q-item-section
>
<q-item-section> หมายเลขที่ติดต่อขณะลา </q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5"
>สถานะการพิจารณา</q-item-section
>
<q-item-section> ขอยกเลิก </q-item-section>
</q-item>
<q-item>
<q-item-section class="text-h5"> เอกสารแบบ</q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5">
ไม่พบเอกสาร</q-item-section
>
</q-item>
</q-list>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-5">จำนวนวันที่ลา</div>
<div class="col">1</div>
</div>
<div class="row">
<div class="col text-grey-5">สถานที่ติดต่อขณะลา</div>
<div class="col">สถานที่ติดต่อขณะลา</div>
</div>
<div class="row">
<div class="col text-grey-5">หมายเลขที่ติดต่อขณะลา</div>
<div class="col">095-123467</div>
</div>
<div class="row">
<div class="col text-grey-5">สถานะการพิจารณา</div>
<div class="col">ขอยกเลิก</div>
</div>
<div class="row">
<div class="col-12 font-size">เอกสารแบบ</div>
<div class="col-12 q-mt-sm text-grey-5">ไม่พบเอกสาร</div>
</div>
</div>
</q-card-section>
</q-card>
</div>
@ -191,4 +170,8 @@ const paramsId = route.params.id;
</q-card>
</template>
<style lang="sass" scoped></style>
<style lang="scss" scoped>
.font-size {
font-size: 1.2rem;
}
</style>