verdnatura/salix-front
verdnatura
/
salix-front
2
2
Fork 1
Code Issues Pull Requests 69 Releases Wiki Activity

WIP: refs #6416 - refactor-InvoiceIn #196

Closed
jsegarra wants to merge 17 commits from 6416-refactor-InvoiceIn into dev
pull from: 6416-refactor-InvoiceIn
merge into: verdnatura:dev
Conversation 0 Commits 17 Files Changed 27 +63 -85
1 changed files with 63 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 5f3c39f747 - Show all commits

148
src/pages/InvoiceIn/Card/InvoiceInSummary.vue
View File

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