Solucion a comentarios
gitea/salix-front/pipeline/pr-dev This commit looks good Details

This commit is contained in:
carlosfonseca 2024-02-22 10:44:29 -05:00
parent f69b25716d
commit 9ae0874ccf
8 changed files with 335 additions and 296 deletions

View File

@ -17,20 +17,22 @@ onMounted(() => {
}); });
</script> </script>
<template> <template>
<div class="full-width flex justify-center">
<QPage class="card-width q-pa-lg">
<CrudModel <CrudModel
data-key="CustomerContacts" :data-required="{ clientFk: route.params.id }"
url="ClientContacts" :default-remove="false"
model="CustomerContacts"
:filter="{ :filter="{
fields: ['id', 'name', 'phone', 'clientFk'], fields: ['id', 'name', 'phone', 'clientFk'],
where: { clientFk: route.params.id }, where: { clientFk: route.params.id },
}" }"
data-key="CustomerContacts"
model="CustomerContacts"
ref="customerContactsRef" ref="customerContactsRef"
:default-remove="false" url="ClientContacts"
:data-required="{ clientFk: route.params.id }"
> >
<template #body="{ rows }"> <template #body="{ rows }">
<QCard class="q-pa-md"> <QCard class="q-pl-lg q-py-md">
<VnRow <VnRow
v-for="(row, index) in rows" v-for="(row, index) in rows"
:key="index" :key="index"
@ -72,6 +74,8 @@ onMounted(() => {
</QCard> </QCard>
</template> </template>
</CrudModel> </CrudModel>
</QPage>
</div>
</template> </template>
<i18n> <i18n>

View File

@ -70,7 +70,8 @@ const updateData = () => {
</script> </script>
<template> <template>
<QCard class="q-pa-lg"> <div class="full-width flex justify-center">
<QCard class="card-width q-pa-lg">
<VnPaginate <VnPaginate
:filter="filter" :filter="filter"
@on-fetch="fetch" @on-fetch="fetch"
@ -129,7 +130,10 @@ const updateData = () => {
<QSeparator class="q-mx-lg" vertical /> <QSeparator class="q-mx-lg" vertical />
<div class="flex"> <div class="flex">
<div class="flex items-center" v-if="item?.insurances.length"> <div
class="flex items-center"
v-if="item?.insurances.length"
>
<div class="flex q-mr-xl"> <div class="flex q-mr-xl">
<div class="q-mr-sm color-vn-label"> <div class="q-mr-sm color-vn-label">
{{ t('Credit') }}: {{ t('Credit') }}:
@ -156,7 +160,9 @@ const updateData = () => {
</div> </div>
</div> </div>
<div class="flex items-center q-ml-lg q-mr-md cursor-pointer"> <div
class="flex items-center q-ml-lg q-mr-md cursor-pointer"
>
<QIcon <QIcon
@click.stop="openViewCredit(item)" @click.stop="openViewCredit(item)"
color="primary" color="primary"
@ -175,6 +181,7 @@ const updateData = () => {
</template> </template>
</VnPaginate> </VnPaginate>
</QCard> </QCard>
</div>
<QPageSticky :offset="[18, 18]" v-if="showQPageSticky"> <QPageSticky :offset="[18, 18]" v-if="showQPageSticky">
<QBtn <QBtn

View File

@ -126,6 +126,7 @@ const columns = computed(() => [
</template> </template>
</FormModel> </FormModel>
<div class="full-width flex justify-center">
<QTable <QTable
:columns="columns" :columns="columns"
:pagination="{ rowsPerPage: 0 }" :pagination="{ rowsPerPage: 0 }"
@ -133,7 +134,7 @@ const columns = computed(() => [
hide-bottom hide-bottom
row-key="id" row-key="id"
v-model:selected="selected" v-model:selected="selected"
class="q-pa-lg" class="card-width q-pa-lg"
> >
<template #body-cell="props"> <template #body-cell="props">
<QTd :props="props"> <QTd :props="props">
@ -154,6 +155,7 @@ const columns = computed(() => [
</QTd> </QTd>
</template> </template>
</QTable> </QTable>
</div>
</template> </template>
<i18n> <i18n>

View File

@ -117,14 +117,16 @@ const toCustomerGreugeCreate = () => {
<template> <template>
<FetchData :filter="filter" @on-fetch="setRows" auto-load url="greuges" /> <FetchData :filter="filter" @on-fetch="setRows" auto-load url="greuges" />
<QPage class="column items-center q-pa-md"> <div class="full-width flex justify-center">
<QCard class="full-width" v-if="totalAmount"> <QPage class="card-width q-pa-lg">
<QCard class="full-width q-pa-sm" v-if="totalAmount">
<h6 class="flex justify-end q-my-lg q-pr-lg"> <h6 class="flex justify-end q-my-lg q-pr-lg">
<span class="color-vn-label q-mr-md">{{ t('Total') }}:</span> <span class="color-vn-label q-mr-md">{{ t('Total') }}:</span>
{{ toCurrency(totalAmount) }} {{ toCurrency(totalAmount) }}
</h6> </h6>
</QCard> </QCard>
<QCard class="q-pa-sm q-mt-md">
<QTable <QTable
:columns="columns" :columns="columns"
:no-data-label="t('globals.noResults')" :no-data-label="t('globals.noResults')"
@ -139,8 +141,12 @@ const toCustomerGreugeCreate = () => {
<component <component
:is="tableColumnComponents[props.col.name].component" :is="tableColumnComponents[props.col.name].component"
class="col-content" class="col-content"
v-bind="tableColumnComponents[props.col.name].props(props)" v-bind="
@click="tableColumnComponents[props.col.name].event(props)" tableColumnComponents[props.col.name].props(props)
"
@click="
tableColumnComponents[props.col.name].event(props)
"
> >
{{ props.value }} {{ props.value }}
<WorkerDescriptorProxy <WorkerDescriptorProxy
@ -152,7 +158,9 @@ const toCustomerGreugeCreate = () => {
</QTd> </QTd>
</template> </template>
</QTable> </QTable>
</QCard>
</QPage> </QPage>
</div>
<QPageSticky :offset="[18, 18]"> <QPageSticky :offset="[18, 18]">
<QBtn @click.stop="toCustomerGreugeCreate()" color="primary" fab icon="add" /> <QBtn @click.stop="toCustomerGreugeCreate()" color="primary" fab icon="add" />

View File

@ -84,7 +84,8 @@ const toCustomerRecoverieCreate = () => {
url="Recoveries" url="Recoveries"
/> />
<QPage class="column items-center q-pa-md"> <div class="full-width flex justify-center">
<QPage class="card-width q-pa-lg">
<QTable <QTable
:columns="columns" :columns="columns"
:no-data-label="t('globals.noResults')" :no-data-label="t('globals.noResults')"
@ -99,8 +100,12 @@ const toCustomerRecoverieCreate = () => {
<component <component
:is="tableColumnComponents[props.col.name].component" :is="tableColumnComponents[props.col.name].component"
class="col-content" class="col-content"
v-bind="tableColumnComponents[props.col.name].props(props)" v-bind="
@click="tableColumnComponents[props.col.name].event(props)" tableColumnComponents[props.col.name].props(props)
"
@click="
tableColumnComponents[props.col.name].event(props)
"
> >
{{ props.value }} {{ props.value }}
</component> </component>
@ -109,6 +114,7 @@ const toCustomerRecoverieCreate = () => {
</template> </template>
</QTable> </QTable>
</QPage> </QPage>
</div>
<QPageSticky :offset="[18, 18]"> <QPageSticky :offset="[18, 18]">
<QBtn @click.stop="toCustomerRecoverieCreate()" color="primary" fab icon="add" /> <QBtn @click.stop="toCustomerRecoverieCreate()" color="primary" fab icon="add" />

View File

@ -90,7 +90,8 @@ const toCustomerSamplesCreate = () => {
url="ClientSamples" url="ClientSamples"
/> />
<QPage class="column items-center q-pa-md"> <div class="full-width flex justify-center">
<QPage class="card-width q-pa-lg">
<QTable <QTable
:columns="columns" :columns="columns"
:pagination="{ rowsPerPage: 12 }" :pagination="{ rowsPerPage: 12 }"
@ -105,8 +106,12 @@ const toCustomerSamplesCreate = () => {
<component <component
:is="tableColumnComponents[props.col.name].component" :is="tableColumnComponents[props.col.name].component"
class="col-content" class="col-content"
v-bind="tableColumnComponents[props.col.name].props(props)" v-bind="
@click="tableColumnComponents[props.col.name].event(props)" tableColumnComponents[props.col.name].props(props)
"
@click="
tableColumnComponents[props.col.name].event(props)
"
> >
{{ props.value }} {{ props.value }}
<WorkerDescriptorProxy <WorkerDescriptorProxy
@ -119,6 +124,7 @@ const toCustomerSamplesCreate = () => {
</template> </template>
</QTable> </QTable>
</QPage> </QPage>
</div>
<QPageSticky :offset="[18, 18]"> <QPageSticky :offset="[18, 18]">
<QBtn @click.stop="toCustomerSamplesCreate()" color="primary" fab icon="add" /> <QBtn @click.stop="toCustomerSamplesCreate()" color="primary" fab icon="add" />

View File

@ -104,7 +104,8 @@ const refreshData = () => {
url="clients/transactions" url="clients/transactions"
/> />
<QPage class="column items-center q-pa-md"> <div class="full-width flex justify-center">
<QPage class="card-width q-pa-lg">
<QTable <QTable
:columns="columns" :columns="columns"
:pagination="{ rowsPerPage: 12 }" :pagination="{ rowsPerPage: 12 }"
@ -118,9 +119,13 @@ const refreshData = () => {
<QTr :props="props"> <QTr :props="props">
<component <component
:is="tableColumnComponents[props.col.name].component" :is="tableColumnComponents[props.col.name].component"
@click="tableColumnComponents[props.col.name].event(props)" @click="
tableColumnComponents[props.col.name].event(props)
"
class="rounded-borders q-pa-sm" class="rounded-borders q-pa-sm"
v-bind="tableColumnComponents[props.col.name].props(props)" v-bind="
tableColumnComponents[props.col.name].props(props)
"
> >
{{ props.value }} {{ props.value }}
</component> </component>
@ -133,6 +138,7 @@ const refreshData = () => {
{{ t('globals.noResults') }} {{ t('globals.noResults') }}
</h5> </h5>
</QPage> </QPage>
</div>
</template> </template>
<i18n> <i18n>

View File

@ -453,7 +453,7 @@ export default {
{ {
name: 'CustomerUnpaid', name: 'CustomerUnpaid',
title: 'unpaid', title: 'unpaid',
icon: 'vn:supplierfalse', icon: 'vn:deaulter',
}, },
], ],
}, },