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

86
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,54 +358,34 @@ 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>
<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>
<template #body>
<VnTable :columns="vatColumns" :rows="invoiceIn.invoiceInTax">
<template #bottom-row> <template #bottom-row>
<QTr class="bg"> <QTr class="bg">
<QTd></QTd> <QTd></QTd>
<QTd>{{ toCurrency(invoiceIn.totals.totalTaxableBase) }}</QTd> <QTd>{{
toCurrency(invoiceIn.totals.totalTaxableBase)
}}</QTd>
<QTd></QTd> <QTd></QTd>
<QTd></QTd> <QTd></QTd>
<QTd></QTd> <QTd></QTd>
<QTd></QTd> <QTd></QTd>
</QTr> </QTr>
</template> </template>
</QTable> </VnTable>
</QCard> </template>
</VnCard>
<!--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>
<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>
<template #body
><VnTable :columns="dueDayColumns" :rows="invoiceIn.invoiceInDueDay">
<template #bottom-row> <template #bottom-row>
<QTr class="bg"> <QTr class="bg">
<QTd></QTd> <QTd></QTd>
@ -411,26 +394,19 @@ function setData(entity) {
<QTd></QTd> <QTd></QTd>
</QTr> </QTr>
</template> </template>
</QTable> </VnTable>
</QCard> </template>
</VnCard>
<!--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
><VnTable
:columns="intrastatColumns" :columns="intrastatColumns"
:rows="invoiceIn.invoiceInIntrastat" :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> <template #bottom-row>
<QTr class="bg"> <QTr class="bg">
<QTd></QTd> <QTd></QTd>
@ -440,8 +416,9 @@ function setData(entity) {
<QTd></QTd> <QTd></QTd>
</QTr> </QTr>
</template> </template>
</QTable> </VnTable>
</QCard> </template>
</VnCard>
</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;