160 lines
7.9 KiB
HTML
160 lines
7.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<body>
|
|
<section class="container">
|
|
<!-- Header component -->
|
|
<report-header :locale="locale"></report-header>
|
|
<!-- End header component -->
|
|
<section class="main">
|
|
<h1 class="title centered">{{$t('title')}}</h1>
|
|
<section class="panel supplierPanel">
|
|
<section class="body">
|
|
<section class="vertical-text">
|
|
{{$t('supplier.toCompleteBySupplier')}}
|
|
</section>
|
|
|
|
<table class="row-oriented">
|
|
<tbody>
|
|
<tr>
|
|
<td>{{$t('supplier.orderReference')}}</td>
|
|
<th>{{mandateCode}}</th>
|
|
</tr>
|
|
<tr>
|
|
<td>{{$t('supplier.identifier')}}</td>
|
|
<th>ES89000B97367486</th>
|
|
</tr>
|
|
<tr>
|
|
<td>{{$t('supplier.name')}}</td>
|
|
<th>{{supplierName}}</th>
|
|
</tr>
|
|
<tr>
|
|
<td>{{$t('supplier.street')}}</td>
|
|
<th>{{supplierStreet}}</th>
|
|
</tr>
|
|
<tr>
|
|
<td>{{$t('supplier.location')}}</td>
|
|
<th>{{supplierPostCode}}, {{supplierCity}} ({{supplierProvince}})</th>
|
|
</tr>
|
|
<tr>
|
|
<td>{{$t('supplier.country')}}</td>
|
|
<th>{{supplierCountry}}</th>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</section>
|
|
</section>
|
|
|
|
<p class="font small light-gray">{{$t('description')}}</p>
|
|
<p class="font small">
|
|
<strong>{{$t('documentCopy')}}</strong>
|
|
</p>
|
|
|
|
<section class="panel">
|
|
<section class="body">
|
|
<section class="vertical-text">
|
|
{{$t('client.toCompleteByClient')}}
|
|
</section>
|
|
|
|
<table class="row-oriented">
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
{{$t('client.name')}}
|
|
<section class="description">{{$t('client.accountHolder')}}</section>
|
|
</td>
|
|
<th>{{clientName}}</th>
|
|
</tr>
|
|
<tr>
|
|
<td>{{$t('client.street')}}</td>
|
|
<th>{{clientStreet}}</th>
|
|
</tr>
|
|
<tr>
|
|
<td>{{$t('client.location')}}</td>
|
|
<th>{{clientPostCode}}, {{clientCity}} ({{clientProvince}})</th>
|
|
</tr>
|
|
<tr>
|
|
<td>{{$t('client.country')}}</td>
|
|
<th>{{clientCountry}}</th>
|
|
</tr>
|
|
<tr>
|
|
<td>{{$t('client.swift')}}</td>
|
|
<th>
|
|
<section class="field square">
|
|
<span v-for="i in 11"></span>
|
|
</section>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2">{{$t('client.accountNumber')}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" v-if=!ibanLength>
|
|
<section class="field square">
|
|
<span>{{clientCountryCode.substr(0, 1)}}</span>
|
|
<span>{{clientCountryCode.substr(1, 1)}}</span>
|
|
<span class="wide"></span>
|
|
</section>
|
|
</td>
|
|
<td colspan="2" v-if=ibanLength>
|
|
<section class="field square">
|
|
<span>{{clientCountryCode.substr(0, 1)}}</span>
|
|
<span>{{clientCountryCode.substr(1, 1)}}</span>
|
|
<span v-for="i in ibanLength"></span>
|
|
</section>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="description" colspan="2">
|
|
<section class="line">
|
|
<span>{{$t('client.accountNumberFormat')}}</span>
|
|
</section>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>{{$t('client.paymentType')}}</td>
|
|
<th>
|
|
<table class="payment-type">
|
|
<tr>
|
|
<td>
|
|
<section class="field square">
|
|
<span class="crossed">X</span>
|
|
</section>
|
|
</td>
|
|
<th>{{$t('client.recurrent')}}</th>
|
|
<th>O</th>
|
|
<td>
|
|
<section class="field square">
|
|
<span></span>
|
|
</section>
|
|
</td>
|
|
<th>{{$t('client.unique')}}</th>
|
|
</tr>
|
|
</table>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<td>{{$t('client.signLocation')}}</td>
|
|
<th>{{dated()}}, {{supplierProvince}}</th>
|
|
</tr>
|
|
<tr>
|
|
<td>{{$t('client.sign')}}</td>
|
|
<th></th>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</section>
|
|
</section>
|
|
|
|
<p class="font small">{{$t('mandatoryFields')}}</p>
|
|
<p class="font small">{{$t('sendOrder')}}</p>
|
|
</section>
|
|
<!-- Footer component -->
|
|
<report-footer id="pageFooter"
|
|
:left-text="$t('order', [mandateCode])"
|
|
:center-text="clientName"
|
|
:locale="locale">
|
|
</report-footer>
|
|
<!-- End footer component -->
|
|
</section>
|
|
</body>
|
|
</html> |