แก้ select /input

This commit is contained in:
setthawutttty 2024-12-02 15:12:53 +07:00
parent a934497083
commit 97879802b1
45 changed files with 138 additions and 279 deletions

View file

@ -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"

View file

@ -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"

View file

@ -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>

View file

@ -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

View file

@ -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

View file

@ -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>