ปรับ row ตอนย่อจอ
This commit is contained in:
parent
dd61ce48f7
commit
0e20cf8415
1 changed files with 36 additions and 40 deletions
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue