WIP: refs #6416 - refactor-InvoiceIn #196
|
@ -8,6 +8,9 @@ import { downloadFile } from 'src/composables/downloadFile';
|
|||
|
||||
import CardSummary from 'components/ui/CardSummary.vue';
|
||||
import VnLv from 'src/components/ui/VnLv.vue';
|
||||
import VnTable from 'src/components/ui/VnTable.vue';
|
||||
import VnCardSection from 'src/components/ui/VnCardSection.vue';
|
||||
import VnCard from 'src/components/ui/VnCard.vue';
|
||||
import in18n from '../in18n';
|
||||
|
||||
onMounted(async () => {
|
||||
|
@ -355,93 +358,67 @@ function setData(entity) {
|
|||
/>
|
||||
</QCard>
|
||||
<!--Vat-->
|
||||
<QCard v-if="invoiceIn.invoiceInTax.length" class="vn-three">
|
||||
<a class="header">
|
||||
{{ t('invoiceIn.card.vat') }}
|
||||
</a>
|
||||
<QTable
|
||||
:columns="vatColumns"
|
||||
:rows="invoiceIn.invoiceInTax"
|
||||
flat
|
||||
hide-pagination
|
||||
>
|
||||
<template #header="props">
|
||||
<QTr :props="props" class="bg">
|
||||
<QTh v-for="col in props.cols" :key="col.name" :props="props">
|
||||
{{ t(col.label) }}
|
||||
</QTh>
|
||||
</QTr>
|
||||
</template>
|
||||
<template #bottom-row>
|
||||
<QTr class="bg">
|
||||
<QTd></QTd>
|
||||
<QTd>{{ toCurrency(invoiceIn.totals.totalTaxableBase) }}</QTd>
|
||||
<QTd></QTd>
|
||||
<QTd></QTd>
|
||||
<QTd></QTd>
|
||||
<QTd></QTd>
|
||||
</QTr>
|
||||
</template>
|
||||
</QTable>
|
||||
</QCard>
|
||||
<VnCard v-if="invoiceIn.invoiceInTax.length" class="vn-three">
|
||||
<template #header>
|
||||
<VnCardSection :title="'invoiceIn.card.vat'"> </VnCardSection>
|
||||
</template>
|
||||
<template #body>
|
||||
<VnTable :columns="vatColumns" :rows="invoiceIn.invoiceInTax">
|
||||
<template #bottom-row>
|
||||
<QTr class="bg">
|
||||
<QTd></QTd>
|
||||
<QTd>{{
|
||||
toCurrency(invoiceIn.totals.totalTaxableBase)
|
||||
}}</QTd>
|
||||
<QTd></QTd>
|
||||
<QTd></QTd>
|
||||
<QTd></QTd>
|
||||
<QTd></QTd>
|
||||
</QTr>
|
||||
</template>
|
||||
</VnTable>
|
||||
</template>
|
||||
</VnCard>
|
||||
<!--Due Day-->
|
||||
<QCard v-if="invoiceIn.invoiceInDueDay.length" class="vn-two">
|
||||
<div class="header">
|
||||
{{ t('invoiceIn.card.dueDay') }}
|
||||
</div>
|
||||
<QTable
|
||||
class="full-width"
|
||||
:columns="dueDayColumns"
|
||||
:rows="invoiceIn.invoiceInDueDay"
|
||||
flat
|
||||
hide-pagination
|
||||
>
|
||||
<template #header="props">
|
||||
<QTr :props="props" class="bg">
|
||||
<QTh v-for="col in props.cols" :key="col.name" :props="props">
|
||||
{{ t(col.label) }}
|
||||
</QTh>
|
||||
</QTr>
|
||||
</template>
|
||||
<template #bottom-row>
|
||||
<QTr class="bg">
|
||||
<QTd></QTd>
|
||||
<QTd></QTd>
|
||||
<QTd>{{ toCurrency(invoiceIn.totals.totalDueDay) }}</QTd>
|
||||
<QTd></QTd>
|
||||
</QTr>
|
||||
</template>
|
||||
</QTable>
|
||||
</QCard>
|
||||
<VnCard v-if="invoiceIn.invoiceInDueDay.length" class="vn-two">
|
||||
<template #header>
|
||||
<VnCardSection :title="'invoiceIn.card.dueDay'"> </VnCardSection>
|
||||
</template>
|
||||
<template #body
|
||||
><VnTable :columns="dueDayColumns" :rows="invoiceIn.invoiceInDueDay">
|
||||
<template #bottom-row>
|
||||
<QTr class="bg">
|
||||
<QTd></QTd>
|
||||
<QTd></QTd>
|
||||
<QTd>{{ toCurrency(invoiceIn.totals.totalDueDay) }}</QTd>
|
||||
<QTd></QTd>
|
||||
</QTr>
|
||||
</template>
|
||||
</VnTable>
|
||||
</template>
|
||||
</VnCard>
|
||||
<!--Intrastat-->
|
||||
<QCard v-if="invoiceIn.invoiceInIntrastat.length">
|
||||
<div class="header">
|
||||
{{ t('invoiceIn.card.intrastat') }}
|
||||
</div>
|
||||
<QTable
|
||||
:columns="intrastatColumns"
|
||||
:rows="invoiceIn.invoiceInIntrastat"
|
||||
flat
|
||||
hide-pagination
|
||||
>
|
||||
<template #header="props">
|
||||
<QTr :props="props" class="bg">
|
||||
<QTh v-for="col in props.cols" :key="col.name" :props="props">
|
||||
{{ t(col.label) }}
|
||||
</QTh>
|
||||
</QTr>
|
||||
</template>
|
||||
<template #bottom-row>
|
||||
<QTr class="bg">
|
||||
<QTd></QTd>
|
||||
<QTd>{{ toCurrency(intrastatTotals.amount) }}</QTd>
|
||||
<QTd>{{ intrastatTotals.net }}</QTd>
|
||||
<QTd>{{ intrastatTotals.stems }}</QTd>
|
||||
<QTd></QTd>
|
||||
</QTr>
|
||||
</template>
|
||||
</QTable>
|
||||
</QCard>
|
||||
<VnCard v-if="invoiceIn.invoiceInIntrastat.length">
|
||||
<template #header>
|
||||
<VnCardSection :title="'invoiceIn.card.intrastat'"> </VnCardSection>
|
||||
</template>
|
||||
<template #body
|
||||
><VnTable
|
||||
:columns="intrastatColumns"
|
||||
:rows="invoiceIn.invoiceInIntrastat"
|
||||
>
|
||||
<template #bottom-row>
|
||||
<QTr class="bg">
|
||||
<QTd></QTd>
|
||||
<QTd>{{ toCurrency(intrastatTotals.amount) }}</QTd>
|
||||
<QTd>{{ intrastatTotals.net }}</QTd>
|
||||
<QTd>{{ intrastatTotals.stems }}</QTd>
|
||||
<QTd></QTd>
|
||||
</QTr>
|
||||
</template>
|
||||
</VnTable>
|
||||
</template>
|
||||
</VnCard>
|
||||
</template>
|
||||
</CardSummary>
|
||||
</template>
|
||||
|
@ -449,6 +426,7 @@ function setData(entity) {
|
|||
.bg {
|
||||
background-color: var(--vn-light-gray);
|
||||
}
|
||||
|
||||
.bordered {
|
||||
border: 1px solid var(--vn-text);
|
||||
width: 16em;
|
||||
|
|
Loading…
Reference in New Issue