0
0
Fork 0

fix: CustomerDescriptorAccount

This commit is contained in:
Javier Segarra 2024-08-29 12:20:34 +02:00
parent bdffdce966
commit 375e65aed0
1 changed files with 23 additions and 18 deletions

View File

@ -11,6 +11,10 @@ import CardDescriptor from 'components/ui/CardDescriptor.vue';
import VnLv from 'src/components/ui/VnLv.vue'; import VnLv from 'src/components/ui/VnLv.vue';
import VnUserLink from 'src/components/ui/VnUserLink.vue'; import VnUserLink from 'src/components/ui/VnUserLink.vue';
import CustomerDescriptorMenu from './CustomerDescriptorMenu.vue'; import CustomerDescriptorMenu from './CustomerDescriptorMenu.vue';
import { useState } from 'src/composables/useState';
const state = useState();
const customer = computed(() => state.get('customer'));
const $props = defineProps({ const $props = defineProps({
id: { id: {
@ -43,7 +47,7 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
:subtitle="data.subtitle" :subtitle="data.subtitle"
@on-fetch="setData" @on-fetch="setData"
:summary="$props.summary" :summary="$props.summary"
data-key="customerData" data-key="customer"
> >
<template #menu="{ entity }"> <template #menu="{ entity }">
<CustomerDescriptorMenu :customer="entity" /> <CustomerDescriptorMenu :customer="entity" />
@ -75,21 +79,26 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
:value="entity.businessType.description" :value="entity.businessType.description"
/> />
</template> </template>
<template #icons="{ entity }"> <template #icons>
<QCardActions class="q-gutter-x-md"> <QCardActions v-if="customer" class="q-gutter-x-md">
<QIcon <QIcon
v-if="!entity.isActive" v-if="!customer.isActive"
name="vn:disabled" name="vn:disabled"
size="xs" size="xs"
color="primary" color="primary"
> >
<QTooltip>{{ t('customer.card.isDisabled') }}</QTooltip> <QTooltip>{{ t('customer.card.isDisabled') }}</QTooltip>
</QIcon> </QIcon>
<QIcon v-if="entity.isFreezed" name="vn:frozen" size="xs" color="primary"> <QIcon
v-if="customer.isFreezed"
name="vn:frozen"
size="xs"
color="primary"
>
<QTooltip>{{ t('customer.card.isFrozen') }}</QTooltip> <QTooltip>{{ t('customer.card.isFrozen') }}</QTooltip>
</QIcon> </QIcon>
<QIcon <QIcon
v-if="!entity.account.active" v-if="!customer.account.active"
color="primary" color="primary"
name="vn:noweb" name="vn:noweb"
size="xs" size="xs"
@ -97,7 +106,7 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
<QTooltip>{{ t('customer.card.webAccountInactive') }}</QTooltip> <QTooltip>{{ t('customer.card.webAccountInactive') }}</QTooltip>
</QIcon> </QIcon>
<QIcon <QIcon
v-if="entity.debt > entity.credit" v-if="customer.debt > customer.credit"
name="vn:risk" name="vn:risk"
size="xs" size="xs"
color="primary" color="primary"
@ -105,7 +114,7 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
<QTooltip>{{ t('customer.card.hasDebt') }}</QTooltip> <QTooltip>{{ t('customer.card.hasDebt') }}</QTooltip>
</QIcon> </QIcon>
<QIcon <QIcon
v-if="!entity.isTaxDataChecked" v-if="!customer.isTaxDataChecked"
name="vn:no036" name="vn:no036"
size="xs" size="xs"
color="primary" color="primary"
@ -113,7 +122,7 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
<QTooltip>{{ t('customer.card.notChecked') }}</QTooltip> <QTooltip>{{ t('customer.card.notChecked') }}</QTooltip>
</QIcon> </QIcon>
<QBtn <QBtn
v-if="entity.unpaid" v-if="customer.unpaid"
flat flat
size="sm" size="sm"
icon="vn:Client_unpaid" icon="vn:Client_unpaid"
@ -125,13 +134,13 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
<br /> <br />
{{ {{
t('unpaidDated', { t('unpaidDated', {
dated: toDate(entity.unpaid.dated), dated: toDate(customer.unpaid.dated),
}) })
}} }}
<br /> <br />
{{ {{
t('unpaidAmount', { t('unpaidAmount', {
amount: toCurrency(entity.unpaid.amount), amount: toCurrency(customer.unpaid.amount),
}) })
}} }}
</QTooltip> </QTooltip>
@ -165,7 +174,7 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
<QBtn <QBtn
:to="{ :to="{
name: 'OrderCreate', name: 'OrderCreate',
query: { clientId: entity.id }, query: { table: JSON.stringify({ clientFk: entity.id }) },
}" }"
size="md" size="md"
icon="vn:basketadd" icon="vn:basketadd"
@ -175,12 +184,8 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
</QBtn> </QBtn>
<QBtn <QBtn
:to="{ :to="{
name: 'AccountList', name: 'AccountSummary',
query: { params: { id: entity.id },
table: JSON.stringify({
filter: { where: { id: entity.id } },
}),
},
}" }"
size="md" size="md"
icon="face" icon="face"