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

fix: แก้ layout สินค้า

Browse source
This commit is contained in:
Net 2024-07-12 15:26:13 +07:00
parent 2c955de900
commit 9c3443a323
1 changed files with 653 additions and 651 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1295,6 +1295,7 @@ watch(inputSearchProductAndService, async () => {
></q-fab-action> ></q-fab-action>
</ButtonAddComponent> </ButtonAddComponent>
<div class="full-height overflow-hidden">
<div class="text-body-2 q-mb-xs flex items-center"> <div class="text-body-2 q-mb-xs flex items-center">
{{ $t('dataSum') }} {{ $t('dataSum') }}
<q-btn <q-btn
@ -1326,8 +1327,8 @@ watch(inputSearchProductAndService, async () => {
<q-splitter <q-splitter
v-model="splitterModel" v-model="splitterModel"
:limits="[0, 100]" :limits="[20, 100]"
style="width: 100%; height: 82%" style="width: 100%; height: 100%"
after-class="overflow-hidden" after-class="overflow-hidden"
> >
<template v-slot:before> <template v-slot:before>
@ -1648,9 +1649,9 @@ watch(inputSearchProductAndService, async () => {
</div> </div>
<template v-else> <template v-else>
<div class="col flex scroll full-height q-pa-md surface-1"> <div class="surface-1 col flex q-pa-md scroll full-width">
<div class="full-width">
<q-table <q-table
:style="`height: ${hideStat ? '60dvh' : '50vh'}`"
flat flat
bordered bordered
:grid="modeView" :grid="modeView"
@ -2085,7 +2086,6 @@ watch(inputSearchProductAndService, async () => {
</template> </template>
</q-table> </q-table>
</div> </div>
</div>
<div <div
v-if="productMode === 'group'" v-if="productMode === 'group'"
@ -2151,7 +2151,7 @@ watch(inputSearchProductAndService, async () => {
<div <div
v-if="productMode === 'type'" v-if="productMode === 'type'"
class="row justify-between items-center" class="row justify-between items-center q-px-md q-py-sm"
> >
<div class="col-4"> <div class="col-4">
<div class="row items-center"> <div class="row items-center">
@ -2429,16 +2429,18 @@ watch(inputSearchProductAndService, async () => {
(productAndServiceTab === 'product' && product?.length === 0) || (productAndServiceTab === 'product' && product?.length === 0) ||
(productAndServiceTab === 'service' && service?.length === 0) (productAndServiceTab === 'service' && service?.length === 0)
" "
class="flex justify-center items-center surface-1 col" class="flex justify-center items-center surface-1"
:style="`height: ${hideStat ? '60vh' : '49vh'}`"
> >
{{ hideStat }}
<NoData :not-found="!!inputSearchProductAndService" /> <NoData :not-found="!!inputSearchProductAndService" />
</div> </div>
<!-- tab --> <!-- tab -->
<template v-else> <template v-else>
<div class="col flex scroll full-height q-pa-md surface-1"> <div class="flex scroll full-width q-pa-md surface-1">
<div class="full-width">
<q-table <q-table
class="full-width" class="full-width"
:style="`height: ${hideStat ? '55vh' : '45vh'}`"
flat flat
bordered bordered
:rows-per-page-options="[0]" :rows-per-page-options="[0]"
@ -2824,7 +2826,7 @@ watch(inputSearchProductAndService, async () => {
</template> </template>
<template v-slot:item="{ row }"> <template v-slot:item="{ row }">
<div class="col-12 col-md-4 col-lg-2"> <div class="col-12 col-md-6 col-lg-4">
<TotalProductCardComponent <TotalProductCardComponent
:data="row" :data="row"
:key="row.id" :key="row.id"
@ -2879,7 +2881,6 @@ watch(inputSearchProductAndService, async () => {
</template> </template>
</q-table> </q-table>
</div> </div>
</div>
</template> </template>
<!-- footer --> <!-- footer -->
<div <div
@ -2948,6 +2949,7 @@ watch(inputSearchProductAndService, async () => {
</div> </div>
</template> </template>
</q-splitter> </q-splitter>
</div>
<FormDialog <FormDialog
v-model:modal="dialogInputForm" v-model:modal="dialogInputForm"