ปรับ UI รายการลงเวลา

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2023-10-31 14:55:55 +07:00
parent bfa2e9fe08
commit 601e288457
7 changed files with 45 additions and 32 deletions

View file

@ -7,8 +7,8 @@ const { searchDataFn, filterOption } = leaveStore;
</script>
<template>
<q-toolbar style="padding: 0" class="q-gutter-sm q-mb-sm">
<div class="col-2">
<div class="row col-12 q-col-gutter-sm q-mb-sm">
<div class="col-xs-12 col-sm-3 col-md-2">
<q-select
for="selectYear"
emit-value
@ -22,7 +22,7 @@ const { searchDataFn, filterOption } = leaveStore;
label="ปีงบประมาณ"
/>
</div>
<div class="col-3">
<div class="col-xs-12 col-sm-3 col-md-2">
<q-select
for="selectType"
emit-value
@ -50,7 +50,7 @@ const { searchDataFn, filterOption } = leaveStore;
</template></q-select
>
</div>
<div class="col-2">
<div class="col-xs-12 col-sm-3 col-md-2">
<q-select
for="selectStatus"
v-if="leaveStore.tab == '2'"
@ -74,7 +74,7 @@ const { searchDataFn, filterOption } = leaveStore;
/>
</div>
<q-space />
<div class="col-2">
<div class="col-xs-12 col-sm-3 col-md-2">
<q-input
for="filterTable"
dense
@ -83,7 +83,7 @@ const { searchDataFn, filterOption } = leaveStore;
label="ค้นหา"
/>
</div>
<div class="col-2">
<div class="col-xs-12 col-sm-3 col-md-2">
<q-select
for="visibleColumns"
v-model="leaveStore.visibleColumns"
@ -99,7 +99,7 @@ const { searchDataFn, filterOption } = leaveStore;
options-cover
/>
</div>
</q-toolbar>
</div>
</template>
<style scoped></style>