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