191 lines
11 KiB
HTML
191 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html v-bind:lang="$i18n.locale">
|
|
<body>
|
|
<table class="grid">
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<!-- Header block -->
|
|
<report-header v-bind="$props"></report-header>
|
|
|
|
<!-- Block -->
|
|
<div class="grid-row info-panel">
|
|
<div class="grid-block">
|
|
<h1 class="title centered uppercase">{{$t('fields.title')}}</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Block -->
|
|
<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>
|
|
|
|
<!-- Block -->
|
|
<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>
|
|
|
|
<!-- Block -->
|
|
<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>
|
|
|
|
<!-- Block -->
|
|
<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>
|
|
<!-- Footer block -->
|
|
<report-footer
|
|
id="pageFooter"
|
|
v-bind:left-text="$t('client', [client.id])"
|
|
v-bind:center-text="client.socialName"
|
|
v-bind="$props">
|
|
</report-footer>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</body>
|
|
</html> |