fix report salary text hint to tootip

This commit is contained in:
Warunee Tamkoo 2025-07-11 14:49:06 +07:00
parent 86a19fe147
commit 60a09db3b7

View file

@ -526,13 +526,30 @@ onMounted(() => {
lazy-rules
hide-bottom-space
bg-color="white"
:hint="
group === 'GROUP1'
? 'ทั่วไป: ปฏิบัติงาน, ชำนาญงาน, อาวุโส\nวิชาการ: ปฏิบัติการ, ชำนาญการ, ชำนาญการพิเศษ\nอำนวยการ: ต้น'
: 'ทั่วไป: ทักษะพิเศษ\nวิชาการ: เชี่ยวชาญ, ทรงคุณวุฒิ\nอำนวยการ: สูง\nบริหาร: ต้น, สูง'
"
class="multiline-hint"
>
<template #append>
<q-icon
name="help_outline"
color="info"
size="20px"
class="cursor-pointer"
v-if="group"
>
<q-tooltip>
<div v-if="group === 'GROUP1'">
<div>วไป: ปฏงาน, ชำนาญงาน, อาวโส</div>
<div>ชาการ: ปฏการ, ชำนาญการ, ชำนาญการพเศษ</div>
<div>อำนวยการ: </div>
</div>
<div v-else>
<div>วไป: กษะพเศษ</div>
<div>ชาการ: เชยวชาญ, ทรงคณว</div>
<div>อำนวยการ: </div>
<div>บรหาร: , </div>
</div>
</q-tooltip>
</q-icon>
</template>
</q-select>
</div>
<q-separator v-if="employeeClass === 'officer'" />
@ -847,13 +864,4 @@ onMounted(() => {
min-height: 32px;
padding: 2px 9px;
}
.multiline-hint :deep(.q-field__messages) {
white-space: pre-line;
font-size: 0.8rem;
line-height: 1.2;
background-color: #eeeeee;
padding: 8px;
border-radius: 4px;
}
</style>