ปรับ 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-tooltip>เพมขอม</q-tooltip>
</q-btn> </q-btn>
</div> </div>
<div class="row q-mt-sm q-col-gutter-sm">
<div class="row col-12 q-mt-sm"> <div class="col-12 col-sm-3 col-md-4 col-lg-2">
<div class="col-md-10"> <q-select
<div class="row col-12 q-col-gutter-sm"> outlined
<div class="col-md-3"> dense
<q-select v-model="qureyBody.searchField"
outlined :options="store.searchFieldOption"
dense label="เลือกที่ต้องการค้นหา"
v-model="qureyBody.searchField" emit-value
:options="store.searchFieldOption" map-options
label="เลือกที่ต้องการค้นหา" option-label="name"
emit-value option-value="id"
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> </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 <q-select
v-model="visibleColumns" v-model="visibleColumns"
multiple multiple