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

fix: pagination on 04

Browse source
This commit is contained in:
puriphatt 2024-07-05 07:48:02 +00:00
parent 987155b2d9
commit 33bab7efb1
1 changed files with 17 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1227,7 +1227,7 @@ watch(inputSearchProductAndService, async () => {
<!-- group/type --> <!-- group/type -->
<div <div
v-if="productMode === 'group' || productMode === 'type'" v-if="productMode === 'group' || productMode === 'type'"
class="surface-1 col bordered rounded q-pa-md scroll column" class="surface-1 col bordered rounded q-px-md q-pt-md scroll column"
> >
<div class="row justify-between"> <div class="row justify-between">
<div <div
@ -1438,7 +1438,7 @@ watch(inputSearchProductAndService, async () => {
<template v-else> <template v-else>
<div <div
v-if="productMode === 'group'" v-if="productMode === 'group'"
class="flex items-center justify-between" class="row items-center justify-between"
> >
<div class="col-4"> <div class="col-4">
<div class="row items-center"> <div class="row items-center">
@ -1446,7 +1446,12 @@ watch(inputSearchProductAndService, async () => {
{{ $t('showing') }} {{ $t('showing') }}
</div> </div>
<div> <div>
<q-btn-dropdown dense unelevated :label="pageSizeGroup"> <q-btn-dropdown
dense
unelevated
:label="pageSizeGroup"
class="bordered q-pl-md"
>
<q-list> <q-list>
<q-item <q-item
v-for="v in [10, 30, 50, 100, 500, 1000]" v-for="v in [10, 30, 50, 100, 500, 1000]"
@ -1495,7 +1500,7 @@ watch(inputSearchProductAndService, async () => {
<div <div
v-if="productMode === 'type'" v-if="productMode === 'type'"
class="flex justify-between items-center" class="row justify-between items-center"
> >
<div class="col-4"> <div class="col-4">
<div class="row items-center"> <div class="row items-center">
@ -1503,7 +1508,12 @@ watch(inputSearchProductAndService, async () => {
{{ $t('showing') }} {{ $t('showing') }}
</div> </div>
<div> <div>
<q-btn-dropdown dense unelevated :label="pageSizeType"> <q-btn-dropdown
dense
unelevated
:label="pageSizeType"
class="bordered q-pl-md"
>
<q-list> <q-list>
<q-item <q-item
v-for="v in [10, 30, 50, 100, 500, 1000]" v-for="v in [10, 30, 50, 100, 500, 1000]"
@ -1816,7 +1826,7 @@ watch(inputSearchProductAndService, async () => {
</div> </div>
<!-- footer --> <!-- footer -->
<div class="flex items-center justify-between q-pb-md q-px-md"> <div class="row items-center justify-between q-px-md">
<div class="col-4"> <div class="col-4">
<div class="row items-center"> <div class="row items-center">
<div class="app-text-muted" style="width: 80px"> <div class="app-text-muted" style="width: 80px">
@ -1827,6 +1837,7 @@ watch(inputSearchProductAndService, async () => {
dense dense
unelevated unelevated
:label="pageSizeServiceAndProduct" :label="pageSizeServiceAndProduct"
class="bordered q-pl-md"
> >
<q-list> <q-list>
<q-item <q-item