fix report salary text hint to tootip
This commit is contained in:
parent
86a19fe147
commit
60a09db3b7
1 changed files with 23 additions and 15 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue