77 lines
3.6 KiB
HTML
77 lines
3.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="es">
|
||
|
|
<body>
|
||
|
|
<section class="container">
|
||
|
|
<report-header></report-header>
|
||
|
|
<section class="main">
|
||
|
|
<section class="columns">
|
||
|
|
<section class="size50">
|
||
|
|
<section class="size75">
|
||
|
|
<h1 class="title uppercase">{{$t('title')}}</h1>
|
||
|
|
<section class="row inline small">
|
||
|
|
<section class="text uppercase gray">{{$t('clientId')}}:</section>
|
||
|
|
<section class="control">{{clientId}}</section>
|
||
|
|
</section>
|
||
|
|
<section class="row inline small">
|
||
|
|
<section class="text uppercase gray">{{$t('date')}}:</section>
|
||
|
|
<section class="control">{{dated()}}</section>
|
||
|
|
</section>
|
||
|
|
</section>
|
||
|
|
</section>
|
||
|
|
<section class="size50">
|
||
|
|
<section class="panel">
|
||
|
|
<section class="header">{{$t('clientData')}}</section>
|
||
|
|
<section class="body">
|
||
|
|
<h3 class="uppercase">{{clientName}}</h3>
|
||
|
|
<section>
|
||
|
|
{{street}}
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
{{postcode}}, {{city}} ({{province}})
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
{{country}}
|
||
|
|
</section>
|
||
|
|
</section>
|
||
|
|
</section>
|
||
|
|
</section>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<vn-table>
|
||
|
|
<vn-thead>
|
||
|
|
<vn-tr>
|
||
|
|
<vn-th>{{$t('date')}}</vn-th>
|
||
|
|
<vn-th>{{$t('concept')}}</vn-th>
|
||
|
|
<vn-th class="number">{{$t('invoiced')}}</vn-th>
|
||
|
|
<vn-th class="number">{{$t('payed')}}</vn-th>
|
||
|
|
<vn-th class="number">{{$t('balance')}}</vn-th>
|
||
|
|
</vn-tr>
|
||
|
|
</vn-thead>
|
||
|
|
<vn-tbody>
|
||
|
|
<vn-tr v-for="sale in sales" :key="sale.id">
|
||
|
|
<vn-td>{{toISOString(sale.issued)}}</vn-td>
|
||
|
|
<vn-td>{{sale.ref}}</vn-td>
|
||
|
|
<vn-td class="number">{{sale.debtOut}}</vn-td>
|
||
|
|
<vn-td class="number">{{sale.debtIn}}</vn-td>
|
||
|
|
<vn-td class="number">{{getBalance(sale)}}</vn-td>
|
||
|
|
</vn-tr>
|
||
|
|
</vn-tbody>
|
||
|
|
<vn-tfoot>
|
||
|
|
<vn-tr>
|
||
|
|
<vn-td></vn-td>
|
||
|
|
<vn-td><strong class="pull-right">Total</strong></vn-td>
|
||
|
|
<vn-td class="number">{{getTotalDebtOut()}}</vn-td>
|
||
|
|
<vn-td class="number">{{getTotalDebtIn()}}</vn-td>
|
||
|
|
<vn-td class="number">{{totalBalance}}</vn-td>
|
||
|
|
</vn-tr>
|
||
|
|
</vn-tfoot>
|
||
|
|
</vn-table>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<report-footer id="pageFooter"
|
||
|
|
:left-text="$t('client', [clientId])"
|
||
|
|
:center-text="clientName">
|
||
|
|
</report-footer>
|
||
|
|
</section>
|
||
|
|
</body>
|
||
|
|
</html>
|