79 lines
3.8 KiB
HTML
79 lines
3.8 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 style="margin-top:0" class="title">{{$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>
|
|
<p>
|
|
<strong class="uppercase">{{clientName}}</strong>
|
|
</p>
|
|
<section>
|
|
{{street}}
|
|
</section>
|
|
<section>
|
|
{{postcode}}, {{city}} ({{province}})
|
|
</section>
|
|
<section>
|
|
{{country}}
|
|
</section>
|
|
</section>
|
|
</section>
|
|
</section>
|
|
|
|
<section class="grid" style="margin-top:20px">
|
|
<section class="row header inline">
|
|
<section style="width: 15%">{{$t('quantity')}}</section>
|
|
<section style="width: 15%">{{$t('claims')}}</section>
|
|
<section style="width: 20%">{{$t('reference')}}</section>
|
|
<section style="width: 50%">{{$t('concept')}}</section>
|
|
</section>
|
|
<section class="row inline" v-for="sale in sales">
|
|
<section class="number" style="width: 15%">{{sale.quantity}} </section>
|
|
<section class="number" style="width: 15%">{{sale.claimQuantity}} </section>
|
|
<section style="width: 20%">{{sale.id}} </section>
|
|
<section style="width: 50%">{{sale.concept}} </section>
|
|
</section>
|
|
</section>
|
|
|
|
<section class="columns" style="margin-top: 50px">
|
|
<section class="size25"> </section>
|
|
<section class="size50">
|
|
<section class="panel" style="height: 150px">
|
|
<section class="centered">
|
|
<h3>{{clientName}}</h3>
|
|
</section>
|
|
</section>
|
|
</section>
|
|
<section class="size25"> </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> |