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

Merge branch 'develop' of github.com:Frappet/hrms-mgt into develop

Browse source 
* 'develop' of github.com:Frappet/hrms-mgt:
  refactor: dialogConfirm  onConfirmUpload
  refactor(leave-history): replace overflow-hidden with overflow-auto for better scrollability
  feat(registry-edit): previewFile excel Position
  feat(leave): UI Show Card leaveWaitingSummary
  refactor(registry-edit): permisson handUploadFile
This commit is contained in:
Warunee Tamkoo 2026-04-24 15:02:01 +07:00
commit bf5979aa2d
7 changed files with 568 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/modules/09_leave/components/05_Leave/DetailLeavePage.vue
View file

@ -82,6 +82,7 @@ const formData = reactive<FormData>({
status: "", //สถานะการของลา
leaveLimit: 0, //โควต้าลา(แต่ละประเภท)หน่วยเป็นวัน
leaveSummary: 0, //ลาป่วยไปแล้ว(แต่ละประเภท)หน่วยเป็นวัน
leaveWaitingSummary: 0, //ลาอยู่ระหว่างการพิจารณา(แต่ละประเภท)หน่วยเป็นวัน
leaveRemain: 0, //คงเหลือโควต้า(แต่ละประเภท)หน่วยเป็นวัน
leaveWrote: "", //เขียนที่
leaveAddress: "", //สถานที่ติดต่อขณะลา
@ -391,6 +392,9 @@ async function fetchDetailLeave(paramsId: string) {
formData.leaveRange = data.leaveRange;
formData.commanderPosition = data.commanderPosition;
formData.leaveRangeEnd = data.leaveRangeEnd;
formData.leaveWaitingSummary = data.leaveWaitingSummary
? data.leaveWaitingSummary
: "0";
keycloakUserId.value = data.keycloakUserId;
rows.value = {
commanders: data.commanders,
@ -773,40 +777,50 @@ onMounted(async () => {
</div>
</div>
<div class="col-xs-12 col-sm-7 row">
<div class="row col-12 q-gutter-md">
<div class="row col-12 q-col-gutter-md">
<div
v-if="formData.leaveTypeName == 'ลาพักผ่อน'"
class="col-3"
class="col-md-3 col-xs-6"
>
<q-card bordered class="items-center row col-12 q-pa-md">
<div class="text-h6 text-weight-bold text-blue-10">
{{ formData.leaveLimit }}
</div>
<div class="col-12 text-subtitle2 text-weight-regular">
<span class="gt-xs">ได้รับ</span>
<span>ได้รับ</span>
</div>
</q-card>
</div>
<div class="col-3">
<div class="col-md-3 col-xs-6">
<q-card bordered class="items-center row col-12 q-pa-md">
<div class="text-h6 text-weight-bold text-light-blue-6">
{{ formData.leaveSummary }}
</div>
<div class="col-12 text-subtitle2 text-weight-regular">
<span class="gt-xs">ใช้ไป</span>
<span>ใช้ไป</span>
</div>
</q-card>
</div>
<div
v-if="formData.leaveTypeName == 'ลาพักผ่อน'"
class="col-3"
class="col-md-3 col-xs-6"
>
<q-card bordered class="items-center row col-12 q-pa-md">
<div class="text-h6 text-weight-bold text-indigo-7">
{{ formData.leaveRemain }}
</div>
<div class="col-12 text-subtitle2 text-weight-regular">
<span class="gt-xs">คงเหลือ</span>
<span>คงเหลือ</span>
</div>
</q-card>
</div>
<div class="col-md-3 col-xs-6">
<q-card bordered class="items-center row col-12 q-pa-md">
<div class="text-h6 text-weight-bold text-light-blue-6">
{{ formData.leaveWaitingSummary }}
</div>
<div class="col-12 text-subtitle2 text-weight-regular">
<span>อยู่ระหว่างการพิจารณา</span>
</div>
</q-card>
</div>

28
src/modules/09_leave/components/05_Leave/DetailLeaveReject.vue
View file

@ -151,6 +151,7 @@ const formData = reactive<FormData>({
leaveSubTypeName: "",
commanderPosition: "",
leaveRangeEnd: "",
leaveWaitingSummary: 0, //ลาอยู่ระหว่างการพิจารณา(แต่ละประเภท)หน่วยเป็นวัน
});
const isLoadData = ref<boolean>(false);
@ -217,6 +218,9 @@ async function fetchDetailLeave(paramsId: string) {
formData.leaveLimit = data.leaveLimit;
formData.leaveSummary = data.leaveSummary;
formData.leaveRemain = data.leaveRemain;
formData.leaveWaitingSummary = data.leaveWaitingSummary
? data.leaveWaitingSummary
: 0;
formData.leaveWrote = data.leaveWrote;
formData.leaveAddress = data.leaveAddress;
formData.leaveNumber = data.leaveNumber;
@ -626,40 +630,50 @@ onMounted(async () => {
</div>
</div>
<div class="col-xs-12 col-sm-7 row">
<div class="row col-12 q-gutter-md">
<div class="row col-12 q-col-gutter-md">
<div
v-if="formData.leaveTypeName == 'ลาพักผ่อน'"
class="col-3"
class="col-md-3 col-xs-6"
>
<q-card bordered class="items-center row col-12 q-pa-md">
<div class="text-h6 text-weight-bold text-blue-10">
{{ formData.leaveLimit }}
</div>
<div class="col-12 text-subtitle2 text-weight-regular">
<span class="gt-xs">ได้รับ</span>
<span>ได้รับ</span>
</div>
</q-card>
</div>
<div class="col-3">
<div class="col-md-3 col-xs-6">
<q-card bordered class="items-center row col-12 q-pa-md">
<div class="text-h6 text-weight-bold text-light-blue-6">
{{ formData.leaveSummary }}
</div>
<div class="col-12 text-subtitle2 text-weight-regular">
<span class="gt-xs">ใช้ไป</span>
<span>ใช้ไป</span>
</div>
</q-card>
</div>
<div
v-if="formData.leaveTypeName == 'ลาพักผ่อน'"
class="col-3"
class="col-md-3 col-xs-6"
>
<q-card bordered class="items-center row col-12 q-pa-md">
<div class="text-h6 text-weight-bold text-indigo-7">
{{ formData.leaveRemain }}
</div>
<div class="col-12 text-subtitle2 text-weight-regular">
<span class="gt-xs">คงเหลือ</span>
<span>คงเหลือ</span>
</div>
</q-card>
</div>
<div class="col-md-3 col-xs-6">
<q-card bordered class="items-center row col-12 q-pa-md">
<div class="text-h6 text-weight-bold text-light-blue-6">
{{ formData.leaveWaitingSummary }}
</div>
<div class="col-12 text-subtitle2 text-weight-regular">
<span>อยู่ระหว่างการพิจารณา</span>
</div>
</q-card>
</div>

2
src/modules/09_leave/components/07_LeaveHistory/DialogForm.vue
View file

@ -390,7 +390,7 @@ watch(modal, async (val) => {
<q-separator vertical />
<!-- input -->
<div class="col overflow-hidden q-pa-md">
<div class="col overflow-auto q-pa-md">
<div class="row q-col-gutter-sm">
<div class="col-12">
<datepicker

1
src/modules/09_leave/interface/request/leave.ts
View file

@ -41,6 +41,7 @@ interface FormData {
status: string; //สถานะการของลา
leaveLimit: number; //โควต้าลา(แต่ละประเภท)หน่วยเป็นวัน
leaveSummary: number; //ลาป่วยไปแล้ว(แต่ละประเภท)หน่วยเป็นวัน
leaveWaitingSummary: number; //ลาอยู่ระหว่างการพิจารณา(แต่ละประเภท)หน่วยเป็นวัน
leaveRemain: number; //คงเหลือโควต้า(แต่ละประเภท)หน่วยเป็นวัน
// leaveStartDate: Date | null; //*วัน เดือน ปีเริ่มต้นลา
// leaveEndDate: Date | null; //*วัน เดือน ปีสิ้นสุดลา