เพิ่ม scroll-area

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-11-27 13:21:21 +07:00
parent 618f863519
commit 3fde8e5b62
2 changed files with 24 additions and 22 deletions

View file

@ -267,27 +267,29 @@ onMounted(async () => {
<template> <template>
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-3 q-mt-sm q-pr-sm row"> <div class="col-xs-12 col-md-3 q-mt-sm q-pr-sm row">
<q-card class="col-12" flat bordered> <q-card class="col-12" flat bordered >
<div class="q-gutter-sm col-12"> <q-scroll-area style="height: 38vw">
<q-list class="rounded-borders q-pt-sm" dense> <div class="q-gutter-sm col-12">
<q-item <q-list class="rounded-borders q-pt-sm" dense>
v-for="(item, i) in filterLists" <q-item
:key="i" v-for="(item, i) in filterLists"
tag="label" :key="i"
v-ripple tag="label"
> v-ripple
<q-checkbox >
size="sm" <q-checkbox
v-model="filterVal" size="sm"
:val="item.id" v-model="filterVal"
:color="item.color" :val="item.id"
/> :color="item.color"
<q-item-section> />
<q-item-label>{{ item.name }}</q-item-label> <q-item-section>
</q-item-section> <q-item-label>{{ item.name }}</q-item-label>
</q-item> </q-item-section>
</q-list> </q-item>
</div> </q-list>
</div>
</q-scroll-area>
</q-card> </q-card>
</div> </div>

View file

@ -175,7 +175,7 @@ function onClickOpenStat() {
/** function redirectTo ยื่นใบลา*/ /** function redirectTo ยื่นใบลา*/
async function addAbsence() { async function addAbsence() {
await leaveStore.resetForm2(); leaveStore.resetForm2();
router.push(`/leave/add`); router.push(`/leave/add`);
} }