ปรับ row ตอนย่อจอ

This commit is contained in:
setthawutttty 2025-01-10 13:52:49 +07:00
parent dd61ce48f7
commit 0e20cf8415

View file

@ -312,47 +312,43 @@ onMounted(async () => {
<q-tooltip>เพมขอม</q-tooltip>
</q-btn>
</div>
<div class="row col-12 q-mt-sm">
<div class="col-md-10">
<div class="row col-12 q-col-gutter-sm">
<div class="col-md-3">
<q-select
outlined
dense
v-model="qureyBody.searchField"
:options="store.searchFieldOption"
label="เลือกที่ต้องการค้นหา"
emit-value
map-options
option-label="name"
option-value="id"
/>
</div>
<div class="col-md-5">
<q-input
v-model="qureyBody.searchKeyword"
outlined
dense
lazy-rules
label="คำค้น"
hide-bottom-space
>
</q-input>
</div>
<div>
<q-btn
outline
color="primary"
icon="search"
label="ค้นหา"
class="full-width full-height"
@click="fetchListPerson(true)"
/>
</div>
</div>
<div class="row q-mt-sm q-col-gutter-sm">
<div class="col-12 col-sm-3 col-md-4 col-lg-2">
<q-select
outlined
dense
v-model="qureyBody.searchField"
:options="store.searchFieldOption"
label="เลือกที่ต้องการค้นหา"
emit-value
map-options
option-label="name"
option-value="id"
/>
</div>
<q-space />
<div class="col-12 col-sm-6 col-md-5 col-lg-3">
<q-input
v-model="qureyBody.searchKeyword"
outlined
dense
lazy-rules
label="คำค้น"
hide-bottom-space
>
</q-input>
</div>
<div class="col-12 col-sm-3 col-md-3 col-lg-2">
<q-btn
outline
color="primary"
icon="search"
label="ค้นหา"
class="full-width full-height"
@click="fetchListPerson(true)"
/>
</div>
<q-space v-if="$q.screen.gt.md" />
<q-select
v-model="visibleColumns"
multiple