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

รายการเลื่อนเงินเดือนข้าราชการฯ => เพิ่ม tooltip tab กลุ่ม

Browse source
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-03-18 11:04:42 +07:00
parent 0e47a7cbfd
commit fab3b9e5f3
1 changed files with 78 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

80
src/modules/13_salary/components/SalaryLists/TabMain.vue
View file

@ -6,7 +6,6 @@ import config from "@/app.config";
import genReportXLSX from "@/plugins/genreportxlsx"; import genReportXLSX from "@/plugins/genreportxlsx";
import DialogInfoCriteria from "@/modules/13_salary/components/SalaryLists/DialogInfoCriteria.vue"; import DialogInfoCriteria from "@/modules/13_salary/components/SalaryLists/DialogInfoCriteria.vue";
/** importType*/ /** importType*/
import type { DataOption } from "@/modules/13_salary/interface/index/Main"; import type { DataOption } from "@/modules/13_salary/interface/index/Main";
import type { DataFilter } from "@/modules/13_salary/interface/index/SalaryList"; import type { DataFilter } from "@/modules/13_salary/interface/index/SalaryList";
@ -323,7 +322,72 @@ onMounted(async () => {
:key="index" :key="index"
@click="changeTabGroup" @click="changeTabGroup"
> >
<q-tab :name="item.name" :label="item.lable" /> <q-tab :name="item.name" :label="item.lable">
<q-tooltip>
<q-list dense v-if="item.name === 'group1'">
<q-item>
<q-item-section>
<q-item-label lines="1">
<span class="text-bold">ทั่วไป: </span>
<span> ปฏิบัติงาน,ชำนาญงาน,อาวุโส</span></q-item-label
>
</q-item-section>
</q-item>
<q-item>
<q-item-section>
<q-item-label lines="1">
<span class="text-bold">วิชาการ: </span>
<span> ปฏิบัติการ,ชำนาญการ,ชำนาญการพิเศษ</span></q-item-label
>
</q-item-section>
</q-item>
<q-item>
<q-item-section>
<q-item-label lines="1">
<span class="text-bold">อำนวยการ: </span>
<span> ต้น</span></q-item-label
>
</q-item-section>
</q-item>
</q-list>
<q-list dense v-if="item.name === 'group2'">
<q-item>
<q-item-section>
<q-item-label lines="1">
<span class="text-bold">ทั่วไป: </span>
<span> ทักษะพิเศษ</span></q-item-label
>
</q-item-section>
</q-item>
<q-item>
<q-item-section>
<q-item-label lines="1">
<span class="text-bold">วิชาการ: </span>
<span> เชี่ยวชาญ,ทรงคุณวุฒิ</span></q-item-label
>
</q-item-section>
</q-item>
<q-item>
<q-item-section>
<q-item-label lines="1">
<span class="text-bold">อำนวยการ: </span>
<span> สูง</span></q-item-label
>
</q-item-section>
</q-item>
<q-item>
<q-item-section>
<q-item-label lines="1">
<span class="text-bold">บริหาร: </span>
<span> ต้น,สูง</span></q-item-label
>
</q-item-section>
</q-item>
</q-list>
</q-tooltip>
</q-tab>
</div> </div>
<q-space /> <q-space />
@ -346,7 +410,11 @@ onMounted(async () => {
> >
<!-- Card โควต้า --> <!-- Card โควต้า -->
<div class="row col-12 q-pa-md"> <div class="row col-12 q-pa-md">
<div :class="`row col-12 ${store.roundMainCode === 'APR' ? `q-col-gutter-md`:`q-gutter-md`} items-start`"> <div
:class="`row col-12 ${
store.roundMainCode === 'APR' ? `q-col-gutter-md` : `q-gutter-md`
} items-start`"
>
<div <div
v-for="(item, index) in store.roundMainCode === 'APR' v-for="(item, index) in store.roundMainCode === 'APR'
? itemsCard.slice(0, 5) ? itemsCard.slice(0, 5)
@ -354,7 +422,11 @@ onMounted(async () => {
? itemsCard.slice(5, 12) ? itemsCard.slice(5, 12)
: itemsCard" : itemsCard"
:key="index" :key="index"
:class="store.roundMainCode === 'APR' ? 'col-6 col-sm-4 col-md-3 col-lg-2' : 'col-3'" :class="
store.roundMainCode === 'APR'
? 'col-6 col-sm-4 col-md-3 col-lg-2'
: 'col-3'
"
> >
<q-card> <q-card>
<q-card-section> <q-card-section>