165 lines
6.9 KiB
HTML
165 lines
6.9 KiB
HTML
<report-body v-bind="$props">
|
|
<div class="grid-row info-panel">
|
|
<div class="grid-block">
|
|
<h1 class="title centered uppercase">{{$t('fields.title')}}</h1>
|
|
</div>
|
|
</div>
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<td style="width: 70%; text-align: right; padding-right: 2em">{{$t('fields.date')}}:</td>
|
|
<th>
|
|
<div class="field wide-rectangle">
|
|
<span></span>
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class="grid-row">
|
|
<div class="grid-block">
|
|
<div class="info-panel">
|
|
<div class="green-background">
|
|
<h3>{{$t('fields.companyInfo')}}</h3>
|
|
</div>
|
|
<div class="body">
|
|
<table style="width: 100%">
|
|
<tbody>
|
|
<tr>
|
|
<td>{{$t('fields.companyName')}}:</td>
|
|
<th colspan="3">
|
|
<div class="field wide-rectangle">
|
|
<span></span>
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<td>{{$t('fields.businessType')}}:</td>
|
|
<th>
|
|
<div class="field wide-rectangle">
|
|
<span></span>
|
|
</div>
|
|
</th>
|
|
<td>{{$t('fields.antiquity')}}:</td>
|
|
<th>
|
|
<div class="field wide-rectangle">
|
|
<span></span>
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<td>{{$t('fields.surface')}}:</td>
|
|
<th>
|
|
<div class="field wide-rectangle">
|
|
<span></span>
|
|
</div>
|
|
</th>
|
|
<td>{{$t('fields.numberOfEmployees')}}:</td>
|
|
<th>
|
|
<div class="field wide-rectangle">
|
|
<span></span>
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<td>{{$t('fields.owner')}}:</td>
|
|
<th>
|
|
<div class="field wide-rectangle">
|
|
<span></span>
|
|
</div>
|
|
</th>
|
|
<td>{{$t('fields.phone')}}:</td>
|
|
<th>
|
|
<div class="field wide-rectangle">
|
|
<span></span>
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<td>{{$t('fields.payer')}}:</td>
|
|
<th>
|
|
<div class="field wide-rectangle">
|
|
<span></span>
|
|
</div>
|
|
</th>
|
|
<td>{{$t('fields.phone')}}:</td>
|
|
<th>
|
|
<div class="field wide-rectangle">
|
|
<span></span>
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="grid-row">
|
|
<div class="grid-block">
|
|
<div class="info-panel" style="width: 98%">
|
|
<div class="green-background">
|
|
<h3>{{$t('fields.economicInfo')}}</h3>
|
|
</div>
|
|
<div class="body">
|
|
<table>
|
|
<tbody>
|
|
<tr class="row-oriented">
|
|
<td>{{$t('fields.previousSalesVolume')}}:</td>
|
|
<th>
|
|
<div class="field wide-rectangle">
|
|
<span></span>
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
<tr class="row-oriented">
|
|
<td>{{$t('fields.forecastedSalesVolume')}}:</td>
|
|
<th>
|
|
<div class="field wide-rectangle">
|
|
<span></span>
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
<tr class="row-oriented">
|
|
<td>{{$t('fields.forecastedPurchases')}}:</td>
|
|
<th>
|
|
<div class="field wide-rectangle">
|
|
<span></span>
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="grid-row">
|
|
<div class="grid-block">
|
|
<div>
|
|
<table style="border-top: 1px solid #ddd" class="info-panel">
|
|
<tbody>
|
|
<tr class="row-oriented" style="width: 100%">
|
|
<td>{{$t('fields.personFilling')}}:</td>
|
|
<th>
|
|
<div class="field wide-rectangle">
|
|
<span></span>
|
|
</div>
|
|
</th>
|
|
<td>{{$t('fields.phone')}}:</td>
|
|
<th>
|
|
<div class="field wide-rectangle">
|
|
<span></span>
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<template v-slot:footer>
|
|
<report-footer id="pageFooter" v-bind:left-text="formatDate(new Date(), '%d-%m-%Y')" v-bind="$props"> </report-footer>
|
|
</template>
|
|
</report-body>
|