hrms-bangkok/hrms-mgt
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

ปรับ toolbar

Browse source
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-04-04 16:27:17 +07:00
parent 7c10c4a074
commit 954732b49c
4 changed files with 258 additions and 220 deletions
Download patch file Download diff file Expand all files Collapse all files

128
src/modules/14_KPI/views/indicatorByPlan.vue
View file

@ -111,31 +111,36 @@ onMounted(() => {
ตามแผนปฏิบัติราชการประจำปี
</div>
<q-card flat bordered class="q-pa-md">
<q-toolbar style="padding: 0px">
<div class="row q-gutter-sm">
<q-select
dense
outlined
v-model="formFilter.org"
:options="orgOp"
label="หน่วยงาน/ส่วนราชการ"
option-label="name"
option-value="id"
emit-value
map-options
/>
<q-select
dense
outlined
v-model="formFilter.round"
:options="roundOp"
label="รอบการประเมิน"
option-label="name"
option-value="id"
emit-value
map-options
/>
<q-toolbar class="q-pa-none">
<div class="row q-gutter-x-sm">
<div>
<q-select
dense
outlined
v-model="formFilter.org"
:options="orgOp"
label="หน่วยงาน/ส่วนราชการ"
option-label="name"
option-value="id"
emit-value
map-options
/>
</div>
<div>
<q-select
dense
outlined
v-model="formFilter.round"
:options="roundOp"
label="รอบการประเมิน"
option-label="name"
option-value="id"
emit-value
map-options
/>
</div>
</div>
<q-toolbar-title>
<q-btn
flat
round
@ -146,44 +151,47 @@ onMounted(() => {
>
<q-tooltip>เพิ่ม</q-tooltip>
</q-btn>
</div>
</q-toolbar-title>
<q-space />
<div class="row q-gutter-sm">
<q-input
standout
dense
v-model="formFilter.keyword"
ref="filterRef"
outlined
debounce="300"
placeholder="ค้นหา"
>
<template v-slot:append>
<q-icon v-if="formFilter.keyword == ''" name="search" />
<q-icon
v-if="formFilter.keyword !== ''"
name="clear"
class="cursor-pointer"
@click="formFilter.keyword = ''"
/>
</template>
</q-input>
<q-select
v-model="visibleColumns"
multiple
outlined
dense
options-dense
:display-value="$q.lang.table.columns"
emit-value
map-options
:options="columns"
option-value="name"
options-cover
style="min-width: 150px"
/>
<div>
<q-input
standout
dense
v-model="formFilter.keyword"
ref="filterRef"
outlined
debounce="300"
placeholder="ค้นหา"
>
<template v-slot:append>
<q-icon v-if="formFilter.keyword == ''" name="search" />
<q-icon
v-if="formFilter.keyword !== ''"
name="clear"
class="cursor-pointer"
@click="formFilter.keyword = ''"
/>
</template>
</q-input>
</div>
<div>
<q-select
v-model="visibleColumns"
multiple
outlined
dense
options-dense
:display-value="$q.lang.table.columns"
emit-value
map-options
:options="columns"
option-value="name"
options-cover
style="min-width: 150px"
/>
</div>
</div>
</q-toolbar>

7
src/modules/14_KPI/views/indicatorByRole.vue
View file

@ -111,7 +111,7 @@ onMounted(() => {
ตามหน้าที่ความรับผิดชอบ
</div>
<q-card flat bordered class="q-pa-md">
<q-toolbar style="padding: 0px">
<q-toolbar class="q-pa-none">
<div class="row q-gutter-sm">
<q-select
dense
@ -124,7 +124,6 @@ onMounted(() => {
emit-value
map-options
/>
<q-select
dense
outlined
@ -136,6 +135,8 @@ onMounted(() => {
emit-value
map-options
/>
</div>
<q-toolbar-title>
<q-btn
flat
round
@ -146,7 +147,7 @@ onMounted(() => {
>
<q-tooltip>เพิ่ม</q-tooltip>
</q-btn>
</div>
</q-toolbar-title>
<q-space />
<div class="row q-gutter-sm">