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

84
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 DialogInfoCriteria from "@/modules/13_salary/components/SalaryLists/DialogInfoCriteria.vue";
/** importType*/
import type { DataOption } from "@/modules/13_salary/interface/index/Main";
import type { DataFilter } from "@/modules/13_salary/interface/index/SalaryList";
@ -209,7 +208,7 @@ function fetchDataQuota(id: string) {
itemsCard.value[0].total = data.total;
itemsCard.value[1].total = data.fifteenPercent;
itemsCard.value[2].total = data.chosen;
itemsCard.value[3].total = data.remaining;
itemsCard.value[3].total = data.remaining;
itemsCard.value[4].total = data.totalBackup;
itemsCard.value[5].total = data.currentAmount;
@ -218,7 +217,7 @@ function fetchDataQuota(id: string) {
itemsCard.value[8].total = data.sixPercentSpentAmount;
itemsCard.value[9].total = data.useAmount;
itemsCard.value[10].total = data.remainingAmount;
itemsCard.value[11].total = data.totalBackup;
})
.catch((err) => {
@ -323,7 +322,72 @@ onMounted(async () => {
:key="index"
@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>
<q-space />
@ -346,7 +410,11 @@ onMounted(async () => {
>
<!-- Card โควต้า -->
<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
v-for="(item, index) in store.roundMainCode === 'APR'
? itemsCard.slice(0, 5)
@ -354,7 +422,11 @@ onMounted(async () => {
? itemsCard.slice(5, 12)
: itemsCard"
: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-section>