2019-04-10 07:45:45 +00:00
|
|
|
<!DOCTYPE html>
|
2020-05-20 14:23:53 +00:00
|
|
|
<html v-bind:lang="$i18n.locale">
|
2019-04-10 07:45:45 +00:00
|
|
|
<body>
|
2019-11-11 10:04:49 +00:00
|
|
|
<table class="grid">
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<!-- Header block -->
|
2020-07-02 14:07:26 +00:00
|
|
|
<report-header v-bind="$props"></report-header>
|
2019-11-11 10:04:49 +00:00
|
|
|
<!-- Block -->
|
2020-08-25 08:00:21 +00:00
|
|
|
<div class="grid-row route-block" v-for="route in routes">
|
2019-11-11 10:04:49 +00:00
|
|
|
<div class="grid-block">
|
2020-08-25 08:00:21 +00:00
|
|
|
<h1 class="title uppercase">{{$t('route')}} {{route.id}}</h1>
|
2019-11-11 10:04:49 +00:00
|
|
|
<div class="panel">
|
|
|
|
|
<div class="header">{{$t('information')}}</div>
|
|
|
|
|
<div class="body">
|
|
|
|
|
<div>
|
|
|
|
|
<table width="100%">
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr>
|
|
|
|
|
<th class="font gray align-right">{{$t('route')}}</th>
|
|
|
|
|
<td>{{route.id}}</td>
|
|
|
|
|
<th class="font gray align-right">{{$t('driver')}}</th>
|
|
|
|
|
<td>{{route.userNickName}}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<th class="font gray align-right">{{$t('date')}}</th>
|
|
|
|
|
<td>{{route.created | date('%d-%m-%Y')}}</td>
|
|
|
|
|
<th class="font gray align-right">{{$t('vehicle')}}</th>
|
|
|
|
|
<td>{{route.vehicleTradeMark}} {{route.vehicleModel}}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<th class="font gray align-right">{{$t('time')}}</th>
|
|
|
|
|
<td>{{route.time | date('%H:%M')}}</td>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td>{{route.plateNumber}}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<th class="font gray align-right">{{$t('volume')}}</th>
|
|
|
|
|
<td>{{route.m3}}</td>
|
|
|
|
|
<th class="font gray align-right">{{$t('agency')}}</th>
|
|
|
|
|
<td>{{route.agencyName}}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
<div class="contained">
|
|
|
|
|
<table class="middle centered" width="70%">
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
<p class="small">Hora inicio</p>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<p class="small">Hora fin</p>
|
|
|
|
|
</td>
|
|
|
|
|
<td class="gap"></td>
|
|
|
|
|
<td>
|
|
|
|
|
<p class="small">Km inicio</p>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<p class="small">Km fin</p>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td v-for="i in 2">
|
|
|
|
|
<div class="field rectangle">
|
|
|
|
|
<span></span>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
<td class="gap"></td>
|
|
|
|
|
<td v-for="i in 2">
|
|
|
|
|
<div class="field rectangle">
|
|
|
|
|
<span></span>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2020-08-25 08:00:21 +00:00
|
|
|
<!-- Route ticket list -->
|
|
|
|
|
<div class="no-page-break" v-for="ticket in route.tickets">
|
2019-11-11 10:04:49 +00:00
|
|
|
<div>
|
|
|
|
|
<table class="column-oriented repeatable">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
2020-12-16 10:40:51 +00:00
|
|
|
<th class="number">{{$t('order')}}</th>
|
|
|
|
|
<th class="number">{{$t('ticket')}}</th>
|
|
|
|
|
<th width="50%">{{$t('client')}}</th>
|
|
|
|
|
<th class="number">{{$t('address')}}</th>
|
|
|
|
|
<th class="number">{{$t('packages')}}</th>
|
2019-11-11 10:04:49 +00:00
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr>
|
|
|
|
|
<td class="number">{{ticket.priority}}</td>
|
|
|
|
|
<td class="number">{{ticket.id}}</td>
|
2020-03-03 12:22:36 +00:00
|
|
|
<td width="50%">{{ticket.clientFk}} {{ticket.addressName}}</td>
|
2019-11-11 10:04:49 +00:00
|
|
|
<td v-if="ticket.addressFk" class="number">
|
|
|
|
|
{{ticket.addressFk.toString().substr(0, ticket.addressFk.toString().length - 3)}}
|
|
|
|
|
<span class="black-container">
|
|
|
|
|
{{ticket.addressFk.toString().substr(-3, 3)}}
|
|
|
|
|
</span>
|
|
|
|
|
</td>
|
|
|
|
|
<td class="number">{{ticket.packages}}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<table width="100%">
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr>
|
|
|
|
|
<th class="font gray align-right">{{$t('street')}}</th>
|
|
|
|
|
<td>{{ticket.street}}</td>
|
|
|
|
|
<th class="font gray align-right">{{$t('postcode')}}</th>
|
|
|
|
|
<td>{{ticket.postalCode}}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<th class="font gray align-right">{{$t('city')}}</th>
|
|
|
|
|
<td>{{ticket.city}}</td>
|
|
|
|
|
<th class="font gray align-right">{{$t('agency')}}</th>
|
|
|
|
|
<td>{{ticket.ticketAgency}}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<th class="font gray align-right">{{$t('mobile')}}</th>
|
|
|
|
|
<td>{{ticket.mobile}}</td>
|
|
|
|
|
<th class="font gray align-right">{{$t('phone')}}</th>
|
|
|
|
|
<td>{{ticket.phone}}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<th class="font gray align-right">{{$t('warehouse')}}</th>
|
|
|
|
|
<td>{{ticket.warehouseName}}</td>
|
|
|
|
|
<th class="font gray align-right">{{$t('salesPerson')}}</th>
|
|
|
|
|
<td>{{ticket.salesPersonName}}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<th class="font gray align-right">{{$t('import')}}</th>
|
2020-05-22 13:20:55 +00:00
|
|
|
<td>{{ticket.import | currency('EUR', $i18n.locale)}}</td>
|
2019-11-11 10:04:49 +00:00
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
<div v-if="ticket.description || ticket.shipFk" class="text-area">
|
|
|
|
|
<p>{{ticket.description}}</p>
|
|
|
|
|
<p v-if="ticket.shipFk">{{$t('stowaway')}}: {{ticket.shipFk}}</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Footer block -->
|
2020-07-02 14:07:26 +00:00
|
|
|
<report-footer id="pageFooter"
|
2020-08-25 08:00:21 +00:00
|
|
|
v-bind:left-text="$t('routeId', [routeId])"
|
2020-07-02 14:07:26 +00:00
|
|
|
v-bind="$props">
|
|
|
|
|
</report-footer>
|
2019-11-11 10:04:49 +00:00
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
2019-04-10 07:45:45 +00:00
|
|
|
</body>
|
2019-11-11 10:04:49 +00:00
|
|
|
</html>
|
