chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

fix(04): status filter

Browse source
This commit is contained in:
puriphatt 2024-07-24 06:40:03 +00:00
parent 0f7ec172f8
commit bfdd667702
1 changed files with 20 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

70
src/pages/04_product-service/MainPage.vue
View file

@ -2458,56 +2458,26 @@ watch(
:class="{ 'q-pt-xs': $q.screen.lt.md }" :class="{ 'q-pt-xs': $q.screen.lt.md }"
style="white-space: nowrap" style="white-space: nowrap"
> >
<q-btn <q-select
icon="mdi-tune-vertical-variant" v-model="currentStatus"
id="btn-status" outlined
size="sm" dense
:color="$q.dark.isActive ? 'dark' : 'white'" option-value="value"
:text-color="$q.dark.isActive ? 'white' : 'dark'" :hide-dropdown-icon="$q.screen.lt.sm"
class="bordered rounded q-py-sm col" option-label="label"
unelevated class="col"
> map-options
<q-menu class="bordered"> emit-value
<q-list v-close-popup dense> :options="[
<q-item { label: $t('all'), value: 'All' },
clickable { label: $t('statusACTIVE'), value: 'ACTIVE' },
class="flex items-center" {
@click=" label: $t('statusINACTIVE'),
async () => { value: 'INACTIVE',
currentStatus = 'All'; },
await fetchStatus(); ]"
} @update:model-value="fetchStatus()"
" ></q-select>
>
{{ $t('all') }}
</q-item>
<q-item
clickable
class="flex items-center"
@click="
async () => {
currentStatus = 'ACTIVE';
await fetchStatus();
}
"
>
{{ $t('statusACTIVE') }}
</q-item>
<q-item
clickable
class="flex items-center"
@click="
async () => {
currentStatus = 'INACTIVE';
await fetchStatus();
}
"
>
{{ $t('statusINACTIVE') }}
</q-item>
</q-list>
</q-menu>
</q-btn>
<q-select <q-select
v-if="modeView === false" v-if="modeView === false"