78 lines
3.4 KiB
HTML
78 lines
3.4 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('claimId')}}:</section>
|
|
<section class="control">{{claimId}}</section>
|
|
</section>
|
|
<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('reference')}}</vn-th>
|
|
<vn-th>{{$t('quantity')}}</vn-th>
|
|
<vn-th>{{$t('claims')}}</vn-th>
|
|
<vn-th>{{$t('concept')}}</vn-th>
|
|
</vn-tr>
|
|
</vn-thead>
|
|
<vn-tbody>
|
|
<vn-tr v-for="sale in sales" :key="sale.id">
|
|
<vn-td class="gray">{{sale.id}}</vn-td>
|
|
<vn-td>{{sale.quantity}}</vn-td>
|
|
<vn-td>{{sale.claimQuantity}}</vn-td>
|
|
<vn-td>{{sale.concept}}</vn-td>
|
|
</vn-tr>
|
|
</vn-tbody>
|
|
</vn-table>
|
|
|
|
<section class="panel sign">
|
|
<section class="body centered">
|
|
<h3>{{clientName}}</h3>
|
|
</section>
|
|
</section>
|
|
|
|
<p v-html="$t('sections.agency.description')"></p>
|
|
</section>
|
|
|
|
<report-footer id="pageFooter"
|
|
:left-text="$t('claim', [claimId])"
|
|
:center-text="clientName">
|
|
</report-footer>
|
|
</section>
|
|
</body>
|
|
</html> |