แก้ select /input
This commit is contained in:
parent
a934497083
commit
97879802b1
45 changed files with 138 additions and 279 deletions
|
|
@ -192,20 +192,14 @@ watch(
|
|||
style="max-width: 100%"
|
||||
>
|
||||
<template v-slot:append>
|
||||
<q-icon v-if="filterKeyword2 == ''" name="search" />
|
||||
<q-icon
|
||||
v-if="filterKeyword2 !== ''"
|
||||
name="clear"
|
||||
class="cursor-pointer"
|
||||
@click="Reset"
|
||||
/>
|
||||
<q-icon name="search" />
|
||||
</template>
|
||||
</q-input>
|
||||
|
||||
<d-table
|
||||
:columns="columns2"
|
||||
:rows="rows2"
|
||||
:filter="filterKeyword2"
|
||||
:filter="filterKeyword2?.trim()"
|
||||
row-key="id"
|
||||
:visible-columns="visibleColumns2"
|
||||
selection="multiple"
|
||||
|
|
|
|||
|
|
@ -194,20 +194,14 @@ watch(
|
|||
style="max-width: 100%"
|
||||
>
|
||||
<template v-slot:append>
|
||||
<q-icon v-if="filterKeyword2 == ''" name="search" />
|
||||
<q-icon
|
||||
v-if="filterKeyword2 !== ''"
|
||||
name="clear"
|
||||
class="cursor-pointer"
|
||||
@click="Reset"
|
||||
/>
|
||||
<q-icon name="search" />
|
||||
</template>
|
||||
</q-input>
|
||||
|
||||
<d-table
|
||||
:columns="columns"
|
||||
:rows="rows2"
|
||||
:filter="filterKeyword2"
|
||||
:filter="filterKeyword2?.trim()"
|
||||
row-key="id"
|
||||
selection="multiple"
|
||||
v-model:selected="selected"
|
||||
|
|
|
|||
|
|
@ -55,8 +55,7 @@ const type = ref<string>("citizenId");
|
|||
const search = ref<string>("");
|
||||
const typeOps = ref<typeOp[]>([
|
||||
{ id: "citizenId", name: "เลขประจำตัวประชาชน" },
|
||||
{ id: "firstname", name: "ชื่อ" },
|
||||
{ id: "lastname", name: "นามสกุล" },
|
||||
{ id: "fullName", name: "ชื่อ - นามสกุล" },
|
||||
]);
|
||||
|
||||
/**
|
||||
|
|
@ -303,9 +302,9 @@ onMounted(async () => {
|
|||
<q-btn
|
||||
color="primary"
|
||||
icon="search"
|
||||
unelevated
|
||||
label="ค้นหา"
|
||||
class="full-width q-py-sm q-px-md"
|
||||
outline
|
||||
@click="searchInput()"
|
||||
>
|
||||
</q-btn>
|
||||
|
|
|
|||
|
|
@ -139,13 +139,7 @@ onMounted(() => {
|
|||
placeholder="ค้นหา"
|
||||
>
|
||||
<template v-slot:append>
|
||||
<q-icon v-if="filterKeyword == ''" name="search" />
|
||||
<q-icon
|
||||
v-if="filterKeyword !== ''"
|
||||
name="clear"
|
||||
class="cursor-pointer"
|
||||
@click="resetFilter"
|
||||
/>
|
||||
<q-icon name="search" />
|
||||
</template>
|
||||
</q-input>
|
||||
|
||||
|
|
@ -160,7 +154,6 @@ onMounted(() => {
|
|||
map-options
|
||||
:options="dataStore.columns"
|
||||
option-value="name"
|
||||
|
||||
style="min-width: 140px"
|
||||
class="col-xs-12 col-sm-3 col-md-2"
|
||||
/>
|
||||
|
|
@ -170,7 +163,7 @@ onMounted(() => {
|
|||
<d-table
|
||||
:columns="dataStore.columns"
|
||||
:rows="dataStore.rows"
|
||||
:filter="filterKeyword"
|
||||
:filter="filterKeyword.trim()"
|
||||
row-key="tb-list"
|
||||
flat
|
||||
bordered
|
||||
|
|
|
|||
|
|
@ -113,13 +113,7 @@ onMounted(() => {
|
|||
placeholder="ค้นหา"
|
||||
>
|
||||
<template v-slot:append>
|
||||
<q-icon v-if="filterKeyword == ''" name="search" />
|
||||
<q-icon
|
||||
v-if="filterKeyword !== ''"
|
||||
name="clear"
|
||||
class="cursor-pointer"
|
||||
@click="resetFilter"
|
||||
/>
|
||||
<q-icon name="search" />
|
||||
</template>
|
||||
</q-input>
|
||||
|
||||
|
|
@ -134,7 +128,6 @@ onMounted(() => {
|
|||
map-options
|
||||
:options="dataStore.columns"
|
||||
option-value="name"
|
||||
|
||||
style="min-width: 140px"
|
||||
class="col-xs-12 col-sm-3 col-md-2"
|
||||
/>
|
||||
|
|
@ -144,7 +137,7 @@ onMounted(() => {
|
|||
<d-table
|
||||
:columns="dataStore.columns"
|
||||
:rows="dataStore.rows"
|
||||
:filter="filterKeyword"
|
||||
:filter="filterKeyword.trim()"
|
||||
row-key="tb-list"
|
||||
flat
|
||||
bordered
|
||||
|
|
|
|||
|
|
@ -98,7 +98,7 @@ async function fetchEvaluteList() {
|
|||
const body = {
|
||||
page: currentPage.value,
|
||||
pageSize: pageSize.value,
|
||||
keyword: filter.value,
|
||||
keyword: filter.value.trim(),
|
||||
status: selectedStatus.value,
|
||||
};
|
||||
await http
|
||||
|
|
@ -215,13 +215,7 @@ onMounted(async () => {
|
|||
@keydown.enter.prevent="filterFn"
|
||||
>
|
||||
<template v-slot:append>
|
||||
<q-icon v-if="filter == ''" name="search" />
|
||||
<q-icon
|
||||
v-if="filter !== ''"
|
||||
name="clear"
|
||||
class="cursor-pointer"
|
||||
@click="resetFilter"
|
||||
/>
|
||||
<q-icon name="search" />
|
||||
</template>
|
||||
</q-input>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue