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

fix layout and select input

Browse source
This commit is contained in:
Warunee Tamkoo 2026-03-25 10:27:45 +07:00
parent 0a5f64c17c
commit 5f48063ae7
1 changed files with 39 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

64
src/modules/04_registryPerson/components/detail/GovernmentInformation/08_DialogAbsentLate.vue
View file

@ -90,6 +90,17 @@ function closeDialog() {
modal.value = false; modal.value = false;
} }
watch(
() => form.stampType,
(stampType) => {
if (stampType === "FULL_DAY") {
form.stampAmount = "1.0";
} else if (stampType === "MORNING" || stampType === "AFTERNOON") {
form.stampAmount = "0.5";
}
}
);
watch( watch(
() => modal.value, () => modal.value,
(newVal) => { (newVal) => {
@ -119,29 +130,31 @@ watch(
<q-card-section class="q-pa-md"> <q-card-section class="q-pa-md">
<div class="col-12 row q-col-gutter-sm"> <div class="col-12 row q-col-gutter-sm">
<div class="col-md-7 col-sm-12"> <div class="col-12 row">
<q-select <div class="col-md-4 col-sm-12">
class="full-width inputgreen cursor-pointer" <q-select
outlined class="full-width inputgreen cursor-pointer"
dense outlined
lazy-rules dense
v-model="form.status" lazy-rules
:rules="[(val:string) => !!val || `${'กรุณาเลือกสถานะ'}`]" v-model="form.status"
hide-bottom-space :rules="[(val:string) => !!val || `${'กรุณาเลือกสถานะ'}`]"
:label="`${'สถานะ'}`" hide-bottom-space
map-options :label="`${'สถานะ'}`"
emit-value map-options
option-label="name" emit-value
option-value="id" option-label="name"
:options="absentLateStore.statusOps" option-value="id"
use-input :options="absentLateStore.statusOps"
hide-selected use-input
fill-input hide-selected
input-debounce="0" fill-input
/> input-debounce="0"
/>
</div>
</div> </div>
<div class="col-md-5 col-sm-12"> <div class="col-md-4 col-sm-12">
<datepicker <datepicker
class="inputgreen" class="inputgreen"
menu-class-name="modalfix" menu-class-name="modalfix"
@ -185,7 +198,7 @@ watch(
</template> </template>
</datepicker> </datepicker>
</div> </div>
<div class="col-md-6 col-xs-12"> <div class="col-md-4 col-xs-12">
<q-select <q-select
class="full-width inputgreen cursor-pointer" class="full-width inputgreen cursor-pointer"
outlined outlined
@ -207,7 +220,7 @@ watch(
/> />
</div> </div>
<div class="col-md-6 col-xs-12"> <div class="col-md-4 col-xs-12">
<q-input <q-input
class="inputgreen" class="inputgreen"
dense dense
@ -215,7 +228,9 @@ watch(
v-model="form.stampAmount" v-model="form.stampAmount"
label="จำนวน" label="จำนวน"
hide-bottom-space hide-bottom-space
:rules="[(val:string) => !!val || `${'กรุณากรอกจำนวน'}`]" readonly
:rules="[(val:string) => !!val ||
`${'กรุณากรอกจำนวน'}`]"
mask="#.#" mask="#.#"
/> />
</div> </div>
@ -229,7 +244,6 @@ watch(
label="เหตุผล" label="เหตุผล"
hide-bottom-space hide-bottom-space
type="textarea" type="textarea"
:rules="[(val:string) => !!val || `${'กรุณากรอกเหตุผล'}`]"
/> />
</div> </div>
</div> </div>