แก้ตาม issue

This commit is contained in:
setthawutttty 2025-03-17 10:59:06 +07:00
parent c38990f6ed
commit 0295ec3e5f
5 changed files with 124 additions and 102 deletions

View file

@ -387,6 +387,97 @@ onMounted(() => {
/>
</q-card-section>
<q-card-section class="q-pa-none">
<div class="col-12 q-px-sm">
<datepicker
menu-class-name="modalfix"
v-model="year"
:locale="'th'"
autoApply
year-picker
:enableTimePicker="false"
@update:model-value="onChangeYear"
>
<template #year="{ year }">{{ year + 543 }}</template>
<template #year-overlay-value="{ value }">{{
parseInt(value + 543)
}}</template>
<template #trigger>
<q-input
dense
borderless
:model-value="
year === 0 ? 'ทั้งหมด' : Number(year) + 543
"
:label="`${'ปีงบประมาณ'}`"
bg-color="white"
>
<template v-slot:prepend>
<q-icon
size="18px"
name="event"
class="cursor-pointer"
style="color: var(--q-primary)"
>
</q-icon>
</template>
</q-input>
</template>
</datepicker>
</div>
<q-separator />
<div class="col-12 q-px-sm">
<q-select
v-model="round"
label="รอบการขึ้นเงินเดือน"
dense
borderless
map-options
option-label="name"
option-value="id"
:options="roundOptions"
lazy-rules
hide-bottom-space
bg-color="white"
@update:model-value="report = ''"
>
</q-select>
</div>
<q-separator />
<div
class="col-12 q-px-sm"
v-if="employeeClass === 'officer'"
>
<q-select
v-model="group"
label="กลุ่ม"
dense
borderless
emit-value
map-options
option-label="name"
option-value="id"
:options="groupOptions"
lazy-rules
hide-bottom-space
bg-color="white"
/>
</div>
<q-separator v-if="employeeClass === 'officer'" />
<div class="col-12 q-px-sm">
<q-select
borderless
dense
v-model="report"
:options="reportOption"
label="รายงาน"
emit-value
map-options
option-label="name"
option-value="id"
class="bg-white"
/>
</div>
<q-separator />
<div class="col-12">
<q-expansion-item
v-model="expandedModal"
@ -481,97 +572,6 @@ onMounted(() => {
</q-card-section>
</q-expansion-item>
</div>
<q-separator />
<div class="col-12 q-px-sm">
<datepicker
menu-class-name="modalfix"
v-model="year"
:locale="'th'"
autoApply
year-picker
:enableTimePicker="false"
@update:model-value="onChangeYear"
>
<template #year="{ year }">{{ year + 543 }}</template>
<template #year-overlay-value="{ value }">{{
parseInt(value + 543)
}}</template>
<template #trigger>
<q-input
dense
borderless
:model-value="
year === 0 ? 'ทั้งหมด' : Number(year) + 543
"
:label="`${'ปีงบประมาณ'}`"
bg-color="white"
>
<template v-slot:prepend>
<q-icon
size="18px"
name="event"
class="cursor-pointer"
style="color: var(--q-primary)"
>
</q-icon>
</template>
</q-input>
</template>
</datepicker>
</div>
<q-separator />
<div class="col-12 q-px-sm">
<q-select
v-model="round"
label="รอบการขึ้นเงินเดือน"
dense
borderless
map-options
option-label="name"
option-value="id"
:options="roundOptions"
lazy-rules
hide-bottom-space
bg-color="white"
@update:model-value="report = ''"
>
</q-select>
</div>
<q-separator />
<div
class="col-12 q-px-sm"
v-if="employeeClass === 'officer'"
>
<q-select
v-model="group"
label="กลุ่ม"
dense
borderless
emit-value
map-options
option-label="name"
option-value="id"
:options="groupOptions"
lazy-rules
hide-bottom-space
bg-color="white"
/>
</div>
<q-separator v-if="employeeClass === 'officer'" />
<div class="col-12 q-px-sm">
<q-select
borderless
dense
v-model="report"
:options="reportOption"
label="รายงาน"
emit-value
map-options
option-label="name"
option-value="id"
class="bg-white"
/>
</div>
</q-card-section>
<q-separator />
<q-card-actions align="right">
@ -711,7 +711,7 @@ onMounted(() => {
</div>
</template>
<style lang="scss" scope>
<style lang="scss" scoped>
.q-item.hover-green:hover {
background-color: #d5f1ee57;
border-radius: 2px;