79 lines
3.6 KiB
HTML
79 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<body>
|
|
<section class="container">
|
|
<report-header></report-header>
|
|
<section class="main">
|
|
<div class="columns">
|
|
<div class="size50">
|
|
<div class="size75">
|
|
<h1 style="margin-top:0" class="font extraLarge" style="font-weight: 100">{{$t('title')}}</h1>
|
|
<div class="row inline font normal">
|
|
<div class="text font gray">{{$t('claimId')}}:</div>
|
|
<div class="control">{{claimId}}</div>
|
|
</div>
|
|
<div class="row inline font normal">
|
|
<div class="text font gray">{{$t('clientId')}}:</div>
|
|
<div class="control">{{clientId}}</div>
|
|
</div>
|
|
<div class="row inline font normal">
|
|
<div class="text font gray">{{$t('date')}}:</div>
|
|
<div class="control">{{dated()}}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="size50">
|
|
<div class="panel">
|
|
<div class="header">{{$t('clientData')}}</div>
|
|
<p>
|
|
<strong>{{clientName}}</strong>
|
|
</p>
|
|
<div>
|
|
{{street}}
|
|
</div>
|
|
<div>
|
|
{{postcode}}, {{city}} ({{province}})
|
|
</div>
|
|
<div>
|
|
{{country}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid" style="margin-top:20px">
|
|
<div class="row header inline">
|
|
<div style="width: 15%">{{$t('quantity')}}</div>
|
|
<div style="width: 15%">{{$t('claims')}}</div>
|
|
<div style="width: 20%">{{$t('reference')}}</div>
|
|
<div style="width: 50%">{{$t('concept')}}</div>
|
|
</div>
|
|
<div class="row inline" v-for="sale in sales">
|
|
<div class="font bold" style="width: 15%">{{sale.quantity}} </div>
|
|
<div class="font bold" style="width: 15%">{{sale.claimQuantity}} </div>
|
|
<div class="font bold" style="width: 20%">{{sale.id}} </div>
|
|
<div class="font bold" style="width: 50%">{{sale.concept}} </div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="columns" style="margin-top: 50px">
|
|
<div class="size25"> </div>
|
|
<div class="size50">
|
|
<div class="panel" style="height: 150px">
|
|
<div style="text-align: center">
|
|
<h3>{{clientName}}</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="size25"> </div>
|
|
</div>
|
|
<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> |