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

รายการผังบัญชีเงินเดือน => ปรับ form dailog

Browse source
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-08-28 10:06:10 +07:00
parent 48e9d9ad3c
commit be2a9a8ca6
3 changed files with 121 additions and 123 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/modules/13_salary/components/SalaryChart/DialogFormMain.vue
View file

@ -122,8 +122,8 @@ function fetchSalaryDetail(id: string) {
showLoader(); showLoader();
http http
.get(config.API.salaryChartByid(id)) .get(config.API.salaryChartByid(id))
.then((res) => { .then(async (res) => {
const data = res.data.result; const data = await res.data.result;
formData.name = data.name; formData.name = data.name;
formData.posTypeId = data.posTypeId; formData.posTypeId = data.posTypeId;
formData.posLevelId = data.posLevelId; formData.posLevelId = data.posLevelId;
@ -159,9 +159,8 @@ watch(
salaryId.value = props.data.id; salaryId.value = props.data.id;
fetchPosLevel(props?.data?.posTypeId); fetchPosLevel(props?.data?.posTypeId);
fetchSalaryDetail(props.data.id); fetchSalaryDetail(props.data.id);
hideLoader();
} }
}, 2000); }, 1000);
} }
} }
} }
@ -269,7 +268,7 @@ const getClass = (val: boolean) => {
<template> <template>
<q-dialog v-model="modal" persistent> <q-dialog v-model="modal" persistent>
<q-card class="col-12" style="width: 80%"> <q-card class="col-12" style="width: 55%">
<q-form greedy @submit.prevent @validation-success="onSubmit"> <q-form greedy @submit.prevent @validation-success="onSubmit">
<Header :tittle="title" :close="closeDialog" /> <Header :tittle="title" :close="closeDialog" />
<q-separator /> <q-separator />

231
src/modules/13_salary/components/SalaryChart/DialogFormRate.vue
View file

@ -1,3 +1,4 @@
divdivdiv
<script setup lang="ts"> <script setup lang="ts">
import { computed, ref, reactive, watch } from "vue"; import { computed, ref, reactive, watch } from "vue";
import { useQuasar } from "quasar"; import { useQuasar } from "quasar";
@ -189,132 +190,130 @@ const getClass = (val: boolean) => {
<template> <template>
<q-dialog v-model="modal" persistent> <q-dialog v-model="modal" persistent>
<q-card style="width: 700px; max-width: 80vw"> <q-card style="width: 650px; max-width: 80vw">
<q-form greedy @submit.prevent @validation-success="onSubmit"> <q-form greedy @submit.prevent @validation-success="onSubmit">
<Header :tittle="title" :close="closeDialog" /> <Header :tittle="title" :close="closeDialog" />
<q-separator /> <q-separator />
<q-card-section> <q-card-section>
<div class="row q-gutter-sm q-pa-sm"> <div class="row col-xs-12 col-md-12 q-col-gutter-sm">
<div class="row col-xs-12 col-md-12 q-col-gutter-sm"> <div class="col-6">
<div class="col-6"> <q-input
<q-input :readonly="isReadonly"
:readonly="isReadonly" :class="getClass(!isReadonly)"
:class="getClass(!isReadonly)" ref="salaryRef"
ref="salaryRef" dense
dense outlined
outlined v-model="formData.salary"
v-model="formData.salary" label="เงินเดือนฐาน"
label="เงินเดือนฐาน" mask="###,###,###,###"
mask="###,###,###,###" reverse-fill-mask
reverse-fill-mask :rules="[(val) => !!val || `${'กรุณากรอกเงินเดือนฐาน'}`]"
:rules="[(val) => !!val || `${'กรุณากรอกเงินเดือนฐาน'}`]" lazy-rules
lazy-rules hide-bottom-space
hide-bottom-space />
/> </div>
</div> <div class="col-6 row items-center">
<div class="col-6 row items-center"> <q-checkbox dense v-model="formData.isNext" label="ทะลุขั้น" />
<q-checkbox dense v-model="formData.isNext" label="ทะลุขั้น" /> </div>
</div> <div class="col-6">
<div class="col-6"> <q-input
<q-input :readonly="isReadonly"
:readonly="isReadonly" :class="getClass(!isReadonly)"
:class="getClass(!isReadonly)" ref="salaryHalfRef"
ref="salaryHalfRef" dense
dense outlined
outlined v-model="formData.salaryHalf"
v-model="formData.salaryHalf" label="เลื่อน 0.5 ขั้น"
label="เลื่อน 0.5 ขั้น" mask="###,###,###,###"
mask="###,###,###,###" reverse-fill-mask
reverse-fill-mask :rules="[(val) => !!val || `${'กรุณากรอกเลื่อน 0.5 ขั้น'}`]"
:rules="[(val) => !!val || `${'กรุณากรอกเลื่อน 0.5 ขั้น'}`]" lazy-rules
lazy-rules hide-bottom-space
hide-bottom-space />
/> </div>
</div> <div class="col-6">
<div class="col-6"> <q-input
<q-input :readonly="isReadonly"
:readonly="isReadonly" :class="getClass(!isReadonly)"
:class="getClass(!isReadonly)" ref="salaryHalfSpecialRef"
ref="salaryHalfSpecialRef" dense
dense outlined
outlined v-model="formData.salaryHalfSpecial"
v-model="formData.salaryHalfSpecial" label="เงินพิเศษ"
label="เงินพิเศษ" mask="###,###,###,###"
mask="###,###,###,###" reverse-fill-mask
reverse-fill-mask lazy-rules
lazy-rules hide-bottom-space
hide-bottom-space />
/> </div>
</div> <div class="col-6">
<div class="col-6"> <q-input
<q-input :readonly="isReadonly"
:readonly="isReadonly" :class="getClass(!isReadonly)"
:class="getClass(!isReadonly)" ref="salaryFullRef"
ref="salaryFullRef" dense
dense outlined
outlined v-model="formData.salaryFull"
v-model="formData.salaryFull" label="เลื่อน 1 ขั้น"
label="เลื่อน 1 ขั้น" mask="###,###,###,###"
mask="###,###,###,###" reverse-fill-mask
reverse-fill-mask :rules="[(val) => !!val || `${'กรุณากรอกเลื่อน 1 ขั้น'}`]"
:rules="[(val) => !!val || `${'กรุณากรอกเลื่อน 1 ขั้น'}`]" lazy-rules
lazy-rules hide-bottom-space
hide-bottom-space />
/> </div>
</div> <div class="col-6">
<div class="col-6"> <q-input
<q-input :readonly="isReadonly"
:readonly="isReadonly" :class="getClass(!isReadonly)"
:class="getClass(!isReadonly)" ref="salaryFullSpecialRef"
ref="salaryFullSpecialRef" dense
dense outlined
outlined v-model="formData.salaryFullSpecial"
v-model="formData.salaryFullSpecial" label="เงินพิเศษ"
label="เงินพิเศษ" mask="###,###,###,###"
mask="###,###,###,###" reverse-fill-mask
reverse-fill-mask lazy-rules
lazy-rules hide-bottom-space
hide-bottom-space />
/> </div>
</div> <div class="col-6">
<div class="col-6"> <q-input
<q-input :readonly="isReadonly"
:readonly="isReadonly" :class="getClass(!isReadonly)"
:class="getClass(!isReadonly)" ref="salaryFullHalfRef"
ref="salaryFullHalfRef" dense
dense outlined
outlined v-model="formData.salaryFullHalf"
v-model="formData.salaryFullHalf" label="เลื่อน 1.5 ขั้น"
label="เลื่อน 1.5 ขั้น" mask="###,###,###,###"
mask="###,###,###,###" reverse-fill-mask
reverse-fill-mask :rules="[(val) => !!val || `${'กรุณากรอกเลื่อน 1.5 ขั้น'}`]"
:rules="[(val) => !!val || `${'กรุณากรอกเลื่อน 1.5 ขั้น'}`]" lazy-rules
lazy-rules hide-bottom-space
hide-bottom-space />
/> </div>
</div> <div class="col-6">
<div class="col-6"> <q-input
<q-input :readonly="isReadonly"
:readonly="isReadonly" :class="getClass(!isReadonly)"
:class="getClass(!isReadonly)" ref="salaryFullHalfSpecialRef"
ref="salaryFullHalfSpecialRef" dense
dense outlined
outlined v-model="formData.salaryFullHalfSpecial"
v-model="formData.salaryFullHalfSpecial" label="เงินพิเศษ"
label="เงินพิเศษ" mask="###,###,###,###"
mask="###,###,###,###" reverse-fill-mask
reverse-fill-mask lazy-rules
lazy-rules hide-bottom-space
hide-bottom-space />
/>
</div>
</div> </div>
</div> </div>
</q-card-section> </q-card-section>
<q-separator /> <q-separator />
<q-card-actions align="right" class="bg-white text-teal"> <q-card-actions align="right">
<q-btn label="บันทึก" color="secondary" type="submit" <q-btn label="บันทึก" color="secondary" type="submit"
><q-tooltip>บันทึกข้อมูล</q-tooltip></q-btn ><q-tooltip>บันทึกข้อมูล</q-tooltip></q-btn
> >

4
src/modules/13_salary/views/salaryChart.vue
View file

@ -159,7 +159,7 @@ function onClickCoppy(id: string) {
.post(config.API.salaryChartCopy, { id: id }) .post(config.API.salaryChartCopy, { id: id })
.then(async () => { .then(async () => {
await fetchListSalaly(); await fetchListSalaly();
await success($q, "คัดลอกข้อมูลสำเร็จ"); success($q, "คัดลอกข้อมูลสำเร็จ");
}) })
.catch((err) => { .catch((err) => {
messageError($q, err); messageError($q, err);
@ -180,7 +180,7 @@ function onClickDelete(id: string) {
.delete(config.API.salaryChartByid(id)) .delete(config.API.salaryChartByid(id))
.then(async () => { .then(async () => {
await fetchListSalaly(); await fetchListSalaly();
await success($q, "ลบข้อมูลสำเร็จ"); success($q, "ลบข้อมูลสำเร็จ");
}) })
.catch((err) => { .catch((err) => {
messageError($q, err); messageError($q, err);